@extends('layouts.main')

@section('main-container')

<div class="page-header d-print-none">
    <div class="container-xl">
        <div class="row g-2 align-items-center">
            <div class="col">
                <div class="page-pretitle">WHS</div>
                <h2 class="page-title">Asset Handover List</h2>
            </div>
            <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">
                    <a href="{{ url('reports/baseline-report') }}" class="btn btn-primary">
                        <i class="ti ti-file-report"></i>
                        Asset Handover Summary
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="page-body">
    <div class="container-xl">

        {{-- Success Message --}}
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert" id="success-alert">
                <h4 class="alert-title">Success</h4>
                <div class="text-muted">{{ session('success') }}</div>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        <script>
            setTimeout(() => {
                const alertBox = document.getElementById('success-alert');
                if (alertBox) alertBox.remove();
            }, 5000);
        </script>

        {{-- 🔍 Filter Card --}}
        <div class="card mb-3">
  <div class="card border shadow-sm mb-3">
    <div class="card-header bg-secondary bg-opacity-10 text-white">
        <h6 class="card-title mb-0">
            <i class="ti ti-filter"></i> Filter Asset Handovers
        </h6>
    </div>

    <div class="card-body bg-light">
        <form method="GET" action="{{ route('assethandover.index') }}">
            <div class="row g-3 align-items-end">

                <div class="col-md-3">
                    <label class="form-label fw-semibold">Unit</label>
                    <select name="unit_id" class="form-select">
                        <option value="">All Units</option>
                        @foreach($units as $unit)
                            <option value="{{ $unit->id }}"
                                {{ request('unit_id') == $unit->id ? 'selected' : '' }}>
                                {{ $unit->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-semibold">State</label>
                    <select name="state_id" class="form-select">
                        <option value="">All States</option>
                        @foreach($states as $state)
                            <option value="{{ $state->id }}"
                                {{ request('state_id') == $state->id ? 'selected' : '' }}>
                                {{ $state->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-semibold">District</label>
                    <select name="district_id" class="form-select">
                        <option value="">All Districts</option>
                        @foreach($districts as $district)
                            <option value="{{ $district->id }}"
                                {{ request('district_id') == $district->id ? 'selected' : '' }}>
                                {{ $district->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                {{-- Action buttons --}}
                <div class="col-md-3 d-flex justify-content-end gap-2">
                    <button type="submit" class="btn btn-primary px-4">
                        <i class="ti ti-search"></i> Search
                    </button>
                    <a href="{{ route('assethandover.index') }}" class="btn btn-outline-secondary px-4">
                        <i class="ti ti-refresh"></i> Reset
                    </a>
                </div>

            </div>
        </form>
    </div>
</div>


        {{-- 📋 Data Table --}}
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h3 class="card-title">Handover Records</h3>
            </div>

<div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
    <table class="table table-bordered table-striped text-center mb-0">
        <thead class="table-primary sticky-top">
            <tr>
                <th>S.N</th>
                <th>Unit</th>
                <th>State</th>
                <th>District</th>
                <th>Block</th>
                <th>Panchayat</th>
                <th>Village</th>
                <th>Year</th>
                <th>App-Code</th>
                <th>Respondent</th>
                <th>Action</th>
            </tr>
        </thead>

        <tbody>
        @forelse ($handovers as $index => $handover)
            <tr>
                <td>{{ $handovers->firstItem() + $index }}</td>
                <td>{{ $handover->unit->name ?? 'N/A' }}</td>
                <td>{{ $handover->state->name ?? 'N/A' }}</td>
                <td>{{ $handover->district->name ?? 'N/A' }}</td>
                <td>{{ $handover->block->name ?? 'N/A' }}</td>
                <td>{{ $handover->panchayat->name ?? 'N/A' }}</td>
                <td>{{ $handover->village->name ?? 'N/A' }}</td>
                <td>{{ $handover->financialYear->name ?? 'N/A' }}</td>
                <td>{{ $handover->application_code }}</td>
                <td>{{ $handover->name_of_respondent }}</td>
                <td>
                    @if(in_array($handover->baseline_id, $existingHandoverIds))
                        <a href="{{ route('assethandover.show', $handover->baseline_id) }}"
                           class="btn btn-sm btn-primary">
                            <i class="ti ti-eye"></i> View
                        </a>
                    @else
                        <a href="{{ route('assethandover.create', $handover->baseline_id) }}"
                           class="btn btn-sm btn-success">
                            <i class="ti ti-plus"></i> Hand Over
                        </a>
                    @endif
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="11" class="text-muted text-center">No records found.</td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>


            {{-- Pagination --}}
            <div class="d-flex justify-content-center mt-3">
                {{ $handovers->appends(request()->query())->links() }}
            </div>
        </div>
    </div>
</div>

@endsection