@extends('layouts.layout-horizontal')
@section('title', 'Bank Statement')

@section('content')
<div class="card">
    <form method="GET" class="report-filter">
        <div class="filter-group">
            <label>Account</label>
            <select name="bank_account_id" class="form-select form-select-sm" style="min-width:200px">
                @foreach($accounts as $acc)
                    <option value="{{ $acc->id }}" @selected($acc->id == $accountId)>
                        {{ $acc->name }}@if($acc->bank_name) — {{ $acc->bank_name }}@endif
                    </option>
                @endforeach
            </select>
        </div>
        <div class="filter-group">
            <label>From</label>
            <input type="date" name="start_date" value="{{ $startDate }}">
        </div>
        <div class="filter-group">
            <label>To</label>
            <input type="date" name="end_date" value="{{ $endDate }}">
        </div>
        <button type="submit" class="btn btn-primary filter-btn">
            <i class="ph-duotone ph-funnel"></i> Filter
        </button>
        @if($account)
        <a href="{{ route('sale-receipts.create', ['from' => 'bank-statement', 'bank_account_id' => $accountId, 'start_date' => $startDate, 'end_date' => $endDate]) }}"
           class="btn btn-success filter-btn ms-auto">
            <i class="ph-duotone ph-plus"></i> Add Receipt
        </a>
        <a href="{{ route('purchase-payments.create', ['from' => 'bank-statement', 'bank_account_id' => $accountId, 'start_date' => $startDate, 'end_date' => $endDate]) }}"
           class="btn btn-danger filter-btn">
            <i class="ph-duotone ph-plus"></i> Add Payment
        </a>
        @endif
    </form>

    <div class="card-body">
        @if($account)
        {{-- Account Info + Summary --}}
        <div class="d-flex flex-wrap gap-3 mb-3 align-items-start">
            <div style="background:#f8f9fa;border-radius:8px;padding:10px 16px;font-size:.85rem;line-height:1.7">
                <div><strong>{{ $account->name }}</strong>@if($account->bank_name) &nbsp;·&nbsp; {{ $account->bank_name }}@endif</div>
                @if($account->account_no)<div style="color:#6c757d">A/C: {{ $account->account_no }}@if($account->ifsc) &nbsp;·&nbsp; IFSC: {{ $account->ifsc }}@endif</div>@endif
                @if($account->branch)<div style="color:#6c757d">Branch: {{ $account->branch }}</div>@endif
            </div>
            <div class="d-flex gap-2 flex-wrap ms-auto">
                <div style="background:#e3f2fd;border-radius:8px;padding:10px 16px;text-align:right">
                    <div style="font-size:.7rem;color:#1565c0;text-transform:uppercase;font-weight:600">Total Receipts</div>
                    <div style="font-size:1.1rem;font-weight:700;color:#0d47a1">₹{{ indian_number($totalCredit, 2) }}</div>
                </div>
                <div style="background:#fce4ec;border-radius:8px;padding:10px 16px;text-align:right">
                    <div style="font-size:.7rem;color:#c62828;text-transform:uppercase;font-weight:600">Total Payments</div>
                    <div style="font-size:1.1rem;font-weight:700;color:#b71c1c">₹{{ indian_number($totalDebit, 2) }}</div>
                </div>
            </div>
        </div>

        <div data-st data-st-export="excel,print">
            <div class="table-responsive">
                <table class="table table-hover table-sm align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Date</th>
                            <th>Type</th>
                            <th>Party</th>
                            <th>Reference</th>
                            <th>Remarks</th>
                            <th class="text-end" style="color:#1565c0">Credit (In)</th>
                            <th class="text-end" style="color:#c62828">Debit (Out)</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($transactions as $tx)
                        <tr>
                            <td style="white-space:nowrap">{{ \Carbon\Carbon::parse($tx->date)->format('d-M-Y') }}</td>
                            <td>
                                @if($tx->type === 'Receipt')
                                    <span class="badge" style="background:#e3f2fd;color:#1565c0;font-size:.75rem">Receipt</span>
                                @else
                                    <span class="badge" style="background:#fce4ec;color:#c62828;font-size:.75rem">Payment</span>
                                @endif
                            </td>
                            <td>{{ $tx->party ?? '—' }}</td>
                            <td style="color:#6c757d;font-size:.85rem">{{ $tx->reference ?? '—' }}</td>
                            <td style="color:#6c757d;font-size:.85rem">{{ $tx->remarks ?? '—' }}</td>
                            <td class="text-end" style="color:{{ $tx->credit > 0 ? '#1565c0' : '#adb5bd' }}">
                                {{ $tx->credit > 0 ? '₹'.indian_number($tx->credit, 2) : '—' }}
                            </td>
                            <td class="text-end" style="color:{{ $tx->debit > 0 ? '#c62828' : '#adb5bd' }}">
                                {{ $tx->debit > 0 ? '₹'.indian_number($tx->debit, 2) : '—' }}
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="7" class="text-center text-muted py-4">No transactions in this period</td></tr>
                        @endforelse
                    </tbody>
                    <tfoot class="table-light fw-bold">
                        <tr>
                            <td colspan="5" class="text-end">Totals:</td>
                            <td class="text-end" style="color:#1565c0">₹{{ indian_number($totalCredit, 2) }}</td>
                            <td class="text-end" style="color:#c62828">₹{{ indian_number($totalDebit, 2) }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        @else
        <div class="text-center text-muted py-5">No bank accounts found. <a href="{{ route('bank-accounts.index') }}">Add one</a>.</div>
        @endif
    </div>
</div>
@endsection