@include('header')
		<!--HOME PAGE BANNER START-->
		<div class="kf-home-banner inner-banner">
			<div class="container">
				<h3>Welcome Home</h3>
				<span><i class="icon-hotel"></i></span>
				<ul class="breadcrumb">
					
					<li><a href="">Deluxe</a></li>
				</ul>
			</div>
		</div>
		<!--HOME PAGE BANNER END-->
		<!--PAGE DETAIL START-->
		<section class="page-detail-2">
			<div class="container">
				<div class="col-md-8">
					<!--PAGE DETAIL HEADING START-->
					<div class="kf-detail-hd">
						<div class="grid2-heading">
							<h3><span>Deluxe</span> Room</h3>
						</div>
						<div class="retail room-grid-retail">
							<span>
								<sup>N</sup>
								28,000
								<sub>night</sub>
							</span>
						</div>
					</div>
					<!--PAGE DETAIL HEADING END-->
					<!--PAGE DETAIL SLIDER START-->
					<div class="grid2-slider">
						<ul class="bxslider">
							<li><img src="{{ url('gallery-images/deluxe/1-copy.jpg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/6.jpeg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/11.jpg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/WhatsApp Image 2021-05-14 at 2.59.43 PM.jpeg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/WhatsApp Image 2021-05-14 at 2.59.44 PM (1).jpeg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/WhatsApp Image 2021-05-14 at 2.59.45 PM.jpeg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/13.jpeg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/4-copy.jpg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/deluxe R1.jpg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/deluxe R3.jpg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/deluxe R5.jpg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/deluxe R10.jpg') }}" alt="" /></li>
							<li><img src="{{ url('gallery-images/deluxe/deluxe R11.jpg') }}" alt="" /></li>
						</ul>
					</div>
					<!--PAGE DETAIL SLIDER END-->
					<!--DETAIL SERVICE 2 START-->
					
					<!--DETAIL SERVICE 2 END-->
					<!--PAGE DETAIL TEXT WRAP START-->
					<div class="detail-text">
						<div class="grid2-heading">
							<h3><span>Room</span> Description</h3>
						</div>
						<div class="text-dec">
							<div class="text">
								<p>This has the capacity to accommodate up to 2 or more persons. Deluxe rooms are modern decorated.</p>
							</div>
						</div>
					</div>
					<!--PAGE DETAIL TEXT WRAP END-->
					<!--DETAIL FACALITIES START-->
					<div class="detail-fact">
						<div class="grid2-heading">
							<h3><span>General</span> facilities</h3>
						</div>
						<div class="row">
							<!--DETAIL FACALITIES DEC START-->
							<div class="col-md-3 col-sm-4">
								<div class="fac-thumb">
									<img src="extra-images/dac-1.jpg" alt="">
									<div class="fac-dec">
										<span class="icon-car"></span>
										<h6><a href="#">Car Parking</a></h6>
									</div>
								</div>
							</div>
							<!--DETAIL FACALITIES DEC END-->
							<!--DETAIL FACALITIES DEC START-->
							<div class="col-md-3 col-sm-4">
								<div class="fac-thumb">
									<img src="extra-images/dac-1.jpg" alt="">
									<div class="fac-dec">
										<span class="icon-people"></span>
										<h6><a href="#">Room Service</a></h6>
									</div>
								</div>
							</div>
							<!--DETAIL FACALITIES DEC END-->
							<!--DETAIL FACALITIES DEC START-->
							<div class="col-md-3 col-sm-6">
								<div class="fac-thumb">
									<img src="extra-images/dac-1.jpg" alt="">
									<div class="fac-dec">
										<span class="icon-technology-2"></span>
										<h6><a href="#">Free Wifi</a></h6>
									</div>
								</div>
							</div>
							<!--DETAIL FACALITIES DEC END-->
						</div>
					</div>
					<!--DETAIL FACALITIES END-->
					<!--COMMENT WRAP 3 START-->
				</div>
				<!--ASIDE BAR START-->
				<aside class="col-md-4">
					<!--RESERVATION START-->
					<div class="reservation2">
						<h6><span>Check</span> Availability</h6>
						<!--RESERVATION FORM START-->
						<div class="resrvation-form">
							<form class="reserve-form">
								<div class="row">
									<!--RESERVATION DEC START-->
									<div class="col-md-6 col-sm-6">
										<div class="res-dec">
											<span>Check In</span>
											<div class="date-picker-des" data-provide="datepicker">
											    <input type="text" id="my-datepicker" class="basic check_in" placeholder="Select Date">  
												<span class="add-on"><i class="fa fa-calendar" id="cal2"></i></span>
											</div>
											<span class="err">*Required</span>
										</div>
									</div>
									<!--RESERVATION DEC END-->
									<!--RESERVATION DEC START-->
									<div class="col-md-6 col-sm-6">
										<div class="res-dec">
											<span>Check Out</span>
											<div class="date-picker-des" data-provide="datepicker1">
											    <input type="text" id="my-datepicker2" class="basic check_out" placeholder="Select Date">  
												<span class="add-on"><i class="fa fa-calendar" id="cal3"></i></span>
											</div>
											<span class="err">*Required</span>
										</div>
									</div>
									<!--RESERVATION DEC END-->
									<!--stepper DEC START-->
									<div class="col-md-6 col-sm-6">
										<div class="res-dec">
											<span>Adults</span>
											<div class="input-stepper">
												<button data-input-stepper-decrease>-</button>
												<input type="text" class="adults">
												<button data-input-stepper-increase>+</button>
											</div>
											<span class="err">*Required</span>
										</div>
									</div>
									<!--stepper DEC END--><!--stepper DEC START-->
									<div class="col-md-6 col-sm-6">
										<div class="res-dec">
											<span>children</span>
											<div class="input-stepper">
												<button data-input-stepper-decrease>-</button>
												<input type="text" class="children">
												<button data-input-stepper-increase>+</button>
											</div>
										</div>
									</div>
									<!--stepper DEC END-->
								</div>
								<div class="res-dec">
									<span>Full Name</span>
									<input type="text" placeholder="Full Name" class="fullname">
									<span class="err">*Required</span>
								</div>
								<div class="res-dec">
									<span>Email</span>
									<input type="text" placeholder="Your Email" class="email">
									<span class="err">*Required</span>
								</div>
                                <div class="res-dec">
									<span>Phone Number</span>
									<input type="text" placeholder="Your Phone number" class="phone">
									<span class="err">*Required</span>
								</div>
								<input type="hidden" value="Deluxe Room" name="room" class="room" />
								<input type="hidden" value="28000" name="amt" class="amt" />
								{{ csrf_field() }}
								<button>Book Now</button>
							</form>
						</div>
						<!--RESERVATION FORM END-->
					</div>
				</aside>
				<!--ASIDE BAR END-->
			</div>
		</section>
		<!--PAGE DETAIL START-->
		<!--FOOTER START-->
		@include('footer')