@extends('layouts.admin')

@section('title', 'Unit Inspector Applications')
@section('page-title', 'Dashboard')

@section('content')
    <div class="container-fluid">
        <h4 class="mb-4">Applications for Unit Inspector</h4>

        <div class="col-md-10 mb-3">
            <form class="d-flex align-items-center flex-wrap" action="{{ route('staff.unit_inspector.applications') }}"
                method="GET" role="search">

                {{-- Text search --}}
                <input class="form-control me-2 mb-2" type="search"
                    placeholder="Search by Applicant Name or Application Number" name="search"
                    value="{{ request('search') }}" aria-label="Search" style="max-width: 300px;">

                {{-- Society dropdown --}}
                <select name="society_id" class="form-select me-2 mb-2" style="max-width: 250px;">
                    <option value="">All Societies</option>
                    @foreach ($societies as $society)
                        <option value="{{ $society->id }}" {{ request('society_id') == $society->id ? 'selected' : '' }}>
                            {{ $society->name }}
                        </option>
                    @endforeach
                </select>

                {{-- Status dropdown --}}
                <select name="status_id" class="form-select me-2 mb-2" style="max-width: 200px;">
                    <option value="">All Statuses</option>
                    @foreach ($statuses as $status)
                        <option value="{{ $status->id }}" {{ request('status_id') == $status->id ? 'selected' : '' }}>
                            {{ $status->status_name }}
                        </option>
                    @endforeach
                </select>

                {{-- Year dropdown --}}
                <select name="year" class="form-select me-2 mb-2" style="max-width: 150px;">
                    <option value="">All Years</option>
                    @foreach ($years as $year)
                        <option value="{{ $year }}" {{ request('year') == $year ? 'selected' : '' }}>
                            {{ $year }}
                        </option>
                    @endforeach
                </select>

                <button class="btn btn-outline-primary me-2 mb-2" type="submit">Search</button>

                @if (request('search') || request('society_id') || request('status_id') || request('year'))
                    <a href="{{ route('staff.unit_inspector.applications') }}" class="btn btn-outline-secondary mb-2">
                        Clear
                    </a>
                @endif
            </form>

        </div>

        {{-- Applications Table --}}

        @if ($applications->count())
            <div class="card">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Application Number</th>
                                <th>Applicant Name</th>
                                <th>Society Name</th>
                                <th>Status</th>
                                <th>Date</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                // calculate start number for pagination
                                $start = ($applications->currentPage() - 1) * $applications->perPage() + 1;
                            @endphp

                            @foreach ($applications as $key => $app)
                                <tr>
                                    <td>{{ $start + $key }}</td>
                                    <td>{{ $app->application_number ?? 'N/A' }}</td>
                                    <td>{{ $app->name ?? ($app->childs_name ?? 'N/A') }}</td>
                                    <td>{{ $app->society->name ?? 'N/A' }}</td>
                                    <td>{{ $app->ApplicationStatus->status_name ?? '-' }}</td>
                                    <td>{{ $app->created_at->format('d-m-Y') }}</td>
                                    <td>
                                        <a href="{{ route('staff.unit_inspector.applications.show', $app->id) }}"
                                            class="btn btn-sm btn-primary">
                                            View
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                {{-- Pagination --}}
                <div class="d-flex justify-content-center">
                    {{ $applications->appends(['search' => request('search'), 'society_id' => request('society_id')])->links() }}
                </div>
            </div>
        @else
            <p>No applications found for this Unit Inspector.</p>
        @endif
    </div>
@endsection