{{-- resources/views/admin/invoices/index.blade.php --}}
@extends('admin.layouts.admin')
@section('title','Invoices')
@section('page-title','Invoices')
@section('admin-content')
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;">
    <p style="font-size:0.82rem;color:#9ca3af;">{{ $invoices->total() }} invoices</p>
    <a href="{{ route('admin.invoices.create') }}" class="btn btn-primary">+ New Invoice</a>
</div>
<div class="admin-card" style="padding:0;overflow:hidden;">
    <table class="data-table">
        <thead><tr><th>Invoice #</th><th>Client</th><th>Title</th><th>Total</th><th>Status</th><th>Due</th><th>Actions</th></tr></thead>
        <tbody>
            @forelse($invoices as $inv)
            <tr>
                <td style="font-family:monospace;font-size:0.78rem;font-weight:600;">{{ $inv->invoice_number }}</td>
                <td style="font-size:0.78rem;color:#6b7280;">{{ $inv->client->display_name }}</td>
                <td style="font-size:0.78rem;">{{ Str::limit($inv->title,30) }}</td>
                <td style="font-weight:700;font-size:0.82rem;">{{ $inv->currency_symbol }}{{ number_format($inv->total,2) }}</td>
                <td><span class="pill" style="background:{{ $inv->status_color }}18;color:{{ $inv->status_color }};font-size:0.62rem;">{{ ucfirst($inv->status) }}</span></td>
                <td style="font-size:0.72rem;color:{{ $inv->due_date?->isPast() && $inv->status!=='paid' ? '#dc2626' : '#9ca3af' }};">
                    {{ $inv->due_date?->format('d M Y') ?? '—' }}
                </td>
                <td>
                    <div style="display:flex;gap:0.3rem;">
                        <a href="{{ route('admin.invoices.show',$inv) }}" class="btn btn-outline btn-sm">View</a>
                        <a href="{{ route('admin.invoices.pdf',$inv) }}" target="_blank" class="btn btn-outline btn-sm">PDF</a>
                        @if($inv->status === 'draft')
                        <form action="{{ route('admin.invoices.send',$inv) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-primary btn-sm">Send</button>
                        </form>
                        @endif
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;padding:3rem;color:#9ca3af;">No invoices yet. <a href="{{ route('admin.invoices.create') }}" style="color:#2d3aff;font-weight:600;">Create one →</a></td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@if($invoices->hasPages())<div style="margin-top:1rem;">{{ $invoices->links() }}</div>@endif
@endsection