@extends('layouts.app')
@section('title', 'Statement — '.$customer->display_name)

@section('content')
    <div class="page-head">
        <div>
            <h1>Account statement</h1>
            <p>{{ $customer->display_name }} &middot; <span class="mono">{{ $customer->customer_number }}</span> &middot; {{ $from->format('d M Y') }} to {{ $to->format('d M Y') }}</p>
        </div>
        <div class="page-actions">
            <button type="button" class="btn secondary" onclick="window.print()">Print statement</button>
            <a href="{{ route('customers.show', $customer) }}" class="btn">&larr; Back to profile</a>
        </div>
    </div>

    <form class="filters no-print" method="GET">
        <div class="field"><label>From</label><input type="date" name="from" value="{{ $from->toDateString() }}"></div>
        <div class="field"><label>To</label><input type="date" name="to" value="{{ $to->toDateString() }}"></div>
        <div class="field"><label>&nbsp;</label><button type="submit" class="btn secondary">Apply</button></div>
    </form>

    @php
        $balance = 0;
        $rows = $invoices->map(fn ($i) => ['date' => $i->issue_date, 'type' => 'Invoice '.$i->invoice_number,
                'ref' => $i->invoice_number, 'debit' => (float) $i->total, 'credit' => 0.0, 'status' => $i->status])
            ->concat($payments->map(fn ($p) => ['date' => \Carbon\Carbon::parse($p->paid_at), 'type' => 'Payment — '.title_case_words($p->method),
                'ref' => $p->reference, 'debit' => 0.0, 'credit' => (float) $p->amount, 'status' => $p->status]))
            ->sortBy(fn ($r) => $r['date'])->values();
    @endphp

    <div class="card">
        <div class="card-head">
            <h3>Transaction ledger</h3>
            <span class="sub">{{ $rows->count() }} movement(s)</span>
        </div>
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr><th>Date</th><th>Description</th><th>Reference</th><th class="num">Debit</th><th class="num">Credit</th><th class="num">Balance</th><th>Status</th></tr>
                    </thead>
                    <tbody>
                    @forelse ($rows as $row)
                        @php $balance += $row['debit'] - $row['credit']; @endphp
                        <tr>
                            <td class="small nowrap">{{ $row['date']->format('d M Y') }}</td>
                            <td>{{ $row['type'] }}</td>
                            <td class="mono tiny">{{ $row['ref'] }}</td>
                            <td class="num">{{ $row['debit'] > 0 ? money($row['debit'], $customer->currency) : '—' }}</td>
                            <td class="num">{{ $row['credit'] > 0 ? money($row['credit'], $customer->currency) : '—' }}</td>
                            <td class="num strong">{{ money($balance, $customer->currency) }}</td>
                            <td><span class="badge {{ status_color($row['status']) }}">{{ $row['status'] }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="7">@include('components.empty-state', ['icon' => '&#128196;', 'title' => 'No transactions in this period'])</td></tr>
                    @endforelse
                    </tbody>
                    @if ($rows->isNotEmpty())
                        <tfoot>
                        <tr style="background:var(--ink-50);font-weight:700;">
                            <td colspan="3" class="right">Closing balance</td>
                            <td class="num">{{ money($invoices->sum('total'), $customer->currency) }}</td>
                            <td class="num">{{ money($payments->sum('amount'), $customer->currency) }}</td>
                            <td class="num">{{ money($balance, $customer->currency) }}</td>
                            <td></td>
                        </tr>
                        </tfoot>
                    @endif
                </table>
            </div>
        </div>
    </div>
@endsection