@extends('admin_dashboard')
@section('admin')

<style>
    .rpt-card {
        border: 1px solid #d0dce8;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,.06);
    }
    .rpt-card-header {
        background: linear-gradient(135deg, #1a3a5c, #0f2540);
        color: #fff;
        padding: 12px 18px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .rpt-card-header .rpt-icon {
        width: 34px; height: 34px;
        border-radius: 50%;
        background: rgba(255,255,255,.15);
        display: flex; align-items: center; justify-content: center;
        font-size: 1rem;
        flex-shrink: 0;
    }
    .rpt-card-header .rpt-title {
        font-size: .92rem;
        font-weight: 700;
        margin: 0;
        letter-spacing: .02em;
    }
    .rpt-card-header .rpt-sub {
        font-size: .72rem;
        opacity: .7;
        margin: 0;
    }
    .rpt-card-body {
        padding: 16px 18px;
        background: #fff;
    }

    .form-label { font-size: .8rem; font-weight: 600; color: #344563; margin-bottom: 3px; }
    .form-control-sm { font-size: .82rem; }

    .btn-view {
        background: linear-gradient(135deg, #1a3a5c, #0f2540);
        color: #fff;
        border: none;
        border-radius: 5px;
        padding: 7px 20px;
        font-size: .83rem;
        font-weight: 600;
        width: 100%;
        transition: opacity .2s;
    }
    .btn-view:hover { opacity: .88; color: #fff; }
</style>

<div class="content">
<div class="container-fluid">

    {{-- Page Title --}}
    <div class="page-title-box mb-4 d-flex align-items-center justify-content-between flex-wrap gap-2">
        <h4 class="page-title mb-0" style="color:#1a3a5c;">
            <i class="mdi mdi-file-chart-outline me-1"></i> Accounts Reports
        </h4>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show py-2">{{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row g-3">

        {{-- ── 1. Account Report (Trial Balance etc.) ── --}}
        <div class="col-md-6 col-lg-4">
            <div class="rpt-card">
                <div class="rpt-card-header">
                    <div class="rpt-icon"><i class="mdi mdi-scale-balance"></i></div>
                    <div>
                        <p class="rpt-title">Account Report</p>
                        <p class="rpt-sub">Trial Balance, Income Statement, Cash/Bank Book, Balance Sheet</p>
                    </div>
                </div>
                <div class="rpt-card-body">
                    <form method="POST" action="{{ route('trial.balance.report.result') }}" target="_blank">
                        @csrf
                        <div class="mb-2">
                            <label class="form-label">Report Type</label>
                            <select class="form-control form-control-sm" name="report_type" required>
                                <option value="">— Select Type —</option>
                                <option value="1">Trial Balance</option>
                                <option value="2">Income Statement</option>
                                <option value="3">Cash Book</option>
                                <option value="4">Bank Book</option>
                                <option value="5">Cash Detail</option>
                                <option value="6">Bank Detail</option>
                                <option value="7">Balance Sheet</option>
                            </select>
                        </div>
                        <div class="row g-2 mb-3">
                            <div class="col-6">
                                <label class="form-label">Date From</label>
                                <input type="text" class="form-control form-control-sm" name="StartDate"
                                    value="{{ now('Asia/Dhaka')->format('d-m-Y') }}" placeholder="dd-mm-yyyy">
                            </div>
                            <div class="col-6">
                                <label class="form-label">Date To</label>
                                <input type="text" class="form-control form-control-sm" name="EndDate"
                                    value="{{ now('Asia/Dhaka')->format('d-m-Y') }}" placeholder="dd-mm-yyyy">
                            </div>
                        </div>
                        <button type="submit" class="btn-view">
                            <i class="mdi mdi-eye-outline me-1"></i> View Report
                        </button>
                    </form>
                </div>
            </div>
        </div>

        {{-- ── 2. Sub-Ledger Cash Book ── --}}
        <div class="col-md-6 col-lg-4">
            <div class="rpt-card">
                <div class="rpt-card-header">
                    <div class="rpt-icon"><i class="mdi mdi-cash-multiple"></i></div>
                    <div>
                        <p class="rpt-title">Sub-Ledger Cash Book</p>
                        <p class="rpt-sub">Cash transactions per sub-ledger account</p>
                    </div>
                </div>
                <div class="rpt-card-body">
                    <form method="POST" action="{{ route('subledger.cashbook.report') }}" target="_blank">
                        @csrf
                        <div class="mb-2">
                            <label class="form-label">Sub-Ledger</label>
                            <select name="subledger_id" class="form-control form-control-sm" required>
                                <option value="">— Select Sub-Ledger —</option>
                                @foreach($subledgers as $subledger)
                                    @if($subledger->cash_bank == 1)
                                        <option value="{{ $subledger->id }}">{{ $subledger->subledger_name }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                        <div class="row g-2 mb-3">
                            <div class="col-6">
                                <label class="form-label">Date From</label>
                                <input type="text" class="form-control form-control-sm" name="StartDate"
                                    value="{{ now('Asia/Dhaka')->format('d-m-Y') }}" placeholder="dd-mm-yyyy">
                            </div>
                            <div class="col-6">
                                <label class="form-label">Date To</label>
                                <input type="text" class="form-control form-control-sm" name="EndDate"
                                    value="{{ now('Asia/Dhaka')->format('d-m-Y') }}" placeholder="dd-mm-yyyy">
                            </div>
                        </div>
                        <button type="submit" class="btn-view">
                            <i class="mdi mdi-eye-outline me-1"></i> View Report
                        </button>
                    </form>
                </div>
            </div>
        </div>

        {{-- ── 3. Ledger Statement ── --}}
        <div class="col-md-6 col-lg-4">
            <div class="rpt-card">
                <div class="rpt-card-header">
                    <div class="rpt-icon"><i class="mdi mdi-book-open-page-variant-outline"></i></div>
                    <div>
                        <p class="rpt-title">Ledger Statement</p>
                        <p class="rpt-sub">Individual ledger account transaction history</p>
                    </div>
                </div>
                <div class="rpt-card-body">
                    <form method="POST" action="{{ route('indv.ledger.report.result') }}" target="_blank">
                        @csrf
                        <div class="mb-2">
                            <label class="form-label">Ledger</label>
                            <input list="ledger_names" name="ledger_name" class="form-control form-control-sm" placeholder="Search ledger…">
                            <datalist id="ledger_names">
                                @foreach($ledgers as $ledger)
                                    <option>{{ $ledger->ledger_name }}</option>
                                @endforeach
                            </datalist>
                        </div>
                        <div class="row g-2 mb-3">
                            <div class="col-6">
                                <label class="form-label">Date From</label>
                                <input type="text" class="form-control form-control-sm" name="StartDate"
                                    value="{{ now('Asia/Dhaka')->format('d-m-Y') }}" placeholder="dd-mm-yyyy">
                            </div>
                            <div class="col-6">
                                <label class="form-label">Date To</label>
                                <input type="text" class="form-control form-control-sm" name="EndDate"
                                    value="{{ now('Asia/Dhaka')->format('d-m-Y') }}" placeholder="dd-mm-yyyy">
                            </div>
                        </div>
                        <button type="submit" class="btn-view">
                            <i class="mdi mdi-eye-outline me-1"></i> View Report
                        </button>
                    </form>
                </div>
            </div>
        </div>

        {{-- ── 4. Sub-Ledger Statement ── --}}
        <div class="col-md-6 col-lg-4">
            <div class="rpt-card">
                <div class="rpt-card-header">
                    <div class="rpt-icon"><i class="mdi mdi-layers-outline"></i></div>
                    <div>
                        <p class="rpt-title">Sub-Ledger Statement</p>
                        <p class="rpt-sub">Individual sub-ledger account transaction history</p>
                    </div>
                </div>
                <div class="rpt-card-body">
                    <form method="POST" action="{{ route('indv.subledger.report.result') }}" target="_blank">
                        @csrf
                        <div class="mb-2">
                            <label class="form-label">Sub-Ledger</label>
                            <input list="subledger_names" name="subledger_name" class="form-control form-control-sm" placeholder="Search sub-ledger…">
                            <datalist id="subledger_names">
                                @foreach($subledgers as $subledger)
                                    <option>{{ $subledger->subledger_name }}</option>
                                @endforeach
                            </datalist>
                        </div>
                        <div class="row g-2 mb-3">
                            <div class="col-6">
                                <label class="form-label">Date From</label>
                                <input type="text" class="form-control form-control-sm" name="StartDate"
                                    value="{{ now('Asia/Dhaka')->format('d-m-Y') }}" placeholder="dd-mm-yyyy">
                            </div>
                            <div class="col-6">
                                <label class="form-label">Date To</label>
                                <input type="text" class="form-control form-control-sm" name="EndDate"
                                    value="{{ now('Asia/Dhaka')->format('d-m-Y') }}" placeholder="dd-mm-yyyy">
                            </div>
                        </div>
                        <button type="submit" class="btn-view">
                            <i class="mdi mdi-eye-outline me-1"></i> View Report
                        </button>
                    </form>
                </div>
            </div>
        </div>

    </div>{{-- end row --}}

</div>
</div>

@endsection