@php
    $isAdmin      = $ctx['isAdmin'];
    $routes       = $ctx['routes'];
    $alias        = $ctx['alias'];
    $windowOpen   = $ctx['windowOpen'];
    $base         = $routes['index'];
    $homeUrl      = $isAdmin ? "/{$alias}/home" : "/member/{$alias}/home";
    $dashboardUrl = $isAdmin ? "/{$alias}/tdx/dashboard" : "/member/{$alias}/tdx/dashboard";
    $statusColors = ['draft' => 'secondary', 'submitted' => 'info', 'calculated' => 'warning', 'under_review' => 'warning', 'approved' => 'success', 'active' => 'success', 'rejected' => 'danger'];
    $canCreate    = $isAdmin || $windowOpen;
    $canView      = $ctx['canView'] ?? $isAdmin;
@endphp

@extends($ctx['layout'])

@push('head-script')
    @if($isAdmin)
        <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    @endif
    <style>
        .content-header .content-header-left { flex: 0 0 100%; max-width: 100%; width: 100%; }
        #declTable { font-size: 0.875rem; margin-bottom: 0; }
        #declTable thead th { font-weight: 600; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; color: #82868b; background: transparent; border: 0; border-bottom: 1.5px solid #ebe9f1; padding: 0.65rem 0.85rem; white-space: nowrap; }
        #declTable tbody td { border: 0; border-bottom: 1px solid #f4f3f8; padding: 0.7rem 0.85rem; vertical-align: middle; color: #5e5873; }
        #declTable tbody tr:hover { background: #fafafe; }
        #declTable .amt { font-variant-numeric: tabular-nums; }
        .fy-pill { font-weight: 600; color: #4b465c; }
        .act-btn { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
        .empty-wrap { padding: 2.5rem 1rem; text-align: center; color: #b9b9c3; }
    </style>
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12 d-flex align-items-center gap-2">
            <h2 class="content-header-title mb-0 text-nowrap">{{ $isAdmin ? 'Investment Declarations' : 'My Declarations' }}</h2>
            <div class="breadcrumb-wrapper flex-grow-1">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ $dashboardUrl }}">TDS</a></li>
                    <li class="breadcrumb-item active">Declarations</li>
                </ol>
            </div>
            <div class="d-flex flex-row-reverse gap-1 ms-auto text-nowrap">
                @if($canCreate)
                    <a href="{{ $routes['create'] }}" class="btn btn-success btn-sm">
                        <i data-feather="plus" class="me-25" style="width:14px;height:14px;"></i> New Declaration
                    </a>
                @endif
                @if($isAdmin)
                    <button class="btn btn-outline-primary btn-sm" type="button"
                        data-bs-toggle="offcanvas" data-bs-target="#offcanvasEnd" aria-controls="offcanvasEnd">
                        <i data-feather='filter'></i> Filter
                    </button>
                @endif
            </div>
        </div>
    </div>
@endpush

@section('content')
    <section id="tdx-declarations" class="mb-3 pb-2">

        <div class="row">
            <div class="col-12">
                @foreach(['status' => 'success', 'info' => 'info', 'error' => 'danger'] as $key => $variant)
                    @if(session($key))
                        <div class="alert alert-{{ $variant }} alert-dismissible fade show" role="alert">
                            <div class="alert-body">{{ session($key) }}</div>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif
                @endforeach

                @if(!$isAdmin && !$windowOpen)
                    <div class="alert alert-warning" role="alert">
                        <div class="alert-body d-flex align-items-center">
                            <i data-feather="alert-triangle" class="me-75" style="width:18px;height:18px;"></i>
                            <span><strong>Declaration window is currently closed.</strong> You cannot create or modify declarations right now. Please contact your HR/Admin for the schedule.</span>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                @if($isAdmin)
                    <h6 class="mb-1">Declarations - FY {{ $fy ?? '' }}</h6>
                @endif
                <div class="table-responsive">
                    <table class="table" id="declTable">
                        <thead>
                            <tr>
                                @if($isAdmin)
                                    <th>#</th>
                                    <th>Employee</th>
                                    <th>Employee Code</th>
                                @else
                                    <th>Financial Year</th>
                                    <th>Type</th>
                                @endif
                                <th>Regime</th>
                                <th class="text-end">Total Declared</th>
                                <th class="text-end">Total Approved</th>
                                <th>Status</th>
                                @if(!$isAdmin)<th>Last Updated</th>@endif
                                <th class="text-end">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($declarations as $index => $declaration)
                                @php
                                    $id = $declaration->id;
                                    $editUrl = "{$base}/{$id}/edit";
                                    $detailUrl = $isAdmin ? "{$base}/{$id}/preview" : "{$base}/{$id}";
                                    $canEdit = $isAdmin || (in_array($declaration->status, ['draft', 'calculated', 'rejected']) && $windowOpen);
                                @endphp
                                <tr>
                                    @if($isAdmin)
                                        <td>{{ $declarations->firstItem() + $index }}</td>
                                        <td>{{ $declaration->employee->name ?? 'N/A' }}</td>
                                        <td>{{ $declaration->employee->employee_code ?? '-' }}</td>
                                    @else
                                        <td><span class="fy-pill">{{ $declaration->financialYear->label ?? 'N/A' }}</span></td>
                                        <td>{{ ucfirst($declaration->declaration_type ?? 'Provisional') }}</td>
                                    @endif
                                    <td>
                                        <span class="badge badge-light-{{ $declaration->regime === 'old' ? 'primary' : 'success' }}">
                                            {{ strtoupper($declaration->regime ?? 'N/A') }}
                                        </span>
                                    </td>
                                    <td class="text-end amt">&#8377; {{ number_format($declaration->total_declared_amount ?? 0, 0) }}</td>
                                    <td class="text-end amt">&#8377; {{ number_format($declaration->total_approved_amount ?? 0, 0) }}</td>
                                    <td>
                                        <span class="badge badge-light-{{ $statusColors[$declaration->status] ?? 'secondary' }}">
                                            {{ ucwords(str_replace('_', ' ', $declaration->status ?? 'draft')) }}
                                        </span>
                                    </td>
                                    @if(!$isAdmin)
                                        <td>{{ $declaration->updated_at ? $declaration->updated_at->format('d M Y') : '-' }}</td>
                                    @endif
                                    <td class="text-end">
                                        @if($canView)
                                            <a href="{{ $detailUrl }}" class="btn btn-sm btn-outline-info act-btn" title="View">
                                                <i data-feather="eye" style="width:15px;height:15px;"></i>
                                            </a>
                                        @endif
                                        @if($canEdit)
                                            <a href="{{ $editUrl }}" class="btn btn-sm btn-outline-primary act-btn" title="Edit">
                                                <i data-feather="edit-2" style="width:15px;height:15px;"></i>
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="{{ $isAdmin ? 7 : 8 }}">
                                        <div class="empty-wrap">
                                            <i data-feather="file-text" style="width:34px;height:34px;"></i>
                                            <p class="mt-1 mb-1">No declarations found.</p>
                                            @if($canCreate)
                                                <a href="{{ $routes['create'] }}" class="btn btn-success btn-sm">
                                                    <i data-feather="plus" class="me-25" style="width:14px;height:14px;"></i> New Declaration
                                                </a>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if($declarations->hasPages())
                    <div class="mt-1 d-flex justify-content-center">{{ $declarations->links() }}</div>
                @endif
            </div>
        </div>
    </section>

    @if($isAdmin)
    {{-- Offcanvas Filter --}}
    <form method="get" id="filter-form">
        <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasEnd" aria-labelledby="offcanvasEndLabel">
            <div class="offcanvas-header">
                <h5 id="offcanvasEndLabel" class="offcanvas-title">Filter</h5>
                <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
            </div>
            <div class="offcanvas-body">
                <div class="row">
                    <div class="col-md-12">
                        <label class="form-label">Search</label>
                        <input type="text" name="search" class="form-control mb-2" placeholder="Name or code" value="{{ request('search') }}">
                    </div>
                    <div class="col-md-12">
                        <label class="form-label">Employee</label>
                        <select name="employee_id" class="form-control mb-2">
                            <option value="">All</option>
                            @foreach(($employees ?? []) as $employee)
                                <option value="{{ $employee->id }}" @if(request('employee_id')==$employee->id) selected @endif>{{ $employee->name }} ({{ $employee->employee_code }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-12">
                        <label class="form-label">Employee Type</label>
                        <select name="employee_type" class="form-control mb-2">
                            <option value="">All</option>
                            <option value="employee" @if(request('employee_type')=='employee') selected @endif>Employee</option>
                            <option value="workman" @if(request('employee_type')=='workman') selected @endif>Workman</option>
                        </select>
                    </div>
                    <div class="col-md-12">
                        <label class="form-label">Department</label>
                        <select name="department_id" class="form-control mb-2">
                            <option value="">All</option>
                            @foreach(($departments ?? []) as $department)
                                <option value="{{ $department->id }}" @if(request('department_id')==$department->id) selected @endif>{{ $department->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-12">
                        <label class="form-label">Designation</label>
                        <select name="designation_id" class="form-control mb-2">
                            <option value="">All</option>
                            @foreach(($designations ?? []) as $designation)
                                <option value="{{ $designation->id }}" @if(request('designation_id')==$designation->id) selected @endif>{{ $designation->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-12">
                        <label class="form-label">Regime</label>
                        <select name="regime" class="form-control mb-2">
                            <option value="">All</option>
                            <option value="old" @if(request('regime')=='old') selected @endif>Old</option>
                            <option value="new" @if(request('regime')=='new') selected @endif>New</option>
                        </select>
                    </div>
                    <div class="col-md-12">
                        <label class="form-label">Status</label>
                        <select name="status" class="form-control mb-2">
                            <option value="">All</option>
                            <option value="draft" @if(request('status')=='draft') selected @endif>Draft</option>
                            <option value="calculated" @if(request('status')=='calculated') selected @endif>Calculated</option>
                            <option value="active" @if(request('status')=='active') selected @endif>Active</option>
                            <option value="rejected" @if(request('status')=='rejected') selected @endif>Rejected</option>
                        </select>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary mt-2 mb-1 d-grid w-100 d-flex justify-content-center"
                    data-bs-dismiss="offcanvas" aria-label="Close">
                    <i data-feather='search' class="me-2"></i>Apply
                </button>
            </div>
        </div>
    </form>
    @endif
@endsection

@push('footer-script')
    <script>
        $(document).ready(function () {
            if (typeof feather !== 'undefined') feather.replace();
        });
    </script>
@endpush