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

{% block title %}Hello DashboardController!
{% endblock %}

{% block body %}
	<section class="mt-7 py-0">
		<div class="bg-holder w-50 bg-right d-none d-lg-block" style="background-image:url(../assets/img/gallery/hero-section-1.png);"></div>
		<!--/.bg-holder-->

		<div class="container">
			<div class="row">
				<div class="col-lg-6 py-5 py-xl-5 py-xxl-7">
					<h1 class="display-3 text-1000 fw-normal">Let’s make a tour</h1>
					<h1 class="display-3 text-primary fw-bold">Discover the beauty</h1>


					<form class="row g-4 mt-5">
						<div class="col-sm-6 col-md-6 col-xl-5">
							<div class="input-group-icon">
								<label class="form-label visually-hidden" for="inputAddress1">Address 1</label>
								<input class="form-control input-box form-voyage-control" id="inputAddress1" type="text" placeholder="Départ"/><span class="nav-link-icon text-800 fs--1 input-box-icon">
									<i class="fas fa-map-marker-alt"></i>
								</span>
							</div>
						</div>
						<div class="col-sm-6 col-md-6 col-xl-5">
							<div class="input-group-icon">
								<label class="form-label visually-hidden" for="inputAddress2">Address 2</label>
								<input class="form-control input-box form-voyage-control" id="inputAddress2" type="text" placeholder="Destination"/><span class="nav-link-icon text-800 fs--1 input-box-icon">
									<i class="fas fa-map-marker-alt"></i>
								</span>
							</div>
						</div>
						<div class="col-sm-6 col-md-6 col-xl-5">
							<div class="input-group-icon">
								<input class="form-control input-box form-voyage-control" id="inputdateOne" type="date"/><span class="nav-link-icon text-800 fs--1 input-box-icon">
									<i class="fas fa-calendar"></i>
								</span>
							</div>
						</div>
						<div class="col-sm-6 col-md-6 col-xl-5">
							<div class="input-group-icon">
								<input class="form-control input-box form-voyage-control" id="inputDateTwo" type="date"/><span class="nav-link-icon text-800 fs--1 input-box-icon">
									<i class="fas fa-calendar"></i>
								</span>
							</div>
						</div>
						<div class="col-12 col-xl-10 col-lg-12 d-grid mt-6">
							<button class="btn btn-secondary" type="submit">Search Packages</button>
						</div>
					</form>


				</div>
			</div>
		</div>
	</section>
{% endblock %}