@include('layouts.header', ['title' => ' Locked Structures'])
<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">
                                    Locked Structure List
                                </h4>
                                {{-- &nbsp;&nbsp;
                                <a href="{{ route('admin.export.annexure.two.survey', encrypt($project->id)) }}"
                                    class="btn btn-light btn-sm"> Download Annexure <span style="font-variant: small-caps; font-family: Georgia, serif; font-size: 1em;">ii</span> 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%;">

                                        {{-- NEW Table from AnnexureTwo --}}
                                        <table id="basic-datatable"
                                            class="table table-striped dt-responsive nowrap w-100">
                                            <thead>
                                                <tr>
                                                    <th>Sl. No.</th>
                                                    <th>Map No.</th>
                                                    <th>Identification No</th>
                                                    <th>Address</th>
                                                    <th>Name of Owner</th>
                                                    <th>Carpet Area</th>
                                                    <th>Structure Use</th>
                                                    <th>Eligibility Status</th>
                                                    {{-- <th>Status</th> --}}
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse ($annexureTwos as $item)
                                                    <tr>
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td>{{ $item->map_id ?? 'N/A' }}</td>
                                                        <td>{{ $item->structure_id ?? 'N/A' }}</td>
                                                        <td>{{ $item->address ?? 'N/A' }}</td>
                                                        <td>
                                                            @if ($item->new_owner_name)
                                                                <del
                                                                    class="text-muted">{{ $item->owner_name }}</del>
                                                                <span>{{ $item->new_owner_name }}</span>
                                                            @else
                                                                {{ $item->owner_name ?? 'N/A' }}
                                                            @endif
                                                        </td>
                                                        <td>{{ $item->carpet_area ?? 'N/A' }}</td>
                                                        <td>
                                                            @switch($item->structure_use)
                                                                @case('1')
                                                                    Residential
                                                                @break

                                                                @case('2')
                                                                    Commercial
                                                                @break

                                                                @case('3')
                                                                    Resi-Cum-Comm
                                                                @break

                                                                @case('4')
                                                                    Others
                                                                @break

                                                                @default
                                                                    N/A
                                                            @endswitch
                                                        </td>
                                                        <td>{{ $item->eligibility_status ?? 'N/A' }}</td>
                                                        {{-- <td>
                                                            <span
                                                                class="badge bg-{{ $item->status === 'Removed' ? 'danger' : ($item->status === 'Name Changed' ? 'warning' : 'success') }}">
                                                                {{ $item->status ?? ucfirst($item->status) }}
                                                            </span>

                                                        </td> --}}

                                                        <td>

                                                            {{-- <a href="{{ route('admin.projectsurveydetails.index', ['projectId' => encrypt($project->id), 'surveyId' => encrypt($survey->id)]) }}"
                                                                    class="text-reset fs-16 px-1"
                                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="View Survey Project">
                                                                    <i class="bi bi-eye-fill"></i>
                                                                </a> --}}

                                                            <a href="{{ route('admin.annexuretwopap.view', ['id' => encrypt($item->id)]) }}"
                                                                class="text-reset fs-16 px-1"
                                                                data-bs-toggle="tooltip" data-bs-placement="top"
                                                                title="View PAP">
                                                                <i class="bi bi-eye-fill"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    @empty
                                                        <tr>
                                                            <td colspan="8" class="text-center">No records found.
                                                            </td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>

                                        </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">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">

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

    @include('admin.load-datatable')

    </body>