@include('layouts.header', ['title' => 'Inventory Lists'])
<!-- Begin page -->
<div class="wrapper">

    <!-- Include the Navbar -->
    @include('layouts.navbar')

    <!-- Include the Left Sidebar -->
    @include('layouts.sidebar')

    <!-- ============================================================== -->
    <!-- Start Page Content here -->
    <!-- ============================================================== -->

    <div class="content-page">
        <div class="content">

            <!-- Start Content-->
            <div class="container-fluid">

                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right"></div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h4 class="header-title mb-0">Selected PAP List</h4>
                                <a
                                    href="{{ route('admin.blockInventory.details', ['projectId' => encrypt($projectId)]) }}"
                                    class="btn btn-light"
                                >
                                    Back
                                </a>
                            </div>

                            <div class="card-body">


                                <form method="POST" action="{{ route('admin.inventory.saveSelectedSurveys') }}">
                                    @csrf
                                    <input type="hidden" name="project_id" value="{{ $projectId }}">

                                    <table id="basic-datatable" class="table table-striped dt-responsive nowrap w-100">
                                        <thead>
                                            <tr>
                                                <th>
                                                    <input type="checkbox" id="select-all"> Select All
                                                </th>
                                                <th>Map ID</th>
                                                <th>Structure ID</th>
                                                <th>PAP Name</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            @foreach ($annexureTwos as $annexureTwo)
                                                <tr>
                                                    <td>
                                                        <input type="checkbox" name="annexure_two_ids[]"
                                                            value="{{ $annexureTwo->id }}"
                                                            {{ in_array($annexureTwo->id, $selectedAnnexureTwoIds) ? 'checked' : '' }}>
                                                    </td>
                                                    <td>{{ $annexureTwo->map_id }}</td>
                                                    <td>{{ $annexureTwo->structure_id }}</td>
                                                    <td>{{ $annexureTwo->new_owner_name ?? $annexureTwo->owner_name ?? '-' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                    <div class="mt-3">
                                        <button type="submit" id="" class="btn btn-success">Save Selected PAPs</button>
                                    </div>
                                </form>

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


                            </div> <!-- end card body-->
                        </div> <!-- end card -->
                    </div><!-- end col-->
                </div> <!-- end row-->

            </div> <!-- container -->

        </div> <!-- content -->

        <!-- Include the Footer -->
        @include('layouts.footer')

    </div>

    <!-- ============================================================== -->
    <!-- End Page content -->
    <!-- ============================================================== -->

</div>
<!-- END wrapper -->

<!-- Vendor js -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>

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

@include('admin.load-datatable')

<script>
    $(document).ready(function() {
        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr.error("{{ $error }}");
            @endforeach
        @endif

        @if (session('success'))
            toastr.success("{{ session('success') }}");
        @endif

        @if (session('error'))
            toastr.error("{{ session('error') }}");
        @endif

    });


</script>

<script>
    $('#select-all').click(function () {
        $('input[name="annexure_two_ids[]"]').prop('checked', this.checked);
    });
    // since datatables sorting filter btns where submitting form used in table
    // Prevent form submission unless it's triggered by your actual submit button
    document.addEventListener('submit', function(e) {
        const isIntentionalSubmit = e.submitter && e.submitter.matches('[type="submit"]');
        if (!isIntentionalSubmit) {
            e.preventDefault();
        }
    });
</script>

<!-- Custom JS -->
{{-- <script src="{{ asset('assets/js/pages/inventory/inventory.js') }}"></script> --}}


</body>

</html>