@extends('layouts.app')
@section('title', 'Comprobantes')

@section('content')
    <div class="page-head">
        <h1>Comprobantes</h1>
        <a href="{{ route('comprobantes.create') }}" class="btn btn-primary">+ Emitir comprobante</a>
    </div>

    <div class="card" style="margin-bottom:16px">
        <div class="card-body">
            <form method="GET" style="display:flex;gap:10px">
                <input name="q" value="{{ $q }}" placeholder="Buscar por número, cliente o documento...">
                <button class="btn">Buscar</button>
                @if($q)<a href="{{ route('comprobantes.index') }}" class="btn btn-ghost">Limpiar</a>@endif
            </form>
        </div>
    </div>

    <div class="card table-wrap">
        <table class="tabla">
            <thead>
                <tr><th>Número</th><th>Tipo</th><th>Fecha</th><th>Cliente</th><th class="text-right">Total</th><th>Estado</th><th></th></tr>
            </thead>
            <tbody>
                @forelse($comprobantes as $c)
                    <tr>
                        <td class="mono"><a href="{{ route('comprobantes.show', $c) }}">{{ $c->numero_completo }}</a></td>
                        <td>{{ $c->tipo_comprobante->label() }}</td>
                        <td>{{ $c->fecha_emision?->format('d/m/Y') }}</td>
                        <td>{{ $c->cliente_razon_social }}<br><span class="muted mono">{{ $c->cliente_numero_documento }}</span></td>
                        <td class="text-right">{{ $c->moneda->simbolo() }} {{ number_format((float) $c->importe_total, 2) }}</td>
                        <td><span class="badge {{ $c->estado->color() }}">{{ $c->estado->label() }}</span></td>
                        <td class="text-right" style="white-space:nowrap">
                            <a href="{{ route('comprobantes.ticket', $c) }}" target="_blank" class="btn btn-sm" title="Imprimir ticket 80mm">🖨️</a>
                            <a href="{{ route('comprobantes.show', $c) }}" class="btn btn-sm">Ver</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="muted" style="text-align:center;padding:28px">Aún no has emitido comprobantes.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:16px">{{ $comprobantes->links() }}</div>
@endsection