{{-- banking/accounts/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Bank Accounts')
@section('content')
<div class="page-header">
    <div><div class="page-title">Bank Accounts</div><div class="page-subtitle">Manage bank accounts and reconciliation</div></div>
    <div class="page-actions">
        <a href="{{ route('banking.accounts.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Add Bank Account</a>
        <a href="{{ route('banking.reconciliation.index') }}" class="btn btn-secondary"><i class="fas fa-balance-scale"></i> Reconciliation</a>
        <a href="{{ route('banking.cheques.index') }}" class="btn btn-secondary"><i class="fas fa-money-check"></i> Cheques</a>
    </div>
</div>

<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;">
    @forelse($accounts as $acct)
    <div class="card">
        <div class="card-body">
            <div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;">
                <div>
                    <div style="font-size:15px;font-weight:700;">{{ $acct->account_name }}</div>
                    <div style="font-size:12px;color:var(--text-muted);">{{ $acct->bank_name }} · {{ $acct->branch_name }}</div>
                </div>
                <span class="badge badge-{{ $acct->is_active ? 'success' : 'secondary' }}">{{ $acct->is_active ? 'Active' : 'Inactive' }}</span>
            </div>
            @if($acct->account_number)
            <div style="font-size:12px;color:var(--text-muted);margin-bottom:8px;font-family:monospace;">A/C: {{ $acct->account_number }}</div>
            @endif
            <div style="display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);">
                <div>
                    <div style="font-size:11px;color:var(--text-muted);">Current Balance</div>
                    <div style="font-size:18px;font-weight:700;color:{{ $acct->current_balance >= 0 ? 'var(--success)' : 'var(--danger)' }};">
                        {{ $acct->currency }} {{ number_format($acct->current_balance, 2) }}
                    </div>
                </div>
                <div style="display:flex;gap:6px;">
                    <a href="{{ route('banking.accounts.show',$acct) }}" class="btn btn-sm btn-secondary">View</a>
                    <a href="{{ route('banking.reconciliation.index',['bank_account_id'=>$acct->id]) }}" class="btn btn-sm btn-secondary">Reconcile</a>
                </div>
            </div>
        </div>
    </div>
    @empty
    <div class="card" style="grid-column:1/-1;padding:40px;text-align:center;color:var(--text-muted);">
        No bank accounts added yet. <a href="{{ route('banking.accounts.create') }}">Add your first bank account</a>
    </div>
    @endforelse
</div>
@endsection