@extends('layouts.booking')

@section('title', 'Complete Booking')

@section('content')
<div class="row g-4">
    <div class="col-lg-7">
        <div class="hp-card">
            <div class="hp-card-header">Guest Details</div>
            <div class="hp-card-body">
                <form method="POST" action="{{ route('book.book') }}">
                    @csrf
                    <input type="hidden" name="room_type_id" value="{{ $criteria['room_type_id'] }}">
                    <input type="hidden" name="check_in_date" value="{{ $criteria['check_in_date'] }}">
                    <input type="hidden" name="check_out_date" value="{{ $criteria['check_out_date'] }}">
                    <input type="hidden" name="adults" value="{{ $criteria['adults'] }}">
                    <input type="hidden" name="children" value="{{ $criteria['children'] ?? 0 }}">

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">First Name</label>
                            <input type="text" name="first_name" class="form-control" value="{{ old('first_name') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Last Name</label>
                            <input type="text" name="last_name" class="form-control" value="{{ old('last_name') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email</label>
                            <input type="email" name="email" class="form-control" value="{{ old('email') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Phone</label>
                            <input type="text" name="phone" class="form-control" value="{{ old('phone') }}" required>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Special Requests</label>
                            <textarea name="special_requests" class="form-control" rows="3">{{ old('special_requests') }}</textarea>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-hp-primary w-100 mt-4">Confirm Reservation</button>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-5">
        <div class="hp-card">
            <div class="hp-card-header">Booking Summary</div>
            <div class="hp-card-body">
                <h5 class="fw-bold">{{ $roomType->name }}</h5>
                <p class="text-muted small mb-3">
                    {{ \Carbon\Carbon::parse($criteria['check_in_date'])->format('M j, Y') }} —
                    {{ \Carbon\Carbon::parse($criteria['check_out_date'])->format('M j, Y') }}
                </p>
                <hr>
                <div class="d-flex justify-content-between mb-2">
                    <span>Subtotal</span>
                    <strong>{{ $hotel?->currency ?? 'USD' }} {{ number_format($quote['subtotal'] ?? $quote['total'] ?? 0, 2) }}</strong>
                </div>
                @if(isset($quote['tax']) && $quote['tax'] > 0)
                    <div class="d-flex justify-content-between mb-2 text-muted small">
                        <span>Tax</span><span>{{ number_format($quote['tax'], 2) }}</span>
                    </div>
                @endif
                <div class="d-flex justify-content-between fs-5 fw-bold mt-3">
                    <span>Total</span>
                    <span style="color: var(--hp-primary);">{{ $hotel?->currency ?? 'USD' }} {{ number_format($quote['total'] ?? 0, 2) }}</span>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection