@extends('layouts.admin')

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

@section('content')
    <div class="container-fluid">
        <div class="mb-3">
            <h1 class="h3 d-inline align-middle">Application Inbox</h1>
        </div>

        <div class="col-md-12 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-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 --}}

        <div class="card">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Application number</th>
                            <th>Applicant Name</th>
                            <th>Application Type</th>
                            <th>Society Name</th>
                            <th>Status</th>
                            <th>Submitted Date</th>
                            <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>
                        @if ($applications->count())
                            @php
                                $start = ($applications->currentPage() - 1) * $applications->perPage() + 1;
                            @endphp

                            @foreach ($applications as $key => $app)
                                <tr @if ($app->PresentFileFlow->file_flow_type_id == 2) style="background-color:#FFD580;" @endif>
                                    <td>{{ $start + $key }}</td>
                                    <td>{{ $app->application_number ?? 'N/A' }}</td>
                                    <td>{{ $app->name ?? ($app->childs_name ?? 'N/A') }}</td>
                                    <td>Type {{ $app->ApplicationType->id }}</td>
                                    <td>{{ $app->society->name ?? 'N/A' }}<br><b
                                            style="color: #999; font-size:12px;">{{ $app->society->code ?? 'N/A' }}</b>
                                    </td>
                                    <td>{{ $app->ApplicationStatus->status_name ?? '-' }}</td>
                                    <td>{{ date('d/m/Y', strtotime($app->submitted_at)) }}</td>
                                    <td>
                                        <a href="{{ route('staff.unit_inspector.applications.show', Crypt::encryptString($app->id)) }}"
                                            class="btn btn-sm btn-primary">
                                            View
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan="7" class="text-center text-muted py-3">
                                    No applications found for this Unit Inspector.
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>

            {{-- Pagination --}}
            @if ($applications->count())
                <div class="d-flex justify-content-center">
                    {{ $applications->appends([
                            'search' => request('search'),
                            'society_id' => request('society_id'),
                        ])->links() }}
                </div>
            @endif
        </div>

    </div>
@endsection