@extends('layouts.finance')

@section('title', 'Bank Accounts')
@section('subtitle', 'Manage and view detail on every account')

@section('content')
@php
    $usTotal = $accounts->where('currency', 'USD')->sum(fn($a) => $a->current_balance);
    $pkTotal = $accounts->where('currency', 'PKR')->sum(fn($a) => $a->current_balance);
    $auTotal = $accounts->where('currency', 'AUD')->sum(fn($a) => $a->current_balance);
    $countryFor = fn($currency) => $currency === 'PKR' ? 'Pakistan' : ($currency === 'AUD' ? 'Australia' : 'USA');
    $pillFor = fn($currency) => $currency === 'PKR' ? 'pill-amber' : ($currency === 'AUD' ? 'pill-teal' : 'pill-blue');
@endphp

<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-5">
    <div class="card kpi-card"><div class="kpi-label">Accounts</div><div class="kpi-value">{{ $accounts->count() }}</div></div>
    <div class="card kpi-card"><div class="kpi-label">US Total</div><div class="kpi-value">{{ $metrics->money($usTotal) }}</div></div>
    <div class="card kpi-card"><div class="kpi-label">PK Total</div><div class="kpi-value">{{ $metrics->money($pkTotal, 'PKR') }}</div></div>
    <div class="card kpi-card"><div class="kpi-label">AU Total</div><div class="kpi-value">{{ $metrics->money($auTotal, 'AUD') }}</div></div>
</div>

<div class="card">
    <div class="flex items-center justify-between p-4">
        <h3 class="font-semibold">All Bank Accounts</h3>
        <a class="btn btn-primary" href="{{ route('finance.accounts.create') }}">+ Add Account</a>
    </div>
    <div class="scrollbar" style="overflow:auto">
        <table>
            <thead>
                <tr>
                    <th>Entity</th>
                    <th>Bank</th>
                    <th>Country</th>
                    <th>Account #</th>
                    <th style="width:140px">Balance</th>
                    <th style="width:70px">Cur.</th>
                    <th style="width:110px">USD Eq.</th>
                    <th>Links</th>
                    <th style="width:150px"></th>
                </tr>
            </thead>
            <tbody>
            @forelse($accounts as $account)
                <tr class="row-hover">
                    <form id="account-{{ $account->id }}" method="POST" action="{{ route('finance.accounts.update', $account) }}">
                        @csrf
                        @method('PUT')
                    </form>
                    <td><input form="account-{{ $account->id }}" value="{{ $account->name }}" name="name" required></td>
                    <td><input form="account-{{ $account->id }}" value="{{ $account->bank_name }}" name="bank_name" required></td>
                    <td><span class="pill {{ $pillFor($account->currency) }}">{{ $countryFor($account->currency) }}</span></td>
                    <td><input form="account-{{ $account->id }}" value="{{ $account->account_number }}" name="account_number" placeholder="****"></td>
                    <td><input form="account-{{ $account->id }}" type="number" step="0.01" min="0" value="{{ $account->opening_balance }}" name="opening_balance" required></td>
                    <td>{{ $account->currency }}</td>
                    <td>{{ $metrics->money($metrics->usd($account->current_balance, $account->currency)) }}</td>
                    <td>
                        @if($account->transactions_count > 0)
                            <span class="pill pill-green" title="Linked transactions">In {{ $account->transactions_count }}</span>
                            <span class="pill pill-blue" title="Debit destinations">Out 0</span>
                        @else
                            <span style="color:var(--muted);font-size:12px">-</span>
                        @endif
                    </td>
                    <td style="white-space:nowrap">
                        <input form="account-{{ $account->id }}" type="hidden" name="currency" value="{{ $account->currency }}">
                        <input form="account-{{ $account->id }}" type="hidden" name="account_type" value="{{ $account->account_type }}">
                        <input form="account-{{ $account->id }}" type="hidden" name="is_active" value="{{ $account->is_active ? 1 : 0 }}">
                        <input form="account-{{ $account->id }}" type="hidden" name="notes" value="{{ $account->notes }}">
                        <button form="account-{{ $account->id }}" class="btn" style="padding:4px 10px;font-size:12px">Save</button>
                        <a class="btn" href="{{ route('finance.accounts.edit', $account) }}" style="padding:4px 10px;font-size:12px">Edit</a>
                        <form method="POST" action="{{ route('finance.accounts.destroy', $account) }}" style="display:inline">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-danger" style="padding:4px 8px" onclick="return confirm('Delete this account?')">x</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="9" style="text-align:center;color:var(--muted);padding:32px 10px">No accounts yet - click <span class="pill">+ Add Account</span> to create one</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection