{{--
    brafa Systems — housekeeping (public QR page).
    Livewire backing: App\Http\Livewire\RoomHousekeeping. Bindings preserved:
    Livewire.emit('markAsClean', bookingId, 'arriving') via confirmMarkAsClean(),
    the swal:toast listener, $roomDetails / $unitName / $noBooking /
    $departingBooking / $arrivingBooking / $noBookingMessage / $propertyDetails.
--}}
<div class="brafa-guest">
    <div class="brafa-guest__card">
        <div class="brafa-guest__head">
            <img class="brafa-guest__logo"
                 src="{{ asset('storage/assets/img') }}/{{ Str::slug($propertyDetails->PropertyName) }}.png"
                 alt="{{ $propertyDetails->PropertyName }}"
                 onerror="this.src='{{ asset('storage/assets/img/placeholder.png') }}'">
            <span class="brafa-guest__name">{{ $propertyDetails->PropertyName }}</span>
        </div>
        <div class="brafa-guest__body">
            <span class="brafa-guest__eyebrow">Housekeeping</span>
            <h1 class="brafa-guest__title">Room information</h1>

            @if ($roomDetails)
                <p class="brafa-guest__subtitle">Review departing and arriving booking details below.</p>
                <div class="brafa-guest__kv">
                    <div class="kv"><span class="k">Room type</span><span class="v">{{ $roomDetails->RoomName }}</span></div>
                    <div class="kv"><span class="k">Room number</span><span class="v">{{ $unitName }}</span></div>
                </div>

                @if (!$noBooking)
                    @if ($departingBooking)
                        <div class="brafa-guest__panel">
                            <h5>Departing guest</h5>
                            <div class="line"><span class="k">Name</span><span class="v">{{ $departingBooking['guest_name'] }}</span></div>
                            <div class="line"><span class="k">Start</span><span class="v">{{ $departingBooking['start_date'] }}</span></div>
                            <div class="line"><span class="k">Departure</span><span class="v">{{ $departingBooking['end_date'] }}</span></div>
                        </div>
                    @endif

                    @if ($arrivingBooking)
                        <div class="brafa-guest__panel">
                            <h5>Arriving guest</h5>
                            <div class="line"><span class="k">Name</span><span class="v">{{ $arrivingBooking['guest_name'] }}</span></div>
                            <div class="line"><span class="k">Start</span><span class="v">{{ $arrivingBooking['start_date'] }}</span></div>
                            <div class="line"><span class="k">Departure</span><span class="v">{{ $arrivingBooking['end_date'] }}</span></div>
                        </div>
                    @endif

                    @if ($departingBooking && !$arrivingBooking)
                        <p class="brafa-guest__note">Only a departing booking candidate was found for this room. Room can be marked clean once an arriving booking is available.</p>
                    @elseif (!$departingBooking && $arrivingBooking)
                        <p class="brafa-guest__note">Only an arriving booking candidate was found for this room.</p>
                    @endif

                    @if ($arrivingBooking)
                        <button class="btn btn--green" onclick="confirmMarkAsClean('{{ $arrivingBooking['booking_id'] }}')">Mark as clean</button>
                    @endif
                @else
                    <p class="brafa-guest__note">{{ $noBookingMessage }}</p>
                @endif
            @else
                <p class="brafa-guest__subtitle">No room information found.</p>
            @endif
        </div>
    </div>
</div>

@push('js')
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    function confirmMarkAsClean(bookingId) {
        Swal.fire({
            title: 'Are you sure?',
            text: 'Do you really want to mark this room as clean for the arriving guest?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, mark as clean!',
            cancelButtonText: 'No, cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                Livewire.emit('markAsClean', bookingId, 'arriving');
            }
        });
    }

    window.addEventListener('swal:toast', event => {
        Swal.fire({
            icon: event.detail.type,
            title: event.detail.message,
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timer: 3000,
            timerProgressBar: true,
        });
    });
</script>
@endpush