{{--
    brafa Systems — Bookings overview.
    Livewire backing: App\Http\Livewire\Dashboard\ShowBookings. Bindings
    preserved: wire:click="sendPasscode(...)", $bookings, $PropertyName,
    $message, session('error'), messageShown JS event.
--}}
<div>
    <div class="brafa-screen">
        @if (session()->has('error'))
            <div class="status-banner status-banner--danger">{{ session('error') }}</div>
        @endif

        <div class="brafa-locks-hero" style="margin-bottom: 24px;">
            <div>
                <span class="brafa-property-hero__eyebrow">{{ $PropertyName }}</span>
                <div class="brafa-locks-hero__value">{{ count($bookings) }}</div>
                <span style="color: rgba(255,255,255,0.7); font-size: 12.5px;">total bookings</span>
            </div>
        </div>

        @if ($message)
            <div x-data="{ show: true }" x-init="setTimeout(() => show = false, 3000)" x-show="show"
                 class="status-banner status-banner--success">{{ $message }}</div>
        @endif

        <div class="card prop-list">
            <div class="prop-toolbar">
                <h3 class="card-heading" style="margin: 0;">{{ $PropertyName }} bookings</h3>
            </div>
            <div style="overflow-x:auto;">
                <table class="table table--cards">
                    <thead>
                        <tr>
                            <th>Booking</th>
                            <th>Guest</th>
                            <th>Unit</th>
                            <th>Check-in</th>
                            <th>Check-out</th>
                            <th>Passcode</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($bookings as $record)
                            @php
                                $brafaKey = null;
                                foreach (($record['infoItems'] ?? []) as $infoItem) {
                                    if ($infoItem['code'] == 'BRAFA_KEY') { $brafaKey = $infoItem['text']; break; }
                                }
                            @endphp
                            <tr>
                                <td class="mono muted" data-label="Booking">{{ $record['bookId'] }}</td>
                                <td class="cards-title"><div class="prop-name__main">{{ $record['guestName'] }}</div></td>
                                <td data-label="Unit">{{ $record['unitName'] }}</td>
                                <td class="mono muted" data-label="Check-in">{{ $record['firstNight'] }}</td>
                                <td class="mono muted" data-label="Check-out">{{ $record['lastNight'] }}</td>
                                <td data-label="Passcode">
                                    @if ($brafaKey)
                                        <span class="mono" style="letter-spacing: 0.08em;">{{ $brafaKey }}</span>
                                    @else
                                        <button wire:click="sendPasscode({{ json_encode($record) }})" class="btn btn--sm">Send passcode</button>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="6" style="padding:48px 24px;text-align:center;color:var(--fg-subtle);font-size:13px;">No bookings found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        window.livewire.on('messageShown', () => {
            setTimeout(() => { window.livewire.emit('resetMessageFlags'); }, 3000);
        });
    });
</script>
<script src="{{ asset('vendor/livewire/livewire.js') }}"></script>