{{--
    brafa Systems — housekeeping (public QR page).
    Livewire backing: App\Http\Livewire\RoomHousekeeping. Bindings preserved:
    Livewire.emit('markAsClean', bookingId, source) via confirmMarkAsClean(),
    the swal:toast listener, $roomDetails / $unitName / $noBooking /
    $departingBooking / $arrivingBooking / $noBookingMessage / $propertyDetails.
--}}
{{-- mount() returns early (propertyDetails stays []) on a malformed QR, and an
     unknown property leaves it null; neither may take the page down. --}}
@php($propertyName = $propertyDetails->PropertyName ?? '')
<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($propertyName) }}.png"
                 alt="{{ $propertyName }}"
                 onerror="this.src='{{ asset('storage/assets/img/placeholder.png') }}'">
            <span class="brafa-guest__name">{{ $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

                    {{-- The room status rides on room.unitStatusText, which belongs
                         to the unit rather than the booking, so the departing
                         booking sets the same room clean when nobody arrives
                         today. A guest arriving later is never written to. --}}
                    {{-- Keep each directive on its own line with whitespace before
                         the "@": Blade's matcher skips an "@if" glued to a word, and
                         then pairs the NEXT "@endif" it finds with the wrong "@if". --}}
                    @if ($cleanSource === 'departing')
                        @if ($arrivingBooking)
                            <p class="brafa-guest__note">No guest arriving today — the next guest arrives {{ $arrivingBooking['start_date'] }} and won't be affected.</p>
                        @else
                            <p class="brafa-guest__note">No guest arriving today.</p>
                        @endif
                    @endif

                    @if ($cleanBookingId)
                        <button class="btn btn--green" onclick="confirmMarkAsClean('{{ $cleanBookingId }}', '{{ $cleanSource }}')">Mark as clean</button>
                    @else
                        <p class="brafa-guest__note">{{ $noBookingMessage }}</p>
                    @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, source) {
        Swal.fire({
            title: 'Are you sure?',
            text: 'Do you really want to mark this room as clean?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, mark as clean!',
            cancelButtonText: 'No, cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                Livewire.emit('markAsClean', bookingId, source);
            }
        });
    }

    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