@extends('layouts.app')
@section('title', 'Account Transactions')
@section('breadcrumb')
<li class="breadcrumb-item"><a href="#">Reports</a></li>
<li class="breadcrumb-item active">Account Transactions</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div><h1 class="page-title"><i class="bi bi-bank me-2" style="color:#7c3aed;"></i>Account Transactions</h1></div>
    @if(isset($account))<button onclick="window.print()" class="btn btn-outline-secondary btn-sm"><i class="bi bi-printer me-1"></i>Print</button>@endif
</div>

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-auto">
                <select name="account_id" class="form-select" onchange="this.form.submit()">
                    <option value="">— Select Account —</option>
                    @foreach($accounts as $a)
                    <option value="{{ $a->id }}" {{ (isset($account) && $account->id == $a->id) ? 'selected' : '' }}>
                        {{ $a->name }} — ৳{{ number_format($a->current_balance,0) }}
                    </option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto"><input type="date" name="from" class="form-control form-control-sm" value="{{ isset($from) ? $from->format('Y-m-d') : now()->startOfMonth()->format('Y-m-d') }}"></div>
            <div class="col-auto"><input type="date" name="to" class="form-control form-control-sm" value="{{ isset($to) ? $to->format('Y-m-d') : now()->format('Y-m-d') }}"></div>
            <div class="col-auto"><button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-search me-1"></i>View</button></div>
        </form>
    </div>
</div>

@if(isset($account))
<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#f1f5f9;"><i class="bi bi-bank" style="color:#64748b;"></i></div>
        <div><div class="stat-value" style="font-size:.9rem;">৳{{ number_format($summary['opening_balance'],0) }}</div><div class="stat-label">Opening Balance</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-arrow-down-circle" style="color:#059669;"></i></div>
        <div><div class="stat-value" style="color:#059669;font-size:.9rem;">৳{{ number_format($summary['total_credits'],0) }}</div><div class="stat-label">Total Credits</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#fee2e2;"><i class="bi bi-arrow-up-circle" style="color:#dc2626;"></i></div>
        <div><div class="stat-value" style="color:#dc2626;font-size:.9rem;">৳{{ number_format($summary['total_debits'],0) }}</div><div class="stat-label">Total Debits</div></div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card"><div class="stat-icon" style="background:#dbeafe;"><i class="bi bi-wallet2" style="color:#1d4ed8;"></i></div>
        <div><div class="stat-value" style="font-size:.9rem;">৳{{ number_format($summary['closing_balance'],0) }}</div><div class="stat-label">Closing Balance</div></div></div>
    </div>
</div>

<div class="card">
    <div class="card-header fw-600">{{ $account->name }} — Transactions</div>
    <div class="card-body p-0">
        <table class="table mb-0" style="font-size:.82rem;">
            <thead><tr><th>Date</th><th>Type</th><th>Description</th><th>Reference</th><th class="text-end">Credit</th><th class="text-end">Debit</th><th class="text-end">Balance</th><th>By</th></tr></thead>
            <tbody>
                @forelse($rows as $row)
                <tr>
                    <td style="white-space:nowrap;">{{ \Carbon\Carbon::parse($row['trans_date'])->format('d M Y') }}</td>
                    <td><span class="badge bg-secondary" style="font-size:.65rem;">{{ ucfirst(str_replace('_',' ',$row['type'])) }}</span></td>
                    <td>{{ $row['description'] }}</td>
                    <td><code style="font-size:.72rem;">{{ $row['reference'] ?? '—' }}</code></td>
                    <td class="text-end text-success">{{ $row['entry_type']==='credit' ? '৳'.number_format($row['amount'],2) : '—' }}</td>
                    <td class="text-end text-danger">{{ $row['entry_type']==='debit' ? '৳'.number_format($row['amount'],2) : '—' }}</td>
                    <td class="text-end fw-700" style="color:{{ $row['running_balance'] >= 0 ? '#1d4ed8' : '#dc2626' }};">৳{{ number_format($row['running_balance'],2) }}</td>
                    <td style="font-size:.72rem;color:#94a3b8;">{{ $row['created_by'] }}</td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center py-4 text-muted">No transactions in this period</td></tr>
                @endforelse
            </tbody>
            <tfoot style="background:#f8fafc;">
                <tr>
                    <td colspan="4" class="fw-700 text-end">Totals:</td>
                    <td class="text-end fw-700 text-success">৳{{ number_format($summary['total_credits'],2) }}</td>
                    <td class="text-end fw-700 text-danger">৳{{ number_format($summary['total_debits'],2) }}</td>
                    <td class="text-end fw-800" style="color:#1d4ed8;">৳{{ number_format($summary['closing_balance'],2) }}</td>
                    <td></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
@else
<div class="card"><div class="card-body text-center py-5 text-muted">
    <i class="bi bi-bank" style="font-size:3rem;display:block;margin-bottom:1rem;color:#cbd5e1;"></i>
    <p>Select an account above to view its transactions.</p>
</div></div>
@endif
@endsection