{% extends 'base.html.twig' %}

{% block title %}Details chambres |
	{{ parent() }}
{% endblock %}

{% block body %}
	<!-- breadcrumb-area -->
	<section class="breadcrumb-area d-flex align-items-center" style="background-image:url({{ asset('assets/custom/img/bg/footer-bg.png') }})">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-xl-12 col-lg-12">
					<div class="breadcrumb-wrap text-center">
						<div class="breadcrumb-title">
							<h2>Details Chambres</h2>
							<div class="breadcrumb-wrap">

								<nav aria-label="breadcrumb">
									<ol class="breadcrumb">
										<li class="breadcrumb-item">
											<a href="{{ path('default')}}">Accueil</a>
										</li>
										<li class="breadcrumb-item active" aria-current="page">Details Chambres</li>
									</ol>
								</nav>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<div class="about-area5 about-p p-relative">
		<div class="container pt-120 pb-40">
			<div
				class="row">
				<!-- #right side -->
				<div class="col-sm-12 col-md-12 col-lg-4 order-2">
					<aside
						class="sidebar services-sidebar">

						<!-- Category Widget -->
						<div class="sidebar-widget categories">
							<div class="widget-content">
								<h2 class="widget-title">
									Réserver une chambre
								</h2>
								<!-- Services Category -->
								<!-- booking-area -->
								<div class="booking">
									<div class="contact-bg">
										{{ form_start(form) }}
										<div class="row">
											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-name mb-20">
													<label>
														<i class="fal fa-badge-check"></i>
														Date de reservation</label>
													{{ form_widget(form.create_date, {'attr': {'class': 'form-control'}}) }}
													{{ form_errors(form.create_date) }}
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-name mb-20">
													<label>
														<i class="fal fa-badge-check"></i>
														Date d'arrivée</label>
													{{ form_widget(form.checkin_date, {'attr': {'class': 'form-control'}}) }}
													{{ form_errors(form.checkin_date) }}
												</div>
											</div>

											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-subject mb-20">
													<label>
														<i class="fal fa-badge-check"></i>
														Date de départ</label>
													{{ form_widget(form.checkin_out, {'attr': {'class': 'form-control'}}) }}
													{{ form_errors(form.checkin_out) }}
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-option mb-20">
													<label>
														<i class="fal fa-times-octagon"></i>
														Nom et prenom</label>
													{{ form_widget(form.name, {'attr': {'class': 'form-control'}}) }}
													{{ form_errors(form.name) }}
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-option mb-20">
													<label>
														<i class="fal fa-concierge-bell"></i>
														Chambre</label>
													{{ form_widget(form.product, {'attr': {'class': 'form-control'}}) }}
													{{ form_errors(form.product) }}
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-subject mb-20">
													<label>
														<i class="fal fa-users"></i>
														Adultes</label>
													{{ form_widget(form.number_of_adults, {'attr': {'class': 'form-control select'}}) }}
													{{ form_errors(form.number_of_adults) }}
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-subject mb-20">
													<label>
														<i class="fal fa-users"></i>
														Enfants</label>
													{{ form_widget(form.number_of_children, {'attr': {'class': 'form-control select'}}) }}
													{{ form_errors(form.number_of_children) }}
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-option mb-20">
													<label>
														<i class="fal fa-concierge-bell"></i>
														Telephone</label>
													{{ form_widget(form.phone_number, {'attr': {'class': 'form-control'}}) }}
													{{ form_errors(form.phone_number) }}
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="contact-field p-relative c-option mb-20">
													<label>
														<i class="fal fa-concierge-bell"></i>
														Email</label>
													{{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
													{{ form_errors(form.email) }}
												</div>
											</div>
											<div class="col-lg-12">
												<div class="slider-btn mt-15">
													<button class="btn ss-btn" type="submit" data-animation="fadeInRight" data-delay=".8s">
														<span>Réserver une chambre</span>
													</button>
												</div>
											</div>
										</div>
										{{ form_end(form) }}
									</div>
								</div>
								<!-- booking-area-end -->
							</div>
						</div>
						<!--Service Contact-->
						<div class="service-detail-contact wow fadeup-animation" data-wow-delay="1.1s">
							<h3 class="h3-title">Si vous avez besoin de nous conctactez-nous</h3>
							<a href="javascript:void(0);" title="Call now">{{ app_phone_number }}</a>
						</div>

					</aside>
				</div>
				<!-- #right side end -->


				<div class="col-lg-8 col-md-12 col-sm-12 order-1">
					<div class="service-detail">

						<div class="content-box">
							<div class="row align-items-center mb-50">
								<div class="col-lg-6 col-md-6">
									<div class="price">
										<h2>{{ product.title}}</h2>
										<span>{{ product.price|number_format(0, ',', ' ')}}</span>
									</div>
								</div>
								<div class="col-lg-6 text-right">
									<img src="{{ vich_uploader_asset(product, 'imageFile') }}" alt="img">
								</div>

							</div>

							<p>
								{{ product.description|raw }}
							</p>

							<ul class="room-features d-flex align-items-center">
								<li>
									<i class="fal fa-tv-retro"></i>
									TV
								</li>
								<li>
									<i class="fal fa-wifi"></i>
									Wifi Gratuit
								</li>
								<li>
									<i class="fal fa-air-conditioner"></i>
									Climatisation
								</li>
								<li>
									<i class="fal fa-phone-rotary"></i>
									Telephone
								</li>
								<li>
									<i class="fal fa-user"></i>
									Adultes: 2
								</li>
								<li>
									<i class="fal fa-square"></i>
									Taille: 24m²
								</li>

							</ul>


						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!-- service-details-area-end -->

{% endblock %}