@extends('layouts.app')
@section('title', 'Compras')
@section('content')

<div class="card">
    <div class="card-header d-flex justify-content-between">
        <span><i class="bi bi-cart-plus-fill me-2"></i>Compras</span>
        <a href="{{ route('compras.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Nueva compra</a>
    </div>
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead><tr><th>N°</th><th>Fecha</th><th>Proveedor</th><th>Factura</th><th>Usuario</th><th class="text-end">Total</th><th class="text-end">Acciones</th></tr></thead>
            <tbody>
                @forelse($compras as $c)
                <tr>
                    <td><a href="{{ route('compras.show', $c) }}">{{ $c->numero }}</a></td>
                    <td>{{ $c->fecha->format('d/m/Y') }}</td>
                    <td>{{ $c->proveedor->nombre }}</td>
                    <td>{{ $c->numero_factura ?? '-' }}</td>
                    <td>{{ $c->usuario->name }}</td>
                    <td class="text-end fw-semibold">{{ $config->formatearMoneda($c->total) }}</td>
                    <td class="text-end"><a href="{{ route('compras.show', $c) }}" class="btn btn-sm btn-light"><i class="bi bi-eye"></i></a></td>
                </tr>
                @empty
                <tr><td colspan="7" class="text-center text-muted py-5">No hay compras registradas.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $compras->links() }}</div>
</div>
@endsection