@extends('layouts.app')
@push('stylesheets')
@endpush
@section('content')
    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Hotels</h1>
        <a href="{{ URL('book/hotel') }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
                class="fas fa-download fa-sm text-white-50"></i> Back</a>
    </div>
    <div class="card customCard my-4">
        <div class="card-header">
            <h1 class="text-success text-center">Booked Successfully</h1>
            <ul>
                <li>Amount : <span class="text-primary">Rs. {{ $bookDetail->amount}}</span></li>
                <li>Start Date : {{ $bookDetail->start_date}}</li>
                <li>End Date : {{ $bookDetail->end_date}}</li>
                <li>Hotel : {{ $hotel->hotel_name}}</li>
                <li>RoomType : {{ $bookDetail->room_type}}</li>
                <li>Feature : {{ $bookDetail->feature}}</li>
                <li>No of Room : {{ $bookDetail->no_of_room}}</li>
                <li>Extra Adult : {{ $bookDetail->extra_adult}}</li>
                <li>Extra Child : {{ $bookDetail->extra_child}}</li>
                <li>User : {{ $user->name}}</li>
            </ul>
        </div>
    </div>
@endsection
@push('scripts')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
@endpush