@extends('layouts.app')
@section('title', 'Customer deposits')

@section('content')
    <div class="page-head">
        <div><h1>Customer deposits</h1><p>{{ $accounts->total() }} deposit account(s). Money held is a liability until it is refunded.</p></div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Held now', 'value' => money($totals['held']), 'variant' => 'warn'])
        @include('components.kpi', ['label' => 'Ever deposited', 'value' => money($totals['deposited']), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Ever refunded', 'value' => money($totals['refunded']), 'variant' => 'good'])
        @include('components.kpi', ['label' => 'Accounts', 'value' => (string) $totals['accounts']])
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 260px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Customer name or number…">
        </div>
        <div class="field"><label>&nbsp;</label><button class="btn secondary" type="submit">Filter</button></div>
    </form>

    <div class="grid grid-2 mb-2">
        <div class="card">
            <div class="card-head"><h3>Open a deposit account</h3></div>
            <form method="POST" action="{{ route('deposits.store') }}">
                @csrf
                <div class="card-body">
                    <div class="field">
                        <label>Customer <span class="req">*</span></label>
                        <select name="customer_id" required>
                            <option value="">Select…</option>
                            @foreach (\App\Models\Customer::when(! auth()->user()->is_super_admin,
                                      fn ($q) => $q->where('organization_id', auth()->user()->organization_id))
                                      ->orderBy('first_name')->limit(2000)->get() as $c)
                                <option value="{{ $c->id }}">{{ $c->display_name }} — {{ $c->customer_number }}</option>
                            @endforeach
                        </select>
                        <span class="hint">If the customer already has an account it is opened instead of duplicated.</span>
                        @error('customer_id')<span class="err">{{ $message }}</span>@enderror
                    </div>
                    <div class="grid grid-2">
                        <div class="field">
                            <label>Initial deposit</label>
                            <input type="number" name="amount" step="0.01" min="0" value="{{ old('amount', '0.00') }}">
                        </div>
                        <div class="field">
                            <label>Note</label>
                            <input type="text" name="description" maxlength="255" placeholder="CPE security deposit">
                        </div>
                    </div>
                </div>
                <div class="card-foot"><button class="btn" type="submit">Open account</button></div>
            </form>
        </div>

        <div class="card">
            <div class="card-head"><h3>Rules</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Refunds are capped</dt>
                    <dd>You cannot refund more than the balance held. Handing back more than was taken is a write-off, not a refund.</dd>
                    <dt>One account per customer</dt>
                    <dd>Opening for an existing customer brings up their current account.</dd>
                    <dt>Closing</dt>
                    <dd>An account with a balance cannot be closed — refund it first.</dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>Accounts</h3></div>
        <div class="card-body" style="padding:0;">
            @if ($accounts->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#128179;',
                    'title' => 'No deposit accounts',
                    'message' => 'Open one above to hold a security deposit against CPE or damage.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th>Customer</th><th class="num">Balance</th><th class="num">Deposited</th>
                        <th class="num">Refunded</th><th class="num">Movements</th><th>Last movement</th><th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($accounts as $account)
                        <tr>
                            <td><a href="{{ route('deposits.show', $account) }}">{{ $account->customer?->display_name ?: '—' }}</a>
                                <div class="tiny muted mono">{{ $account->customer?->customer_number }}</div></td>
                            <td class="num strong">{{ money($account->balance) }}</td>
                            <td class="num">{{ money($account->total_deposited) }}</td>
                            <td class="num">{{ money($account->total_refunded) }}</td>
                            <td class="num">{{ $account->transactions->count() }}</td>
                            <td class="small nowrap">{{ $account->transactions->max('created_at')?->diffForHumans() ?: '—' }}</td>
                            <td class="right nowrap">
                                <a href="{{ route('deposits.show', $account) }}" class="btn xs secondary">Open</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        @if ($accounts->hasPages())<div class="card-foot">{{ $accounts->links('partials.pagination') }}</div>@endif
    </div>
@endsection