@extends('layouts.portal')

@section('title', 'Dashboard')

@section('content')
<div class="fundi-stats">
    <div class="fundi-stat fundi-stat--accent">
        <div class="fundi-stat__label">Total Balance</div>
        <div class="fundi-stat__value">{{ money($summary['total_balance']) }}</div>
    </div>
    <div class="fundi-stat">
        <div class="fundi-stat__label">Active Loans</div>
        <div class="fundi-stat__value">{{ number_format($summary['active_loans']) }}</div>
    </div>
    <div class="fundi-stat">
        <div class="fundi-stat__label">Loan Outstanding</div>
        <div class="fundi-stat__value">{{ money($summary['total_outstanding']) }}</div>
    </div>
    <div class="fundi-stat fundi-stat--accent">
        <div class="fundi-stat__label">Interest Accrued</div>
        <div class="fundi-stat__value">{{ money($summary['interest_accrued']) }}</div>
    </div>
</div>

@if($activeLoans->isNotEmpty())
<div class="fundi-card" style="margin-bottom:1.5rem;">
    <div class="fundi-card__header">
        <h3>Loan duration &amp; interest</h3>
        <a href="{{ route('portal.loans.index') }}" class="fundi-btn fundi-btn--link fundi-btn--sm">All loans</a>
    </div>
    <div class="fundi-card__body fundi-card__body--padded">
        @foreach($activeLoans as $loan)
            <div class="vfh-glance">
                <div class="vfh-glance__head">
                    <div>
                        <a href="{{ route('portal.loans.show', $loan) }}" class="vfh-glance__loan">{{ $loan->loan_no }}</a>
                        <div class="text-muted" style="font-size:0.85rem;">{{ $loan->loanProduct->name ?? 'Loan' }} · Outstanding {{ money($loan->outstanding_principal) }}</div>
                    </div>
                    <x-status-badge :status="$loan->status" />
                </div>
                <x-loan-timeline :loan="$loan" :compact="true" />
            </div>
        @endforeach
    </div>
</div>
@endif

<div class="fundi-grid-2">
    <div class="fundi-card">
        <div class="fundi-card__header">
            <h3>My Accounts</h3>
            <a href="{{ route('portal.accounts.index') }}" class="fundi-btn fundi-btn--link fundi-btn--sm">View all</a>
        </div>
        <div class="fundi-card__body">
            <div class="fundi-table-wrap">
                <table class="fundi-table">
                    <thead><tr><th>Account No.</th><th>Type</th><th class="num">Balance</th></tr></thead>
                    <tbody>
                        @forelse($accounts as $account)
                            <tr>
                                <td><a href="{{ route('portal.accounts.show', $account) }}">{{ $account->account_no }}</a></td>
                                <td>{{ ucfirst(str_replace('_',' ',$account->account_type)) }}</td>
                                <td class="num">{{ money($account->balance) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="fundi-empty">No active accounts.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="fundi-card">
        <div class="fundi-card__header">
            <h3>My Loans</h3>
            <a href="{{ route('portal.loans.index') }}" class="fundi-btn fundi-btn--link fundi-btn--sm">View all</a>
        </div>
        <div class="fundi-card__body">
            <div class="fundi-table-wrap">
                <table class="fundi-table">
                    <thead><tr><th>Loan No.</th><th>Product</th><th class="num">Outstanding</th><th>Status</th></tr></thead>
                    <tbody>
                        @forelse($loans->take(5) as $loan)
                            <tr>
                                <td><a href="{{ route('portal.loans.show', $loan) }}">{{ $loan->loan_no }}</a></td>
                                <td>{{ $loan->loanProduct->name ?? '—' }}</td>
                                <td class="num">{{ money($loan->outstanding_principal) }}</td>
                                <td><x-status-badge :status="$loan->status" /></td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="fundi-empty">No loans on file.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@if($recentTransactions->isNotEmpty())
<div class="fundi-card">
    <div class="fundi-card__header"><h3>Recent Transactions</h3></div>
    <div class="fundi-card__body">
        <div class="fundi-table-wrap">
            <table class="fundi-table">
                <thead><tr><th>Date</th><th>Account</th><th>Narration</th><th class="num">Amount</th></tr></thead>
                <tbody>
                    @foreach($recentTransactions as $txn)
                        <tr>
                            <td>{{ $txn->value_date?->format('d M Y') ?? $txn->created_at->format('d M Y') }}</td>
                            <td>{{ $txn->account->account_no ?? '—' }}</td>
                            <td>{{ \Illuminate\Support\Str::limit($txn->narration ?? '—', 40) }}</td>
                            <td class="num">{{ money($txn->amount) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif
@endsection