@extends('layouts.booking')

@section('title', 'Search Availability')

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="hp-card">
            <div class="hp-card-header"><i class="bi bi-search me-2"></i>Find Your Perfect Room</div>
            <div class="hp-card-body">
                <form method="GET" action="{{ route('book.rooms') }}">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Check-in</label>
                            <input type="date" name="check_in_date" class="form-control" value="{{ old('check_in_date', today()->toDateString()) }}" min="{{ today()->toDateString() }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Check-out</label>
                            <input type="date" name="check_out_date" class="form-control" value="{{ old('check_out_date', today()->addDay()->toDateString()) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Adults</label>
                            <input type="number" name="adults" class="form-control" value="{{ old('adults', 2) }}" min="1" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Children</label>
                            <input type="number" name="children" class="form-control" value="{{ old('children', 0) }}" min="0">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-hp-primary w-100 mt-4">Search Rooms</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection