@extends('layouts.app')

@section('content')
<div class="top">
    <div>
        <div class="eyebrow">Prodaja i naplata</div>
        <h1>Računi</h1>
    </div>
    <div class="toolbar">
        <a class="btn secondary" href="{{ route('reports.invoices') }}">Statistika</a>
        <a class="btn" href="{{ route('invoices.create') }}">+ Novi račun</a>
    </div>
</div>

<form class="ux-filter" method="get"><input name="q" value="{{ request('q') }}" placeholder="Pretraži broj računa ili kupca…"><select name="client_id"><option value="">Svi kupci</option>@foreach($filterClients as $client)<option value="{{ $client->id }}" @selected(request('client_id')==$client->id)>{{ $client->name }}</option>@endforeach</select><select name="status"><option value="">Sva stanja</option><option value="issued" @selected(request('status')==='issued')>Izdani</option><option value="partially_paid" @selected(request('status')==='partially_paid')>Djelomično plaćeni</option><option value="paid" @selected(request('status')==='paid')>Plaćeni</option><option value="cancelled" @selected(request('status')==='cancelled')>Stornirani</option></select><input type="date" name="date_from" value="{{ request('date_from') }}"><input type="date" name="date_to" value="{{ request('date_to') }}"><a class="ux-filter-clear" href="{{ route('invoices.index') }}">Očisti</a></form>
<div class="table-scroll">
    <table>
        <thead>
            <tr>
                <th>Broj</th><th>Kupac</th><th>Datum</th><th>Dospijeće</th>
                <th>Ukupno</th><th>Plaćeno</th><th>Status</th><th>Akcije</th>
            </tr>
        </thead>
        <tbody>
        @forelse($invoices as $invoice)
            @php
                $paidAmount = (float) ($invoice->payments_sum_amount ?? 0);
                $isPaid = $invoice->document_type !== 'cancellation' && ($invoice->status === 'paid' || $paidAmount + 0.005 >= (float) $invoice->gross_total);
                $isOverdue = !$isPaid && !in_array($invoice->status, ['draft', 'cancelled'], true) && $invoice->due_at->isPast();
            @endphp
            <tr class="{{ $isPaid ? 'paid-row' : ($isOverdue ? 'overdue-row' : '') }}">
                <td><a class="row-edit-link" href="{{ route('invoices.edit', $invoice) }}" title="Uredi račun"><strong>{{ $invoice->number }}</strong></a></td>
                <td><a class="row-edit-link" href="{{ route('invoices.edit', $invoice) }}" title="Uredi račun">{{ $invoice->customer->name }}</a></td>
                <td>{{ $invoice->issued_at->format('d.m.Y.') }}</td>
                <td>
                    {{ $invoice->due_at->format('d.m.Y.') }}
                    @if($isOverdue)
                        <span class="due-badge">Dospio</span>
                    @endif
                </td>
                <td>{{ number_format($invoice->gross_total, 2, ',', '.') }} €</td>
                <td>{{ number_format($paidAmount, 2, ',', '.') }} €</td>
                <td>
                    <span class="pill {{ $isPaid ? 'paid-pill' : ($isOverdue ? 'overdue-pill' : '') }}">
                        {{ $invoice->document_type === 'cancellation' ? 'Storno dokument' : ($isPaid ? 'Plaćen' : (['draft'=>'Nacrt','issued'=>'Izdan','partially_paid'=>'Djelomično plaćen','cancelled'=>'Storniran'][$invoice->status] ?? $invoice->status)) }}
                    </span>
                </td>
                <td>
                    <div class="invoice-actions">
                        <a title="Pregled" href="{{ route('invoices.show', $invoice) }}">◉</a>
                        <a title="Uredi" href="{{ route('invoices.edit', $invoice) }}">✎</a>
                        <a class="pdf" title="PDF / Ispis" target="_blank" href="{{ route('invoices.pdf', $invoice) }}">PDF</a>
                        @if($invoice->document_type !== 'cancellation' && $invoice->status !== 'cancelled')
                            <form method="post" action="{{ route('invoices.cancel', $invoice) }}" onsubmit="return confirm('Izraditi storno dokument za račun {{ $invoice->number }}?')">@csrf<button class="cancel-invoice" title="Storniraj račun">↩</button></form>
                        @endif
                        @if($invoice->status !== 'cancelled')
                            <form method="post" action="{{ route('invoices.paid-status', $invoice) }}" onsubmit="return confirm('{{ $isPaid ? 'Poništiti ručnu oznaku podmirenja?' : 'Označiti račun kao potpuno podmiren?' }}')">
                                @csrf
                                <input type="hidden" name="paid" value="{{ $isPaid ? 0 : 1 }}">
                                <button class="{{ $isPaid ? 'unpay' : 'pay' }}" title="{{ $isPaid ? 'Poništi ručnu oznaku podmirenja' : 'Označi kao podmireno' }}">{{ $isPaid ? '↶' : '✓' }}</button>
                            </form>
                        @else
                            <span class="disabled">✓</span>
                        @endif
                        <form method="post" action="{{ route('invoices.destroy', $invoice) }}" onsubmit="return confirm('{{ $isPaid ? 'Račun je podmiren. Brisanjem će se ukloniti račun, njegove stavke i evidencija uplata. Zaista obrisati ' : 'Obrisati račun ' }}{{ $invoice->number }}?')">
                            @csrf @method('delete')
                            <button type="submit" class="delete-invoice" title="Obriši račun">×</button>
                        </form>
                    </div>
                </td>
            </tr>
        @empty
            <tr><td colspan="8">Još nema računa.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="pagination">{{ $invoices->links() }}</div>

<style>
.table-scroll{overflow:auto}.invoice-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
.invoice-actions a,.invoice-actions button,.invoice-actions span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:17px;cursor:pointer}
.invoice-actions .pdf{width:44px;font-size:11px;font-weight:800;background:var(--brand);color:#fff}.invoice-actions button{color:var(--danger)}
.invoice-actions button.pay{background:var(--brand);color:#fff}.invoice-actions button.unpay{color:#956100}.invoice-actions .disabled{opacity:.3;cursor:not-allowed}
.invoice-actions button.delete-invoice{background:#fff1f0!important;border-color:#efb2ac!important;color:#b42318!important;opacity:1!important;font-weight:800}.invoice-actions button.delete-invoice:hover{background:#b42318!important;color:#fff!important}
.paid-row{background:#eef9f3}.paid-row td:first-child{box-shadow:inset 4px 0 0 #168b64}.paid-row:hover{background:#e5f6ed}.overdue-row{background:#fff8f7}.due-badge{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:999px;background:#fde1de;color:#b42318;font-size:11px;font-weight:800}
.pill.paid-pill{background:#dff4e9;color:#087443}.pill.overdue-pill{background:#fde1de;color:#b42318}
.row-edit-link,.row-edit-link:hover{color:inherit;text-decoration:none}.row-edit-link:hover{color:var(--brand)}
</style>
@endsection