@extends('layouts.app')
@section('title','My Savings')
@section('page-title','My Savings')

@section('content')
<div class="section-header mb-4">
    <div>
        <div class="section-title">Savings Account</div>
        <div class="section-sub">Your savings history and current balance</div>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="stat-card gold">
            <div class="stat-icon gold"><i class="fa-solid fa-piggy-bank"></i></div>
            <div class="stat-value">${{ number_format($member->savings_balance, 2) }}</div>
            <div class="stat-label">Current Balance</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card green">
            <div class="stat-icon green"><i class="fa-solid fa-arrow-down"></i></div>
            <div class="stat-value">${{ number_format($totals['deposits'], 2) }}</div>
            <div class="stat-label">Total Deposits</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card red">
            <div class="stat-icon red"><i class="fa-solid fa-arrow-up"></i></div>
            <div class="stat-value">${{ number_format($totals['withdrawals'], 2) }}</div>
            <div class="stat-label">Total Withdrawals</div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <div class="card-header-title">Transaction History</div>
    </div>
    <div class="table-responsive">
        <table class="table">
            <thead><tr><th>Date</th><th>Type</th><th>Mode</th><th>Amount</th><th>Balance After</th><th>Note</th></tr></thead>
            <tbody>
                @forelse($transactions as $txn)
                <tr>
                    <td style="font-size:.85rem;">{{ $txn->created_at->format('M d, Y') }}</td>
                    <td><span class="badge-status {{ $txn->type==='deposit'?'active':'rejected' }}">{{ ucfirst($txn->type) }}</span></td>
                    <td style="font-size:.8rem;color:#6b7a8d;">{{ ucfirst(str_replace('_',' ',$txn->payment_mode)) }}</td>
                    <td><span class="amount" style="color:{{ $txn->type==='deposit'?'#2e7d52':'#c0392b' }}; font-weight:500;">{{ $txn->type==='deposit'?'+':'-' }}${{ number_format($txn->amount,2) }}</span></td>
                    <td><span class="amount">${{ number_format($txn->balance_after,2) }}</span></td>
                    <td style="font-size:.8rem;color:#6b7a8d;">{{ $txn->note ?? '—' }}</td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center py-5" style="color:#aaa;">No savings transactions yet</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($transactions->hasPages())
    <div class="card-body" style="border-top:1px solid var(--border);padding:16px 24px;">{{ $transactions->links() }}</div>
    @endif
</div>
@endsection