@extends('layouts.finance')

@section('title', 'Client Invoices')
@section('subtitle', 'Work billed to clients — received via a bank credit in Transactions')

@section('content')
    @if($summary->isNotEmpty())
        <section class="card mb">
            <div class="section-head"><h2>Totals</h2></div>
            <div class="card-pad row-form">
                @foreach($summary as $row)
                    <div>
                        <span class="label">{{ $row->currency }} Collected</span>
                        <div>{{ number_format((float) $row->collected, 2) }}</div>
                    </div>
                    <div>
                        <span class="label">{{ $row->currency }} Outstanding</span>
                        <div>{{ number_format((float) $row->outstanding, 2) }}</div>
                    </div>
                @endforeach
            </div>
        </section>
    @endif

    <section class="card">
        <div class="section-head">
            <h2>Invoices</h2>
            <a class="btn btn-primary" href="{{ route('clients.invoices.create') }}">+ New Invoice</a>
        </div>
        <div class="card-pad">
            <form method="GET" action="{{ route('clients.invoices') }}" class="row-form">
                <div>
                    <label class="label">Client</label>
                    <select class="field" name="client_id">
                        <option value="">All</option>
                        @foreach($clients as $client)
                            <option value="{{ $client->id }}" @selected($filters['client_id'] == $client->id)>{{ $client->displayName() }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="label">Status</label>
                    <select class="field" name="status">
                        <option value="">All</option>
                        <option value="pending" @selected($filters['status'] === 'pending')>Unpaid</option>
                        <option value="paid" @selected($filters['status'] === 'paid')>Paid</option>
                    </select>
                </div>
                <button class="btn">Filter</button>
            </form>
        </div>
        <table>
            <thead>
            <tr>
                <th>Invoice</th>
                <th>Client</th>
                <th>Work</th>
                <th>Issued</th>
                <th>Due</th>
                <th class="right">Amount</th>
                <th>Status</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @forelse($invoices as $invoice)
                <tr>
                    <td>{{ $invoice->invoice_number }}</td>
                    <td>
                        @if($invoice->client)
                            <a href="{{ route('clients.show', $invoice->client) }}">{{ $invoice->client->name }}</a>
                        @else
                            {{ $invoice->client_name }}
                        @endif
                    </td>
                    <td>{{ $invoice->productSummary() }}</td>
                    <td>{{ optional($invoice->issue_date)->format('d M Y') }}</td>
                    <td>{{ optional($invoice->due_date)->format('d M Y') }}</td>
                    <td class="right">{{ $invoice->currency }} {{ number_format($invoice->total(), 2) }}</td>
                    <td>
                        @if($invoice->status === 'paid')
                            Paid <span class="muted text-xs">{{ optional($invoice->paid_at)->format('d M Y') }}</span>
                        @else
                            Unpaid
                        @endif
                    </td>
                    <td class="actions">
                        @if($invoice->status !== 'paid')
                            <form method="POST" action="{{ route('clients.invoices.destroy', $invoice) }}"
                                  onsubmit="return confirm('Delete this unpaid invoice?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-danger">Delete</button>
                            </form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="8" class="muted">No client invoices yet.</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="card-pad">
            <p class="muted text-xs">
                To receive an invoice: go to Transactions → pick the bank account → Credit → category
                <strong>Client Invoice</strong>, then select the invoice. The amount is credited to the
                account and the invoice is marked paid.
            </p>
            {{ $invoices->links() }}
        </div>
    </section>
@endsection