@extends('admin.layouts.app')
@section('title', 'Check-in Guest')
@section('page-title', 'Check-in - ' . $booking->booking_number)

@section('content')
<div class="max-w-4xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm p-6">
        <div class="flex justify-between items-center mb-6">
            <h2 class="text-xl font-bold text-navy">Check-in Guest: {{ $booking->guest_name }}</h2>
            <a href="{{ route('reception.index') }}" class="text-gray-500 hover:text-gray-700">
                <i class="fas fa-arrow-left"></i> Back
            </a>
        </div>

        <!-- Guest Info Summary -->
        <div class="grid grid-cols-4 gap-4 mb-6 p-4 bg-gray-50 rounded-lg">
            <div>
                <p class="text-sm text-gray-500">Booking #</p>
                <p class="font-semibold">{{ $booking->booking_number }}</p>
            </div>
            <div>
                <p class="text-sm text-gray-500">Phone</p>
                <p class="font-semibold">{{ $booking->guest_phone }}</p>
            </div>
            <div>
                <p class="text-sm text-gray-500">Check-in</p>
                <p class="font-semibold">{{ $booking->check_in_date->format('M d, Y') }}</p>
            </div>
            <div>
                <p class="text-sm text-gray-500">Check-out</p>
                <p class="font-semibold">{{ $booking->check_out_date->format('M d, Y') }}</p>
            </div>
        </div>

        <form action="{{ route('reception.checkin', $booking) }}" method="POST">
            @csrf
            <div class="mb-6">
                <h3 class="font-semibold text-navy mb-4">Assign Room *</h3>
                <select name="room_id" required class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:ring-gold text-lg">
                    <option value="">Select Room...</option>
                    @foreach($availableRooms as $room)
                        <option value="{{ $room->id }}">
                            {{ $room->room_number }} - {{ $room->roomType?->name }} (Floor {{ $room->floor }})
                        </option>
                    @endforeach
                </select>
                @if($availableRooms->isEmpty())
                    <p class="text-red-500 mt-2">No available rooms. All rooms are currently occupied or under maintenance.</p>
                @endif
            </div>

            <div class="flex justify-end gap-4">
                <a href="{{ route('reception.index') }}" class="px-6 py-2 border rounded-lg hover:bg-gray-50">Cancel</a>
                <button type="submit" class="px-6 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700" {{ $availableRooms->isEmpty() ? 'disabled' : '' }}>
                    <i class="fas fa-user-check mr-2"></i>Complete Check-in
                </button>
            </div>
        </form>
    </div>
</div>
@endsection