@extends('layouts.app')

@section('content')
@php
    $isPaid = $invoice->document_type !== 'cancellation' && ($invoice->status === 'paid' || $invoice->paid_total + 0.005 >= (float) $invoice->gross_total);
    $isOverdue = !$isPaid && !in_array($invoice->status, ['draft', 'cancelled'], true) && $invoice->due_at->isPast();
@endphp
<div class="top">
    <div>
        <div class="eyebrow">Račun</div>
        <h1>{{ $invoice->number }}</h1>
    </div>
    <div class="toolbar">
        <a class="btn" target="_blank" href="{{ route('invoices.pdf', $invoice) }}">PDF / Ispis</a>
        <a class="btn secondary" href="{{ route('invoices.edit', $invoice) }}">Uredi</a>
        @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="btn {{ $isPaid ? 'secondary' : '' }}">{{ $isPaid ? '↶ Poništi podmirenje' : '✓ Označi podmirenim' }}</button>
            </form>
        @endif
        <a class="btn secondary" href="{{ route('invoices.index') }}">← Računi</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="btn secondary">Storniraj</button></form>
        @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 class="btn delete-btn">Obriši</button>
        </form>
    </div>
</div>

<div class="card invoice-summary {{ $isOverdue ? 'overdue-card' : '' }}">
    <div><strong>{{ $invoice->customer->name }}</strong> · izdano {{ $invoice->issued_at->format('d.m.Y.') }} · dospijeće {{ $invoice->due_at->format('d.m.Y.') }} @if($invoice->originalInvoice) · storno računa <a href="{{ route('invoices.show',$invoice->originalInvoice) }}">{{ $invoice->originalInvoice->number }}</a>@endif</div>
    <span class="status-large {{ $isPaid ? 'status-paid' : ($isOverdue ? 'status-overdue' : '') }}">{{ $invoice->document_type === 'cancellation' ? 'Storno dokument' : ($invoice->status === 'cancelled' ? 'Storniran' : ($isPaid ? 'Plaćen' : ($isOverdue ? 'Dospio – nije podmiren' : 'Otvoren'))) }}</span>
</div>

<table>
    <tr><th>R.br.</th><th>Opis</th><th>Količina</th><th>Jedinica</th><th>Cijena</th><th>Iznos</th></tr>
    @foreach($invoice->items as $i)
        <tr><td>{{ $loop->iteration }}</td><td>{{ $i->description }}</td><td>{{ $i->quantity }}</td><td>{{ $i->unit }}</td><td>{{ number_format($i->unit_price,2,',','.') }} €</td><td>{{ number_format($i->line_total,2,',','.') }} €</td></tr>
    @endforeach
</table>

<div class="grid invoice-bottom">
    <div>
        <h2>Uplate</h2>
        @forelse($invoice->payments as $p)
            <div class="card payment-line"><span>{{ $p->paid_at->format('d.m.Y.') }}</span><strong>{{ number_format($p->amount,2,',','.') }} €</strong></div>
        @empty
            <p class="eyebrow">Nema evidentiranih uplata.</p>
        @endforelse
        @if($invoice->status !== 'cancelled' && $invoice->balance > 0)
            <form class="card" method="post" action="{{ route('invoices.payments.store', $invoice) }}">
                @csrf
                <div class="fields">
                    <div><label>Datum</label><input type="date" name="paid_at" value="{{ now()->format('Y-m-d') }}"></div>
                    <div><label>Iznos</label><input type="number" step=".01" name="amount" value="{{ $invoice->balance }}"></div>
                    <div><label>Način</label><select name="method"><option value="bank_transfer">Transakcijski račun</option><option value="cash">Gotovina</option><option value="card">Kartica</option></select></div>
                    <div><label>Referenca</label><input name="reference"></div>
                </div>
                <button class="btn" style="margin-top:12px">Evidentiraj uplatu</button>
            </form>
        @endif
    </div>
    <div class="card totals-card">
        <p>Neto <b>{{ number_format($invoice->net_total,2,',','.') }} €</b></p>
        <p>PDV <b>{{ number_format($invoice->vat_amount,2,',','.') }} €</b></p>
        <h2>Ukupno <span>{{ number_format($invoice->gross_total,2,',','.') }} €</span></h2>
        <p>Plaćeno <b>{{ number_format($invoice->paid_total,2,',','.') }} €</b></p>
        <p class="balance">Preostalo <b>{{ number_format($invoice->balance,2,',','.') }} €</b></p>
    </div>
</div>
<style>
.invoice-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.overdue-card{border-color:#efaca5;background:#fff8f7}
.status-large{padding:7px 11px;border-radius:999px;background:#edf1ef;font-size:13px;font-weight:800;white-space:nowrap}.status-paid{background:#dff4e9;color:#087443}.status-overdue{background:#fde1de;color:#b42318}
.invoice-bottom{grid-template-columns:1fr 1fr;margin-top:18px}.payment-line{display:flex;justify-content:space-between;margin-bottom:8px}.totals-card p,.totals-card h2{display:flex;justify-content:space-between}.totals-card .balance{border-top:1px solid var(--line);padding-top:12px}
.delete-btn{background:#fff;color:var(--danger);border-color:#efc5c1}
@media(max-width:800px){.invoice-summary{align-items:flex-start;flex-direction:column}.invoice-bottom{grid-template-columns:1fr}}
</style>
@endsection