@extends('reports.deposit.base')

@section('action-content')
<section class="content">

    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">
                <i class="fa fa-file-text-o"></i> Deposit Report
            </h3>
        </div>

        <div class="box-body">

            {{-- 🔍 SEARCH FILTERS --}}
            <form method="GET" action="{{ route('reports.deposit.search') }}">
                <div class="row">

                    {{-- ACCOUNT NUMBER --}}
                    <div class="col-md-3">
                        <div class="form-group">
                            <label><strong>Account Number</strong></label>
                            <input type="text"
                                   name="account_number"
                                   class="form-control"
                                   placeholder="Enter account number"
                                   value="{{ request('account_number') }}"
                                   required>
                        </div>
                    </div>

                    {{-- REPORT TYPE --}}
                    <div class="col-md-3">
                        <div class="form-group">
                            <label><strong>Report Type</strong></label>
                            <select name="report_type" class="form-control" required>
                                <option value="all" {{ request('report_type') == 'all' ? 'selected' : '' }}>
                                    All Account Types
                                </option>
                                <option value="single" {{ request('report_type') == 'single' ? 'selected' : '' }}>
                                    Specific Account Type
                                </option>
                            </select>
                        </div>
                    </div>

                    {{-- ACCOUNT TYPE --}}
                    <div class="col-md-3">
                        <div class="form-group">
                            <label><strong>Account Type</strong></label>
                            <select name="account_type" class="form-control">
                                <option value="">-- Select (Optional) --</option>
                                <option value="Savings_and_Susu_Account">Savings & Susu</option>
                                <option value="Kids_and_Student_Account">Kids & Student</option>
                                <option value="Salary_Account">Salary</option>
                                <option value="Group_Account">Group</option>
                                <option value="Xmas_Account">Xmas</option>
                                <option value="Business_Account">Business</option>
                                <option value="Shares_Account">Shares</option>
                                <option value="Fixed_Deposits_Account">Fixed Deposits</option>
                                <option value="Investment_Portfolio_Account">Investment Portfolio</option>
                                <option value="Retirement_Account">Retirement</option>
                            </select>
                            <small class="text-muted">
                                Used only when “Specific Account Type” is selected
                            </small>
                        </div>
                    </div>

                    {{-- FROM DATE --}}
                    <div class="col-md-3">
                        <div class="form-group">
                            <label><strong>From Date</strong></label>
                            <input type="date"
                                   name="from"
                                   class="form-control"
                                   value="{{ request('from') }}"
                                   required>
                        </div>
                    </div>

                    {{-- TO DATE --}}
                    <div class="col-md-3">
                        <div class="form-group">
                            <label><strong>To Date</strong></label>
                            <input type="date"
                                   name="to"
                                   class="form-control"
                                   value="{{ request('to') }}"
                                   required>
                        </div>
                    </div>

                    {{-- SEARCH --}}
                    <div class="col-md-2">
                        <div class="form-group" style="margin-top:25px">
                            <button class="btn btn-primary btn-block">
                                <i class="fa fa-search"></i> Search
                            </button>
                        </div>
                    </div>

                </div>
            </form>

            {{-- RESULTS --}}
            @if(isset($deposits) && $deposits->count())

                {{-- 📄 PDF --}}
                <div class="text-right mb-3">
                    <a href="{{ route('reports.deposit.pdf', request()->all()) }}"
                       class="btn btn-danger">
                        <i class="fa fa-file-pdf-o"></i> Download PDF
                    </a>
                </div>

                {{-- 📊 BALANCE SUMMARY --}}
                <div class="row mb-3">
                    <div class="col-md-4">
                        <div class="alert alert-info text-center">
                            <strong>Opening Balance</strong><br>
                            ₵{{ number_format($openingBalance, 2) }}
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="alert alert-success text-center">
                            <strong>Total Deposits</strong><br>
                            ₵{{ number_format($periodTotal, 2) }}
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="alert alert-primary text-center">
                            <strong>Closing Balance</strong><br>
                            ₵{{ number_format($closingBalance, 2) }}
                        </div>
                    </div>
                </div>

                {{-- 📋 TABLE --}}
                <div class="box box-success">
                    <div class="box-body table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead class="bg-gray">
                                <tr>
                                    <th>Date</th>
                                    <th>Account Type</th>
                                    <th>Amount (₵)</th>
                                    <th>Running Balance (₵)</th>
                                    <th>Payment Method</th>
                                    <th>Reference</th>
                                    <th>Teller</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($deposits as $dep)
                                    <tr>
                                        <td>{{ $dep->created_at->format('d M Y') }}</td>
                                        <td>
                                            <span class="label label-info">
                                                {{ str_replace('_',' ', strtoupper($dep->clientAccount->account_type ?? 'N/A')) }}
                                            </span>
                                        </td>
                                        <td><strong>{{ number_format($dep->amount, 2) }}</strong></td>
                                        <td>{{ number_format($dep->running_balance, 2) }}</td>
                                        <td>{{ strtoupper($dep->payment_method) }}</td>
                                        <td>{{ $dep->reference_no }}</td>
                                        <td>{{ optional($dep->teller)->name ?? 'N/A' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- PAGINATION --}}
                <div class="text-center">
                    {{ $deposits->links() }}
                </div>
            @endif

        </div>
    </div>

</section>
@endsection