@extends('layouts.finance')

@section('title', 'Saving Amount')
@section('subtitle', 'Money set aside alongside salary payments')

@section('content')
@php
    $dateFilter = $dateFilter ?? ['active' => false, 'from' => null, 'to' => null, 'label' => null];
    $dashboardRouteParams = ($dateFilter['active'] ?? false) ? ['from' => $dateFilter['from'], 'to' => $dateFilter['to']] : [];
    $entryCount = $savingAccounts->sum(fn ($account) => $account->entries->count());
@endphp

<div class="mb-4">
    <a href="{{ route('dashboard', $dashboardRouteParams) }}" class="btn btn-ghost" style="font-size:13px">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
        Back to Dashboard
    </a>
</div>

{{-- Totals, one per currency: savings are held in the currency they were paid in. --}}
<section class="grid kpi-grid gap-3 mb-6">
    @forelse($totalsByCurrency as $currency => $total)
        <div class="card kpi-card" style="background:var(--bg-2)">
            <div class="kpi-icon ico-bg-green"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 21h18M5 21V10l7-5 7 5v11"/><path d="M9 21v-6h6v6"/></svg></div>
            <div class="kpi-label">Total Saved ({{ $currency }})</div>
            <div class="kpi-value" style="color:#10b981">{{ $metrics->money($total, $currency) }}</div>
            <div class="kpi-sub">Across {{ $savingAccounts->where('currency', $currency)->count() }} account(s)</div>
        </div>
    @empty
        <div class="card kpi-card">
            <div class="kpi-label">Total Saved</div>
            <div class="kpi-value">—</div>
            <div class="kpi-sub">No savings recorded yet</div>
        </div>
    @endforelse
</section>

<section class="card mb-6">
    <div class="section-head">
        <div>
            <h2>Saving Accounts</h2>
            <p class="text-xs" style="color:var(--muted);margin:2px 0 0">
                One row per bank and account number. Saving into the same bank and last four digits tops up that row.
            </p>
        </div>
        <span class="pill pill-green">{{ $savingAccounts->count() }} account(s) · {{ $entryCount }} deposit(s)</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>Bank</th>
                <th>Account</th>
                <th>Currency</th>
                <th class="right">Deposits</th>
                <th class="right">Saved</th>
                <th>Last Saved</th>
            </tr>
        </thead>
        <tbody>
            @forelse($savingAccounts as $account)
                <tr class="row-hover">
                    <td style="font-weight:600">{{ $account->bank_name }}</td>
                    <td style="font-family:monospace">•••• {{ $account->last_four }}</td>
                    <td>{{ $account->currency }}</td>
                    <td class="right">{{ $account->entries->count() }}</td>
                    <td class="right" style="font-weight:700;color:#10b981">{{ $metrics->money($account->balance, $account->currency) }}</td>
                    <td>{{ optional($account->entries->first()?->entry_date)->format('d M Y') ?: '—' }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" style="text-align:center;color:var(--muted);padding:28px 10px">
                        Nothing saved yet. Add a saving amount on a salary debit to start one.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</section>

@if($entryCount > 0)
    <section class="card">
        <div class="section-head"><h2>Deposits</h2></div>
        <table>
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Saving Account</th>
                    <th>From Account</th>
                    <th>Employee</th>
                    <th class="right">Amount</th>
                </tr>
            </thead>
            <tbody>
                @foreach($savingAccounts as $account)
                    @foreach($account->entries as $entry)
                        <tr class="row-hover">
                            <td>{{ $entry->entry_date?->format('d M Y') }}</td>
                            <td>{{ $account->bank_name }} •••• {{ $account->last_four }}</td>
                            <td>{{ $entry->bankAccount?->name ?: '—' }}</td>
                            <td>{{ $entry->employee?->name ?: '—' }}</td>
                            <td class="right" style="font-weight:600;color:#10b981">{{ $metrics->money($entry->amount, $entry->currency) }}</td>
                        </tr>
                    @endforeach
                @endforeach
            </tbody>
        </table>
    </section>
@endif
@endsection