@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>
                <!-- end page title -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h4 class="page-title">Lottery Scheduled Details</h4>
                                <a
                                    href="{{ route('admin.blockInventory.details', ['projectId' => $projectId]) }}"
                                    class="btn btn-light"
                                >
                                    Back
                                </a>
                            </div>
                            <div class="card-body">
                                <dl class="row mb-0">
                                    <dt class="col-sm-2">Description</dt>
                                    <dd class="col-sm-10"><span>{{ $lotteryDetails->description ?? 'N/A' }}</span></dd>

                                    <dt class="col-sm-2">Date & Time</dt>
                                    <dd class="col-sm-9">{{ isset($lotteryDetails->date_time) ? date('d-m-Y H:i:s', strtotime($lotteryDetails->date_time)) : 'N/A' }}</dd>
                                </dl>
                            </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 Inventory View</h4>
                            </div>

                            <div class="card-body">
                                

                                <table id="basic-datatable" class="table table-striped dt-responsive nowrap w-100">
                                    <thead>
                                        <tr>
                                            <th>Sl. No.</th>
                                            <th>Building</th>
                                            <th>Wing</th>
                                            <th>Floor</th>
                                            <th>Room Number</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach ($selectedInventoryLists as $key => $blocked)
                                            <tr>
                                                <td>{{ $loop->iteration }}
                                                {{-- <td>{{ $loop->iteration + ($selectedInventoryLists->currentPage() - 1) * $selectedInventoryLists->perPage() }} --}}
                                                <td>{{ $blocked->inventoryBuildingRooms->building->building_name ?? 'N/A' }}</td>
                                                <td>{{ $blocked->inventoryBuildingRooms->wing_name ?? 'N/A' }}</td>
                                                <td>{{ $blocked->inventoryBuildingRooms->floor_no ?? 'N/A' }}</td>
                                                <td>{{ $blocked->inventoryBuildingRooms->room_no ?? 'N/A' }}</td>
                                                <td>
                                                    @if (isset($blocked->project) && ($blocked->project->status_id != 9))
                                                    <span> {{ ($blocked->is_reserved == '1') ? 'Reserved for PAP' : 'Reserved for vulnerable PAP'}}</span>
                                                    @else
                                                    <select name="is_reserved" id="isReserved" data-id="{{ $blocked->id }}">
                                                        <option value="0" >Reserved for vulnerable PAP</option>
                                                        <option value="1" >Reserved for PAP</option>
                                                    </select>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach

                                        {{-- @if ($selectedInventoryLists->isEmpty())
                                            <tr>
                                                <td colspan="6">No Selected Inventory Found.</td>
                                            </tr>
                                        @endif --}}
                                    </tbody>

                                </table>
                                <!-- Pagination Links -->
                                {{-- <div class="mt-3">
                                    {{ $selectedInventoryLists->appends(request()->query())->links('pagination::bootstrap-5') }}
                                </div> --}}
                                <!-- Block Section -->
                                @if (isset($blocked->project) && $blocked->project->status_id == 10)
                                <div class="card-footer mt-3">
                                    <h5>Remark</h5>
                                    <textarea id="blockNote" class="form-control" placeholder="Enter reason for blocking..."></textarea>
                                    <button id="blockAllBtn" class="btn btn-danger mt-2">Approved</button>
                                    <button id="reReviewAllBtn" class="btn btn-danger mt-2">Re-review</button>
                                </div>
                                @endif

                            </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

        $(document).on('change', '#isReserved', function() {
            var inventoryId = $(this).data('id'); // Get the inventory ID
            var isReserved = $(this).val(); // Get selected value
            
            $.ajax({
                url: "{{ route('admin.updateStatus.selected.rooms') }}",
                type: "POST",
                data: {
                    inventory_id: inventoryId,
                    is_reserved: isReserved,
                    _token: '{{ csrf_token() }}' // Laravel CSRF token
                },
                success: function(response) {
                    toastr.success(response.message);
                },
                error: function(xhr) {
                    toastr.error(xhr.responseJSON.message);
                }
            });
        });

        $('#blockAllBtn').click(function() {
            var note = $('#blockNote').val();
            if (!note) {
                toastr.warning("Please enter a reason before blocking.");
                return;
            }

            $.ajax({
                url: "{{ route('admin.blocked.all.rooms') }}",
                type: "POST",
                data: {
                    project_id: "{{$projectId}}",
                    remark: note,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    toastr.success(response.message);
                    setTimeout(function() {
                        window.location.replace(document.referrer);
                    }, 1000);
                },
                error: function(xhr) {
                    toastr.error(xhr.responseJSON.message);
                }
            });
        });

        $('#reReviewAllBtn').click(function() {
            var note = $('#blockNote').val();
            if (!note) {
                toastr.warning("Please enter a reason before blocking.");
                return;
            }

            $.ajax({
                url: "{{ route('admin.rereview.selected.rooms') }}",
                type: "POST",
                data: {
                    project_id: "{{$projectId}}",
                    remark: note,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    toastr.success(response.message);
                    setTimeout(function() {
                        window.location.replace(document.referrer);
                    }, 1000);
                },
                error: function(xhr) {
                    toastr.error(xhr.responseJSON.message);
                }
            });
        });

    });

</script>

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


</body>

</html>