{{-- resources/views/admin/invoices/show.blade.php --}}
@extends('admin.layouts.admin')
@section('title', $invoice->invoice_number)
@section('page-title', 'Invoice ' . $invoice->invoice_number)
@section('admin-content')
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:0.5rem;">
    <a href="{{ route('admin.invoices.index') }}" style="font-size:0.8rem;color:#9ca3af;text-decoration:none;">← Invoices</a>
    <div style="display:flex;gap:0.5rem;flex-wrap:wrap;">
        <a href="{{ route('admin.invoices.pdf',$invoice) }}" target="_blank" class="btn btn-outline btn-sm">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" style="width:0.8rem;height:0.8rem;"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>
            Preview PDF
        </a>
        @if(in_array($invoice->status,['draft','sent']))
        <a href="{{ route('admin.invoices.edit',$invoice) }}" class="btn btn-outline btn-sm">Edit</a>
        @endif
        @if($invoice->status === 'draft')
        <form action="{{ route('admin.invoices.send',$invoice) }}" method="POST">
            @csrf
            <button type="submit" class="btn btn-primary btn-sm">Send to Client</button>
        </form>
        @endif
    </div>
</div>

<div class="admin-card">
    <div style="display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid #f3f4f6;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem;">
        <div>
            <div style="font-size:1.25rem;font-family:'Fraunces',serif;font-weight:700;color:#0f0f14;">{{ $invoice->invoice_number }}</div>
            <div style="font-size:0.82rem;color:#6b7280;margin-top:0.25rem;">{{ $invoice->title }}</div>
            <div style="margin-top:0.5rem;display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;">
                <span class="pill" style="background:{{ $invoice->status_color }}18;color:{{ $invoice->status_color }};">{{ ucfirst($invoice->status) }}</span>
                @if($invoice->due_date)<span style="font-size:0.72rem;color:#9ca3af;">Due {{ $invoice->due_date->format('d M Y') }}</span>@endif
                @if($invoice->paid_at)<span style="font-size:0.72rem;color:#059669;font-weight:600;">✓ Paid {{ $invoice->paid_at->format('d M Y') }}</span>@endif
            </div>
        </div>
        <div style="text-align:right;">
            <div style="font-size:0.72rem;color:#9ca3af;margin-bottom:0.25rem;">Client</div>
            <div style="font-weight:600;color:#0f0f14;">{{ $invoice->client->display_name }}</div>
            <div style="font-size:0.75rem;color:#6b7280;">{{ $invoice->client->email }}</div>
        </div>
    </div>

    <table style="width:100%;border-collapse:collapse;margin-bottom:1.25rem;">
        <thead><tr style="background:#f8f8fa;">
            <th style="padding:0.65rem 1rem;text-align:left;font-size:0.65rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.1em;border-bottom:1px solid #e5e7eb;">Description</th>
            <th style="padding:0.65rem 0.75rem;text-align:center;font-size:0.65rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.1em;border-bottom:1px solid #e5e7eb;">Qty</th>
            <th style="padding:0.65rem 0.75rem;text-align:right;font-size:0.65rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.1em;border-bottom:1px solid #e5e7eb;">Unit Price</th>
            <th style="padding:0.65rem 1rem;text-align:right;font-size:0.65rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.1em;border-bottom:1px solid #e5e7eb;">Total</th>
        </tr></thead>
        <tbody>
            @foreach($invoice->items as $item)
            <tr style="border-bottom:1px solid #f8fafc;">
                <td style="padding:0.75rem 1rem;font-size:0.82rem;color:#374151;">{{ $item->description }}</td>
                <td style="padding:0.75rem 0.75rem;text-align:center;font-size:0.82rem;color:#6b7280;">{{ number_format($item->quantity,2) }}</td>
                <td style="padding:0.75rem 0.75rem;text-align:right;font-size:0.82rem;color:#6b7280;">{{ $invoice->currency_symbol }}{{ number_format($item->unit_price,2) }}</td>
                <td style="padding:0.75rem 1rem;text-align:right;font-size:0.82rem;font-weight:700;color:#0f0f14;">{{ $invoice->currency_symbol }}{{ number_format($item->total,2) }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <div style="display:flex;justify-content:flex-end;">
        <div style="min-width:220px;display:flex;flex-direction:column;gap:0.5rem;">
            <div style="display:flex;justify-content:space-between;font-size:0.82rem;"><span style="color:#6b7280;">Subtotal</span><span style="font-weight:600;">{{ $invoice->currency_symbol }}{{ number_format($invoice->subtotal,2) }}</span></div>
            <div style="display:flex;justify-content:space-between;font-size:0.82rem;padding-bottom:0.5rem;border-bottom:1px solid #e5e7eb;"><span style="color:#6b7280;">VAT ({{ $invoice->tax_rate }}%)</span><span style="font-weight:600;">{{ $invoice->currency_symbol }}{{ number_format($invoice->tax_amount,2) }}</span></div>
            <div style="display:flex;justify-content:space-between;"><span style="font-family:'Fraunces',serif;font-weight:700;font-size:1rem;">Total</span><span style="font-family:'Fraunces',serif;font-weight:700;font-size:1.15rem;color:#2d3aff;">{{ $invoice->currency_symbol }}{{ number_format($invoice->total,2) }}</span></div>
        </div>
    </div>

    @if($invoice->notes)
    <div style="margin-top:1.25rem;padding:0.85rem 1rem;background:#f8f8fa;border-radius:8px;">
        <p style="font-size:0.68rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.4rem;">Notes</p>
        <p style="font-size:0.8rem;color:#374151;line-height:1.65;">{{ $invoice->notes }}</p>
    </div>
    @endif

    {{-- Status management --}}
    <div style="margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #f3f4f6;">
        <form action="{{ route('admin.invoices.update',$invoice) }}" method="POST" style="display:flex;gap:0.65rem;align-items:center;flex-wrap:wrap;">
            @csrf @method('PUT')
            <input type="hidden" name="title" value="{{ $invoice->title }}">
            <input type="hidden" name="notes" value="{{ $invoice->notes }}">
            <input type="hidden" name="due_date" value="{{ $invoice->due_date?->format('Y-m-d') }}">
            <label class="form-label" style="margin:0;white-space:nowrap;">Update Status:</label>
            <select name="status" class="form-field" style="width:auto;">
                @foreach(['draft','sent','paid','overdue','cancelled'] as $s)
                <option value="{{ $s }}" {{ $invoice->status === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
            <input type="date" name="paid_at" value="{{ $invoice->paid_at?->format('Y-m-d') }}" class="form-field" style="width:auto;" placeholder="Paid date">
            <button type="submit" class="btn btn-primary btn-sm">Update</button>
        </form>
    </div>
</div>
@endsection