@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>

        @php $canDeleteBankStatement = in_array(auth()->user()->role, ['admin', 'ca'], true); @endphp
        <div data-st data-st-export="excel,print"
            data-st-filename="bank-statement-{{ \Illuminate\Support\Str::slug($account->name) }}-{{ $startDate }}-to-{{ $endDate }}">
            <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>
                            @if($canDeleteBankStatement)
                                <th class="text-center no-sort no-export">Action</th>
                            @endif
                        </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>
                            @if($canDeleteBankStatement)
                                <td class="text-center">
                                    <a
                                        href="{{ $tx->type === 'Receipt' ? route('sale-receipts.edit', $tx->transaction_id) : route('purchase-payments.edit', $tx->transaction_id) }}"
                                        class="btn btn-sm btn-outline-primary me-1"
                                        data-bs-toggle="tooltip"
                                        title="Edit"
                                    >
                                        <i class="ph-duotone ph-pencil-simple"></i>
                                    </a>
                                    <form
                                        action="{{ $tx->type === 'Receipt' ? route('sale-receipts.destroy', $tx->transaction_id) : route('purchase-payments.destroy', $tx->transaction_id) }}"
                                        method="POST"
                                        onsubmit="return confirm('{{ $tx->type === 'Receipt' ? 'Delete this receipt? Bank balance will be reversed.' : 'Delete this payment? Bank balance will be reversed.' }}')"
                                        class="d-inline"
                                    >
                                        @csrf
                                        @method('DELETE')
                                        <input type="hidden" name="from" value="bank-statement">
                                        <input type="hidden" name="bs_bank_account_id" value="{{ $accountId }}">
                                        <input type="hidden" name="bs_start_date" value="{{ $startDate }}">
                                        <input type="hidden" name="bs_end_date" value="{{ $endDate }}">
                                        <button type="submit" class="btn btn-sm btn-outline-danger" data-bs-toggle="tooltip" title="Delete">
                                            <i class="ph-duotone ph-trash"></i>
                                        </button>
                                    </form>
                                </td>
                            @endif
                        </tr>
                        @empty
                        <tr><td colspan="{{ $canDeleteBankStatement ? 8 : 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>
                            @if($canDeleteBankStatement)
                                <td></td>
                            @endif
                        </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