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

@section('content')
    <div class="page-head">
        <div><h1>Invoices</h1><p>{{ $invoices->total() }} invoice(s) matching your filters.</p></div>
        <div class="page-actions">
            <a href="{{ route('billing.generate') }}" class="btn secondary">Run billing cycle</a>
            <a href="{{ route('reports.export', ['report' => 'invoices']) }}" class="btn secondary">Export CSV</a>
            <a href="{{ route('invoices.create') }}" class="btn">+ New invoice</a>
        </div>
    </div>

    <div class="grid grid-6 mb-2">
        @include('components.kpi', ['label' => 'Total issued', 'value' => money($totals['issued']), 'variant' => 'info', 'href' => route('invoices.index')])
        @include('components.kpi', ['label' => 'Paid', 'value' => money($totals['paid']), 'variant' => 'good', 'href' => route('invoices.index', ['status' => 'paid'])])
        @include('components.kpi', ['label' => 'Outstanding', 'value' => money($totals['outstanding']), 'variant' => 'warn', 'href' => route('invoices.index', ['status' => 'issued'])])
        @include('components.kpi', ['label' => 'Overdue', 'value' => money($totals['overdue']), 'variant' => 'bad', 'href' => route('invoices.index', ['status' => 'overdue'])])
        @include('components.kpi', ['label' => 'Partially paid', 'value' => money($totals['partial']), 'href' => route('invoices.index', ['status' => 'partially_paid'])])
        @include('components.kpi', ['label' => 'Drafts', 'value' => money($totals['draft']), 'href' => route('invoices.index', ['status' => 'draft'])])
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 240px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Invoice number, customer, service…">
        </div>
        <div class="field">
            <label>Status</label>
            <select name="status" data-auto-submit>
                <option value="">All</option>
                @foreach (['draft','issued','partially_paid','paid','overdue','cancelled','refunded'] as $s)
                    <option value="{{ $s }}" @selected(($filters['status'] ?? '') === $s)>{{ title_case_words($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Type</label>
            <select name="type" data-auto-submit>
                <option value="">All</option>
                @foreach (['subscription','installation','one_time','hardware','credit_note','pro_rata'] as $t)
                    <option value="{{ $t }}" @selected(($filters['type'] ?? '') === $t)>{{ title_case_words($t) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field"><label>From</label><input type="date" name="from" value="{{ $filters['from'] ?? '' }}"></div>
        <div class="field"><label>To</label><input type="date" name="to" value="{{ $filters['to'] ?? '' }}"></div>
        <div class="field"><label>&nbsp;</label>
            <label class="check"><input type="checkbox" name="overdue" value="1" @checked(request()->boolean('overdue'))> Only overdue</label></div>
        <div class="field" style="flex:0 0 auto;"><label>&nbsp;</label><button type="submit" class="btn secondary">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr>
                        <th>Invoice</th><th>Customer</th><th>Type</th><th>Period</th><th>Issued</th><th>Due</th>
                        <th class="num">Total</th><th class="num">Balance</th><th>Status</th><th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($invoices as $invoice)
                        <tr>
                            <td>
                                <a href="{{ route('invoices.show', $invoice) }}" class="mono strong">{{ $invoice->invoice_number }}</a>
                                @if ($invoice->service)
                                    <div class="tiny muted">{{ $invoice->service->service_number }}</div>
                                @endif
                            </td>
                            <td><a href="{{ route('customers.show', $invoice->customer) }}">{{ $invoice->customer->display_name }}</a></td>
                            <td><span class="badge muted">{{ title_case_words($invoice->type) }}</span></td>
                            <td class="small nowrap">
                                {{ $invoice->period_start?->format('d M') ?? '—' }}
                                @if ($invoice->period_end) – {{ $invoice->period_end->format('d M Y') }} @endif
                            </td>
                            <td class="small nowrap">{{ $invoice->issue_date->format('d M Y') }}</td>
                            <td class="small nowrap">
                                @if ($invoice->is_overdue && $invoice->balance > 0)
                                    <span class="badge danger">{{ (int) $invoice->due_date->diffInDays(now()) }}d late</span>
                                @else
                                    {{ $invoice->due_date->format('d M Y') }}
                                @endif
                            </td>
                            <td class="num">{{ money($invoice->total, $invoice->currency) }}</td>
                            <td class="num strong">{{ money($invoice->balance, $invoice->currency) }}</td>
                            <td><span class="badge {{ status_color($invoice->status) }}">{{ $invoice->status }}</span></td>
                            <td class="right nowrap">
                                <a href="{{ route('invoices.show', $invoice) }}" class="btn xs secondary">Open</a>
                                @if ($invoice->balance > 0 && $invoice->status !== 'draft')
                                    <a href="{{ route('payments.create', ['customer' => $invoice->customer_id]) }}" class="btn xs">Collect</a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="10">
                            @include('components.empty-state', ['icon' => '&#128196;', 'title' => 'No invoices found',
                                'message' => 'Run the billing cycle or raise a manual invoice.',
                                'action' => '<a href="'.route('invoices.create').'" class="btn sm">+ New invoice</a>'])
                        </td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($invoices->hasPages())<div class="card-foot">{{ $invoices->links('partials.pagination') }}</div>@endif
    </div>
@endsection