@extends('layouts.app')
@section('title', 'NFS-e Emitidas')
@section('page_title', 'NFS-e Emitidas')
@section('page_subtitle', 'Listagem de todas as notas fiscais de servico.')
@section('page_actions')
    <a class="button primary" href="{{ route('nfse.invoices.create') }}">+ Emitir NFS-e</a>
@endsection

@section('content')
<div class="panel">
    <div class="panel-header">
        <div><h2>Notas fiscais</h2><span>{{ $invoices->total() }} registro(s)</span></div>
        <form method="GET" style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
            <select name="status" onchange="this.form.submit()" style="min-height:34px;font-size:13px">
                <option value="">Todos os status</option>
                <option value="pendente"     @selected(request('status')==='pendente')>Pendente</option>
                <option value="processando"  @selected(request('status')==='processando')>Processando</option>
                <option value="emitida"      @selected(request('status')==='emitida')>Emitida</option>
                <option value="erro"         @selected(request('status')==='erro')>Erro</option>
                <option value="cancelada"    @selected(request('status')==='cancelada')>Cancelada</option>
            </select>
            <input name="date_from" type="date" value="{{ request('date_from') }}" style="min-height:34px;font-size:13px">
            <input name="date_to"   type="date" value="{{ request('date_to') }}"   style="min-height:34px;font-size:13px">
            <input name="q" placeholder="Numero ou cliente..." value="{{ request('q') }}" style="min-height:34px;font-size:13px;min-width:180px">
            <button class="button primary" type="submit" style="min-height:34px">Filtrar</button>
            @if (request()->anyFilled(['status','date_from','date_to','q']))
                <a class="button" href="{{ route('nfse.invoices.index') }}" style="min-height:34px">Limpar</a>
            @endif
        </form>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>N.° NFS-e</th>
                    <th>Cliente / Tomador</th>
                    <th>Valor Servico</th>
                    <th>Valor Liquido</th>
                    <th>Status</th>
                    <th>Tipo</th>
                    <th>Emissao</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($invoices as $inv)
                <tr>
                    <td style="font-family:monospace;font-size:12px;font-weight:700">
                        {{ $inv->numero_nfse ?? ('RPS-' . str_pad($inv->id, 6, '0', STR_PAD_LEFT)) }}
                    </td>
                    <td style="font-size:13px">{{ $inv->customer?->nome ?? '—' }}</td>
                    <td style="font-size:13px">{{ $inv->valorServicoFormatted() }}</td>
                    <td style="font-size:13px;font-weight:600">{{ $inv->valorLiquidoFormatted() }}</td>
                    <td>
                        <span class="pill" style="{{ $inv->statusStyle() }};min-width:0;font-size:11px;padding:2px 8px">
                            {{ $inv->statusLabel() }}
                        </span>
                    </td>
                    <td style="font-size:12px;color:var(--muted)">{{ ucfirst($inv->tipo_emissao) }}</td>
                    <td style="font-size:12px;color:var(--muted);white-space:nowrap">
                        {{ $inv->emitted_at?->format('d/m/Y H:i') ?? $inv->created_at->format('d/m/Y') }}
                    </td>
                    <td>
                        <div style="display:flex;gap:4px">
                            <a class="button" href="{{ route('nfse.invoices.show', $inv) }}" style="font-size:12px;min-height:28px;padding:3px 10px">Ver</a>
                            @if ($inv->isIssued())
                                <a class="button" href="{{ route('nfse.invoices.pdf', $inv) }}" style="font-size:12px;min-height:28px;padding:3px 10px" target="_blank">PDF</a>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8"><div class="empty">Nenhuma NFS-e encontrada.</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if ($invoices->hasPages())
    <div style="padding:12px 16px;border-top:1px solid var(--border)">{{ $invoices->links() }}</div>
    @endif
</div>
@endsection