@extends('layouts.app')
@section('title', 'Compra ' . $compra->numero)
@section('content')

<div class="card">
    <div class="card-header"><i class="bi bi-cart-plus-fill me-2"></i>Compra <strong>{{ $compra->numero }}</strong></div>
    <div class="card-body">
        <div class="row g-3 mb-3">
            <div class="col-md-3"><small class="text-muted">Fecha</small><br><strong>{{ $compra->fecha->format('d/m/Y') }}</strong></div>
            <div class="col-md-3"><small class="text-muted">Proveedor</small><br><strong>{{ $compra->proveedor->nombre }}</strong></div>
            <div class="col-md-3"><small class="text-muted">N° Factura</small><br><strong>{{ $compra->numero_factura ?? '-' }}</strong></div>
            <div class="col-md-3"><small class="text-muted">Usuario</small><br><strong>{{ $compra->usuario->name }}</strong></div>
        </div>

        <table class="table">
            <thead><tr><th>Producto</th><th class="text-end">Cantidad</th><th class="text-end">Precio</th><th class="text-end">Total</th></tr></thead>
            <tbody>
                @foreach($compra->detalles as $d)
                <tr>
                    <td>{{ $d->producto->nombre }}</td>
                    <td class="text-end">{{ rtrim(rtrim(number_format($d->cantidad,3),'0'),'.') }}</td>
                    <td class="text-end">{{ $config->formatearMoneda($d->precio_unitario) }}</td>
                    <td class="text-end fw-semibold">{{ $config->formatearMoneda($d->total) }}</td>
                </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr><th colspan="3" class="text-end">TOTAL:</th><th class="text-end" style="color:var(--primary)">{{ $config->formatearMoneda($compra->total) }}</th></tr>
            </tfoot>
        </table>

        <a href="{{ route('compras.index') }}" class="btn btn-light">Volver</a>
    </div>
</div>
@endsection