@include('layouts.header', ['title' => 'E-lottery List'])
<div class="wrapper">
    @include('layouts.navbar')
    @include('layouts.sidebar')

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right"></div>
                        </div>
                    </div>
                </div>

                @include('components.project-details', ['project' => $project])

                <!-- Dynamic Table Wrapper -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">

                            <!-- Card Header -->
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h4 class="header-title mb-0 text-end float-end">
                                    E-lottery List
                                </h4>
                                <a href="{{ route('admin.export.elottery.survey', encrypt($project->id)) }}" class="btn btn-light btn-sm"> Download E-lottery Excel</a>
                                {{-- <form class="d-flex ms-auto" method="GET">
                                    <input type="text" name="occupant_name" class="form-control me-2"
                                        placeholder="Occupant Name" value="{{ request('occupant_name') }}">

                                    <button type="submit" class="btn btn-light btn-sm">Search</button>
                                    <button type="button" class="btn btn-link reset-btn">Reset</button>
                                </form> --}}
                            </div>

                            <div class="card-body">
                                <div class="table-wrapper">
                                    <div style="overflow-x: auto; width: 100%;">

                                        <table id="basic-datatable"
                                            class="table table-striped dt-responsive nowrap w-100">
                                            <thead>
                                                <tr>
                                                    <th>Sl. No.</th>
                                                    <th>Structure ID</th>
                                                    <th>Name of the Owner</th>
                                                    <th>Type of Use</th>
                                                    <th>Date of Allotment</th>
                                                    <th>Location</th>
                                                    <th>Building Name (Building No.)</th>
                                                    <th>Wing</th>
                                                    <th>
                                                        Room No.
                                                        <br>
                                                        (Floor No.)
                                                    </th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if ($allotments->isEmpty())
                                                    <tr>
                                                        <td colspan="13" class="text-center">No Records Found</td>
                                                    </tr>
                                                @else
                                                    @foreach ($allotments as $allotment)
                                                        <tr>
                                                            <td>{{ $loop->iteration }}
                                                            {{-- <td>{{ $loop->iteration + ($surveys->currentPage() - 1) * $surveys->perPage() }} --}}
                                                            <td>
                                                                {{ $allotment->annexureTwo->structure_id ?? '-' }}
                                                                <br>
                                                                <span class="badge text-bg-secondary">{{ $allotment->annexureTwo->map_id ?? '-' }}</b>
                                                            </td>
                                                            <td>{{ $allotment->annexureTwo->new_owner_name ?? $allotment->annexureTwo->owner_name ?? '-' }}</td>
                                                            <td>
                                                                @if ($allotment->annexureTwo->structure_use == '1')
                                                                    Residential
                                                                @elseif ($allotment->annexureTwo->structure_use == '2')
                                                                    Commercial
                                                                @elseif ($allotment->annexureTwo->structure_use == '3')
                                                                    Resi-Cum-Comm
                                                                @elseif ($allotment->annexureTwo->structure_use == '4')
                                                                    Others
                                                                @else
                                                                    N/A
                                                                @endif
                                                            </td>
                                                            <td>
                                                                {{ $allotment->created_at->format('d M Y') }}
                                                            </td>
                                                            <td>
                                                                {{ $allotment->inventoryBuildingRoom->location->location }}
                                                            </td>
                                                            <td>
                                                                {{ $allotment->inventoryBuildingRoom->building->building_name }} ({{ $allotment->inventoryBuildingRoom->building->building_no }})
                                                            </td>
                                                            <td>
                                                                {{ $allotment->inventoryBuildingRoom->wing_name ?? '-' }}
                                                            </td>
                                                            <td>{{ $allotment->inventoryBuildingRoom->room_no }}</td>
                                                            <td>
                                                                @if ($allotment->annexureTwo->survey_id)
                                                                    <a href="{{ route('admin.projectsurveydetails.index', ['projectId' => encrypt($project->id), 'surveyId' => encrypt($allotment->annexureTwo->survey_id)]) }}"
                                                                        class="text-reset fs-16 px-1" data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        title="View Allotment Details">
                                                                        <i class="bi bi-eye-fill"></i>
                                                                    </a>
                                                                @else
                                                                    <a href="{{ route('admin.allotments.show', ['project' => encrypt($project->id), 'allotment' => encrypt($allotment->id)]) }}"
                                                                        class="text-reset fs-16 px-1" data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        title="View Allotment Details">
                                                                        <i class="bi bi-eye-fill"></i>
                                                                    </a>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>

                                    <!-- Pagination -->
                                    {{-- <div class="mt-3 pagination-links">
                                        {{ $surveys->appends(request()->query())->links('pagination::bootstrap-5') }}
                                    </div> --}}

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

        @include('layouts.footer')
    </div>
</div>

<!-- Vendor JS -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="{{ asset('assets/js/app.min.js') }}"></script>

@include('admin.load-datatable')

<script>
    document.querySelector('.reset-btn').addEventListener('click', function() {
        window.location.href = "{{ url()->current() }}";
    });
</script>


</body>