@extends('layouts.app')
@section('title', __('Invoices'))

@section('content')
    <div class="mb-4 grid grid-cols-2 gap-4 lg:grid-cols-4">
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Draft') }}</p><p class="mt-1 text-lg font-bold text-slate-600">{{ money($totals['draft']) }}</p></div>
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Sent') }}</p><p class="mt-1 text-lg font-bold text-sky-600">{{ money($totals['sent']) }}</p></div>
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Paid') }}</p><p class="mt-1 text-lg font-bold text-brand-700">{{ money($totals['paid']) }}</p></div>
        <div class="card"><p class="text-xs uppercase text-slate-400">{{ __('Overdue') }}</p><p class="mt-1 text-lg font-bold text-red-600">{{ money($totals['overdue']) }}</p></div>
    </div>

    <form method="GET" class="mb-4 flex flex-wrap items-end gap-2">
        <div><label class="label">{{ __('Status') }}</label>
            <select name="status" class="input">
                <option value="">{{ __('All') }}</option>
                @foreach (\App\Models\Sale::INVOICE_STATUSES as $s)
                    <option value="{{ $s }}" @selected(request('status') === $s)>{{ __(ucfirst($s)) }}</option>
                @endforeach
            </select>
        </div>
        <div><label class="label">{{ __('From') }}</label><input type="date" name="from" value="{{ request('from') }}" class="input"></div>
        <div><label class="label">{{ __('To') }}</label><input type="date" name="to" value="{{ request('to') }}" class="input"></div>
        <button class="btn-secondary">{{ __('Filter') }}</button>
    </form>

    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50">
                <tr>
                    <th class="th">{{ __('Reference') }}</th>
                    <th class="th">{{ __('Client') }}</th>
                    <th class="th">{{ __('Total') }}</th>
                    <th class="th">{{ __('Due date') }}</th>
                    <th class="th">{{ __('Status') }}</th>
                    <th class="th">{{ __('Update status') }}</th>
                    <th class="th"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($sales as $sale)
                    @php $effective = $sale->effectiveInvoiceStatus(); @endphp
                    <tr class="hover:bg-slate-50">
                        <td class="td font-mono text-xs">{{ $sale->reference }}</td>
                        <td class="td">{{ $sale->client?->name ?? __('Walk-in') }}</td>
                        <td class="td font-semibold">{{ money($sale->total) }}</td>
                        <td class="td {{ $sale->isOverdue() ? 'text-red-600 font-semibold' : '' }}">{{ $sale->due_date?->format('d/m/Y') ?? '—' }}</td>
                        <td class="td">
                            @if (in_array($sale->status, ['draft', 'pending_validation'], true))
                                <span class="badge bg-amber-100 text-amber-700">{{ __('Pending validation') }}</span>
                            @else
                                <span class="badge {{ $sale->invoiceBadgeClass() }}">{{ __(ucfirst($effective)) }}</span>
                            @endif
                        </td>
                        <td class="td">
                            <form method="POST" action="{{ route('sales.invoice-status', $sale) }}" class="flex items-center gap-1">
                                @csrf
                                <select name="invoice_status" class="input !w-28 !py-1 text-xs">
                                    @foreach (\App\Models\Sale::INVOICE_STATUSES as $s)
                                        <option value="{{ $s }}" @selected(($sale->invoice_status ?? 'draft') === $s)>{{ __(ucfirst($s)) }}</option>
                                    @endforeach
                                </select>
                                <input type="date" name="due_date" value="{{ $sale->due_date?->format('Y-m-d') }}" class="input !w-36 !py-1 text-xs">
                                <button class="btn-secondary !px-2 !py-1 text-xs">{{ __('Save') }}</button>
                            </form>
                        </td>
                        <td class="td text-right">
                            <div class="flex justify-end gap-2">
                                @if (in_array($sale->status, ['draft', 'pending_validation'], true))
                                    <form method="POST" action="{{ route('sales.validate', $sale) }}">@csrf
                                        <button class="btn-secondary !px-3 !py-1 text-xs">{{ __('Validate') }}</button>
                                    </form>
                                @endif
                                @if ($sale->status !== 'paid')
                                    <form method="POST" action="{{ route('sales.pay', $sale) }}">@csrf
                                        <button class="btn-secondary !px-3 !py-1 text-xs">{{ __('Mark paid') }}</button>
                                    </form>
                                @endif
                                <a href="{{ route('sales.show', $sale) }}" class="text-brand-600 hover:underline">{{ __('View') }}</a>
                                <a href="{{ route('sales.invoice.pdf', $sale) }}" class="text-brand-600"><x-icon name="printer" class="h-4 w-4"/></a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="td py-10 text-center text-slate-400">{{ __('No invoices.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $sales->links() }}</div>
@endsection