{% extends "WebFrontBundle::layout.html.twig" %}

{% block styles %}

    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/select2.min.css")}}">
    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/packs.css")}}">

    <script src="https://www.google.com/recaptcha/api.js"></script>

{% endblock %}

{% block body %}

    <!-- Home -->

    <div class="home">

        <!-- Home Slider -->

        <div class="home_slider_container">

            <div class="owl-carousel owl-theme home_slider">

                <!-- Slider Item -->
                <div class="owl-item home_slider_item">

                    <div class="home_slider_background" style="background-image:url({{ asset("assets/images/fasttrack_aeroport_casablanca.jpg")}})"></div>

                    <div class="home_slider_content text-center">
                        <div class="home_slider_content_inner" data-animation-in="flipInX" data-animation-out="animate-out fadeOut">
                            <h1>Fast Track Maroc</h1>
                            <h1>{% trans %}Another way to travel {% endtrans %}</h1>
                            <div class="button home_slider_button"><div class="button_bcg"></div>
                                <a href="" data-toggle="modal" data-target=".bd-example-modal-lg">{% trans %}Book your Fast Track{% endtrans %}<span></span><span></span><span></span></a></div>
                        </div>
                    </div>
                </div>

                <!-- Slider Item -->
                <div class="owl-item home_slider_item">
                    <div class="home_slider_background" style="background-image:url({{ asset("assets/images/aeroport_queue_fasttrack-min.jpg")}})"></div>

                    <div class="home_slider_content text-center">
                        <div class="home_slider_content_inner" data-animation-in="flipInX" data-animation-out="animate-out fadeOut">
                            <h1>Fast Track Maroc</h1>
                            <h1>{% trans %}The key for travelling without stress{% endtrans %}</h1>
                            <div class="button home_slider_button"><div class="button_bcg"></div>
                                <a href="" data-toggle="modal" data-target=".bd-example-modal-lg">{% trans %}Book your Fast Track{% endtrans %}<span></span><span></span><span></span></a></div>
                        </div>
                    </div>
                </div>

                <!-- Slider Item -->
                <div class="owl-item home_slider_item">
                    <div class="home_slider_background" style="background-image:url({{ asset("assets/images/fasttrack_maroc_vip_lounge.jpg")}})"></div>

                    <div class="home_slider_content text-center">
                        <div class="home_slider_content_inner" data-animation-in="flipInX" data-animation-out="animate-out fadeOut">
                            <h1>Fast Track Maroc</h1>
                            <h1>{% trans %}Avoid the queues in the airport{% endtrans %}</h1>
                            <div class="button home_slider_button"><div class="button_bcg"></div>
                                <a href="" data-toggle="modal" data-target=".bd-example-modal-lg">{% trans %}Book your Fast Track{% endtrans %}<span></span><span></span><span></span></a></div>
                        </div>
                    </div>
                </div>

            </div>


            <!-- Home Slider Nav - Prev -->
            <div class="home_slider_nav home_slider_prev">
                <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                     width="28px" height="33px" viewBox="0 0 28 33" enable-background="new 0 0 28 33" xml:space="preserve">
					<defs>
                        <linearGradient id='home_grad_prev'>
                            <stop offset='0%' stop-color='#fa9e1b'/>
                            <stop offset='100%' stop-color='#8d4fff'/>
                        </linearGradient>
                    </defs>
                    <path class="nav_path" fill="#F3F6F9" d="M19,0H9C4.029,0,0,4.029,0,9v15c0,4.971,4.029,9,9,9h10c4.97,0,9-4.029,9-9V9C28,4.029,23.97,0,19,0z
					M26,23.091C26,27.459,22.545,31,18.285,31H9.714C5.454,31,2,27.459,2,23.091V9.909C2,5.541,5.454,2,9.714,2h8.571
					C22.545,2,26,5.541,26,9.909V23.091z"/>
                    <polygon class="nav_arrow" fill="#F3F6F9" points="15.044,22.222 16.377,20.888 12.374,16.885 16.377,12.882 15.044,11.55 9.708,16.885 11.04,18.219
					11.042,18.219 "/>
				</svg>
            </div>

            <!-- Home Slider Nav - Next -->
            <div class="home_slider_nav home_slider_next">
                <svg version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                     width="28px" height="33px" viewBox="0 0 28 33" enable-background="new 0 0 28 33" xml:space="preserve">
					<defs>
                        <linearGradient id='home_grad_next'>
                            <stop offset='0%' stop-color='#fa9e1b'/>
                            <stop offset='100%' stop-color='#8d4fff'/>
                        </linearGradient>
                    </defs>
                    <path class="nav_path" fill="#F3F6F9" d="M19,0H9C4.029,0,0,4.029,0,9v15c0,4.971,4.029,9,9,9h10c4.97,0,9-4.029,9-9V9C28,4.029,23.97,0,19,0z
				M26,23.091C26,27.459,22.545,31,18.285,31H9.714C5.454,31,2,27.459,2,23.091V9.909C2,5.541,5.454,2,9.714,2h8.571
				C22.545,2,26,5.541,26,9.909V23.091z"/>
                    <polygon class="nav_arrow" fill="#F3F6F9" points="13.044,11.551 11.71,12.885 15.714,16.888 11.71,20.891 13.044,22.224 18.379,16.888 17.048,15.554
				17.046,15.554 "/>
				</svg>
            </div>

            <!-- Home Slider Dots -->

            <div class="home_slider_dots">
                <ul id="home_slider_custom_dots" class="home_slider_custom_dots">
                    <li class="home_slider_custom_dot active"><div></div>01.</li>
                    <li class="home_slider_custom_dot"><div></div>02.</li>
                    <li class="home_slider_custom_dot"><div></div>03.</li>
                </ul>
            </div>

        </div>

    </div>

    <!-- Search -->
	{#
    <div class="search" id="search">



        <!-- Search Contents -->

        <div class="container fill_height">
            <div class="row fill_height">
                <div class="col fill_height">

                    <div class="apps">
                        <div class="container">
                            <div class="row" style="margin-top: 2%;">
                                <div class="col text-center">
                                    <h2 class="section_title" style="color: #FFF;">{% trans %}Download our application mobile{% endtrans %}</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <center>
                                        <a href=""><img src="{{ asset("assets/images/appleStore.png")}}" style="width: 250px;height: 60px;"></a>
                                    </center>

                                </div>
                                <div class="col-md-6">
                                    <center>
                                        <a href="https://play.google.com/store/apps/details?id=com.mobile.fasttrackmaroc">
                                            <img src="{{ asset("assets/images/googlePlay.png")}}" style="width: 250px;height: 60px;">
                                        </a>
                                    </center>

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

                    <div class="search_panel active">
                        <form action="{{ path("search_airport") }}" method="GET" id="search_form_1" class="search_panel_content d-flex flex-lg-row flex-column align-items-lg-center align-items-start justify-content-lg-between justify-content-start">
                            <div class="search_item">

                        <div class="row">
                            <div class="col col-md-9" style="margin-top: 1%;">
                            <div class="destination search_input" id="aeroports">
                                    <strong class="select2-results__group">{% trans %}Choose your Airport{% endtrans %}</strong>
                                    <select class="js-example-basic-single" name="airport">
                                        <option value="CMN">{% trans %}Mohammed V Intl, CMN, Casablanca, Morocco {% endtrans %}</option>
                                        <option value="AGA">{% trans %}Agadir – Al Massira, AGA, Agadir, Morocco{% endtrans %}</option>
                                        <option value="OUD">{% trans %}Oujda Angads, OUD, Oujda, Morocco<span style="color: #FFF;">Oujda Angads, OUD</span>{% endtrans %}</option>
                                        <option value="RAK">{% trans %}Marrakesh Menara, RAK, Marrakesh, Morocco{% endtrans %}</option>
                                        <option value="RBA">{% trans %}Rabat–Salé, RBA, Salé, Morocco<span style="color: #FFF;">Rabat–Salé, RBA</span>{% endtrans %}</option>
                                        <option value="FEZ">{% trans %}Fes–Saïss, FEZ, Fes, Morocco<span style="color: #FFF;">Fes–Saïss, FEZ, </span>{% endtrans %}</option>
                                        <option value="TNG">{% trans %}Tangier Ibn Battouta, TNG, Tanger, Morocco{% endtrans %}</option>
                                        <option value="EUN">{% trans %}Laayoune Hassan 1st, EUN, Laayoune, Morocco{% endtrans %}</option>
                                        <option value="VIL">{% trans %}Dakhla Airport, Dakhla, VIL, Morocco<span style="color: #FFF;">Dakhla Airport, Dakhla,</span>{% endtrans %}</option>
										<option value="OZZ">{% trans %}Ouarzazate, OZZ, Morocco{% endtrans %}</option>
                                        <option value="CDG">{% trans %}Paris-Charles-de-Gaulle, CDG, France<span style="color: #FFF;">Paris-Charles-de-Gaulle</span>{% endtrans %}</option>
                                        <option value="ORY">{% trans %}Paris-Orly, ORY, France<span style="color: #FFF;">Paris-Orly, France </span>{% endtrans %}</option>
										
                                    </select>
                                </div>
                            </div>
                            <div class="col col-md-3">
                                <button class="button search_button">{% trans %}Search{% endtrans %}<span></span><span></span><span></span></button>
                            </div>
                        </div>

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

    </div>

	#}


    <!-- Testimonials -->

    <div class="testimonials" id="our_offers">
        <div class="test_border"></div>
        <div class="container">
            <div class="row">
                <div class="col text-center">
                    <h2 class="section_title">{% trans %}Our offers{% endtrans %}</h2>
                </div>
                <div class="intro_text text-center">
                    <p>{% trans %}The Fast Track service is the best way to make your passage in the Moroccan airports nicer and mainly quicker.
                        The endless waiting at the immigration services and customs is now over. Book and pay online to avoid the queues,
                        to have a complete support by our agents and save time.{% endtrans %}</p>
                </div>
            </div><br>
            <div class="row row-centered">

                    <div class="col-md-6 col-xs-12">
                        <div class="row">
                            <div class="col col-md-12 col-xs-12" style="text-align: center;">
                                <img src="{{ asset("assets/images/fasttrack arrival.png")}}" alt="FastTrack Arrival" />
                            </div>
                            <div class="col col-md-12 col-xs-12" style="text-align: center;">
                                <div class="test_item_info"   style="position: initial;left: 0px;">
                                    <div class="test_name" style="font-size: 17px;">{% trans %}FAST TRACK ARRIVAL{% endtrans %}</div>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="background: rgba(49, 18, 75, 0.8);padding-left: 3%;font-size: 16px;font-weight: 600;  margin-left: 0.2%;margin-right: 0.0%;">
                            <p style="font-size: 17px;">
                                {% trans %}For your arrival, an agent is dedicated to you and assists you in all your airport formalities (Check-in, customs, tax exemption, VIP lounge...) by ensuring you a priority passage to the immigration services.{% endtrans %}
                            </p>

                            <ul style="list-style: square;color: #fff;padding-left: 4%; font-family: revert;font-weight: initial;">
                                <li>{% trans %}Reception of the passenger according to the position of the plane{% endtrans %} :</li>
                                
                                <ul style="list-style: circle;font-size: 15px;color: #fff;padding-left: 6%;" >
                                    <li>{% trans %}If the aircraft is docked, your agent will be waiting for you at the exit of the bridge with a sign bearing your name.{% endtrans %}</li>
                                    <li>{% trans %}If the plane is on the tarmac, your agent will be waiting for you at the terminal entrance (as soon as you get off the bus) with a sign bearing your name.{% endtrans %}</li>
                                </ul>
                                
                                <li>{% trans %}Priority passage through a dedicated circuit for immigration formalities.{% endtrans %} </li>
                                <li>{% trans %}Accompanying the passenger to the baggage claim area.{% endtrans %} </li>

                            </ul>

                            <p style="color: #FA6304;font-family: 'Open Sans', sans-serif;font-weight: inherit;">
                                <strong style="color: #FA6304;padding-right: 1%;"><center>{% trans %}If you wish, we can provide you with a vehicle with driver for your private transfer from  the airport.{% endtrans %}</center></strong>
                            </p>

                            <br>
                        </div>
                     
                        {#
                        <ul class="pack"  >
                            {% trans %}
                                <li style="margin-bottom: 1%;">Personalized reception upon access to the terminal.</li>
                                <li style="margin-bottom: 1%;">Personalized reception upon access to the terminal.</li>
                                <li style="margin-bottom: 1%;">Access to the VIP Lounge.</li>
                                <li style="margin-bottom: 1%;">Access to the VIP Lounge.</li>
                                <li style="margin-bottom: 1%;">Assistance throughout priority crossing formalities.</li>
                                <li style="margin-bottom: 1%;">Assistance throughout priority crossing formalities.</li>
                                <li style="margin-bottom: 1%;">Support on immigration passage, costums and baggage reclaim.</li>
                                <li style="margin-bottom: 1%;">Support on immigration passage, costums and baggage reclaim.</li>
                                <li style="margin-bottom: 1%;">Accompaniment to your car (we can also provide airport/city/airport transfer).</li>
                                <li style="margin-bottom: 1%;">Accompaniment to your car (we can also provide airport/city/airport transfer).</li>
                                <li style="margin-bottom: 1%;">For your arrival, please head toward the agent carrying iPad displaying your name, at the exit of the bridge if the plane is docked, or at the exit of the bus if the plane is in the parking lot.</li>
                            <br>
                            {% endtrans %}
                             {% trans %}
                                <li style="margin-bottom: 1%;">test Personalized reception at the meeting point on the airport.</li>
                                <li style="margin-bottom: 1%;">Personalized reception at the meeting point on the airport.</li>
                                <li style="margin-bottom: 1%;">Immediate support throughout the airport formalities.</li>
                                <li style="margin-bottom: 1%;">Immediate support throughout the airport formalities.</li>
                                <li style="margin-bottom: 1%;">Passengers assistance on tax-free transactions.</li>
                                <li style="margin-bottom: 1%;">Passengers assistance on tax-free transactions.</li>
                                <li style="margin-bottom: 1%;">Registration Assistance, Customs Clearance and Immigration.</li>
                                <li style="margin-bottom: 1%;">Registration Assistance, Customs Clearance and Immigration.</li>
                                <li style="margin-bottom: 1%;">Accompaniment to the VIP Lounge and then to the boarding gates.</li>
                                <li style="margin-bottom: 1%;">Accompaniment to the VIP Lounge and then to the boarding gates.</li>
                                <li style="margin-bottom: 1%;">For your departure, please be at the airport  at least 2 hours in advance and once you are there,
                                    please contact our agent on the phone number sent on your booking confirmation email.</li>
                                <br>
                            {% endtrans %}

                           
                        </ul>
                        #}
                    </div>
                   <!-- Testimonial Item -->
                    <div class="col col-md-6 col-xs-12">
                        <div class="row">
                            <div class="col col-md-12 col-xs-12" style="text-align: center;">
                                <img src="{{ asset("assets/images/fasttrack departure.png")}}" alt="FastTrack Departure" />
                            </div>
                            <div class="col col-md-12 col-xs-12" style="text-align: center;">
                                <div class="test_item_info" style="position: initial;left: 0px;">
                                    <div class="test_name"  style="font-size: 17px;">{% trans %}FAST TRACK DEPARTURE{% endtrans %}</div>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="background: rgba(49, 18, 75, 0.8);padding-left: 3%;font-size: 16px;font-weight: 600;  margin-left: 0.2%;margin-right: 0.0%;">
                            <p style="font-size: 17px;">
                                {% trans %}For your departure, and in order to provide you with the best assistance, please call our agent at least 20 minutes before your arrival at the airport on the mobile phone that will be communicated to you on your booking confirmation email.{% endtrans %}
                            </p>

                            <ul style="list-style: square;color: #fff;padding-left: 4%; font-family: revert;font-weight: initial;">
                                <li>{% trans %}Your agent will welcome you at the entrance of the terminal after the first police control and will assist you in all your airport formalities (Check-in, customs, tax-free, VIP lounge...) by ensuring you a priority passage to the immigration services.{% endtrans %}</li>
                                
                            </ul>

                            <p style="color: #FA6304;font-family: 'Open Sans', sans-serif;font-weight: inherit;">
                                <strong style="color: #FA6304;padding-right: 1%;"><center>{% trans %}If you wish, we can provide you with a vehicle with driver for your private transfer to the airport.{% endtrans %}</center></strong>
                            </p>
                            <br>
                            <br>
                            <br>                            <br>
                        </div>
                     

                        {# 
                        <ul class="pack"  >
                            {% trans %}
                                <li style="margin-bottom: 1%;">Personalized reception at the meeting point on the airport.</li>
                                <li style="margin-bottom: 1%;">Personalized reception at the meeting point on the airport.</li>
                                <li style="margin-bottom: 1%;">Immediate support throughout the airport formalities.</li>
                                <li style="margin-bottom: 1%;">Immediate support throughout the airport formalities.</li>
                                <li style="margin-bottom: 1%;">Passengers assistance on tax-free transactions.</li>
                                <li style="margin-bottom: 1%;">Passengers assistance on tax-free transactions.</li>
                                <li style="margin-bottom: 1%;">Registration Assistance, Customs Clearance and Immigration.</li>
                                <li style="margin-bottom: 1%;">Registration Assistance, Customs Clearance and Immigration.</li>
                                <li style="margin-bottom: 1%;">Accompaniment to the VIP Lounge and then to the boarding gates.</li>
                                <li style="margin-bottom: 1%;">Accompaniment to the VIP Lounge and then to the boarding gates.</li>
                                <li style="margin-bottom: 1%;">For your departure, please be at the airport  at least 2 hours in advance and once you are there,
                                    please contact our agent on the phone number sent on your booking confirmation email.</li>
                                <br>
                            {% endtrans %}
                        </ul>
                        #}
                    </div>

            </div>
            <div class="row">
                <div class="col">

                    <!-- Testimonials Slider -->

                    <div class="test_slider_container">
                        <div class="owl-carousel owl-theme test_slider">

                            <!-- Testimonial Item -->
                            <div class="owl-item">
                                <div class="test_item">
                                    <div class="test_image"><img src="{{  asset("assets/images/Meet & Assist.jpg") }}" alt="Fast Track Service"></div>
                                    <div class="test_content_container">
                                        <div class="test_content">
                                            <div class="test_item_info">
                                                <div class="test_name">{% trans %}Meet & Assist{% endtrans %}</div>
                                            </div>
                                            <div class="test_quote_title">" Fast Track "</div>
                                            <p class="test_quote_text">
                                                {% trans %}
                                                    Meet & Assist service will make your airport crossings faster and easier. Fast Track Morocco provides you with priority assistance from your arrival terminal to your departure terminal.
                                                {% endtrans %}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Testimonial Item -->
                            <div class="owl-item">
                                <div class="test_item">
                                    <div class="test_image"><img src="{{  asset("assets/images/Pearl Lounge Marrakech.jpg") }}" alt="Fast Track Service"></div>
                                    <div class="test_content_container">
                                        <div class="test_content">
                                            <div class="test_item_info">
                                                <div class="test_name">{% trans %}Meet and Assist Plus{% endtrans %}</div>

                                            </div>
                                            <div class="test_quote_title">" Fast Track & Lounge "</div>
                                            <p class="test_quote_text">{% trans %}In addition to  Meet and Assist services, you can use the Lounge while waiting for your luggage or your
                                                flight to relax and enjoy the services offered.{% endtrans %}
                                                </p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Testimonial Item -->
                            <div class="owl-item">
                                <div class="test_item">
                                    <div class="test_image"><img src="{{  asset("assets/images/Fast Track Paris.jpg") }}" alt="Fast Track Service"></div>
                                    <div class="test_content_container">
                                        <div class="test_content">
                                            <div class="test_item_info">
                                                <div class="test_name">{% trans %}Meet and Assist Paris{% endtrans %}</div>
                                            </div>
                                            <div class="test_quote_title">" Fast Track Paris "</div>
                                            <p class="test_quote_text">{% trans %}The fast track service in Paris airports (Orly or CDG)
                                                allows you to enjoy a high-end accompaniment when you arrive or leave Paris.{% endtrans %}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Testimonial Item -->
                            <div class="owl-item">
                                <div class="test_item">
                                    <div class="test_image"><img src="{{  asset("assets/images/Fast Track Plus Paris.jpg") }}" alt="Fast Track Service"></div>
                                    <div class="test_content_container">
                                        <div class="test_content">
                                            <div class="test_item_info">
                                                <div class="test_name">Meet & Assist Plus Paris</div>
                                            </div>
                                            <div class="test_quote_title">" Fast Track & Lounge Paris "</div>
                                            <p class="test_quote_text">
                                                {% trans %}Nothing’s better than relaxing before or after a flight.
                                                In addition to meet & assist services, enjoy priority boarding in the most prestigious lounge at Paris.{% endtrans %}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <!-- Testimonials Slider Nav - Prev -->
                        <div class="test_slider_nav test_slider_prev">
                            <svg version="1.1" id="Layer_6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 width="28px" height="33px" viewBox="0 0 28 33" enable-background="new 0 0 28 33" xml:space="preserve">
								<defs>
                                    <linearGradient id='test_grad_prev'>
                                        <stop offset='0%' stop-color='#fa9e1b'/>
                                        <stop offset='100%' stop-color='#8d4fff'/>
                                    </linearGradient>
                                </defs>
                                <path class="nav_path" fill="#F3F6F9" d="M19,0H9C4.029,0,0,4.029,0,9v15c0,4.971,4.029,9,9,9h10c4.97,0,9-4.029,9-9V9C28,4.029,23.97,0,19,0z
								M26,23.091C26,27.459,22.545,31,18.285,31H9.714C5.454,31,2,27.459,2,23.091V9.909C2,5.541,5.454,2,9.714,2h8.571
								C22.545,2,26,5.541,26,9.909V23.091z"/>
                                <polygon class="nav_arrow" fill="#F3F6F9" points="15.044,22.222 16.377,20.888 12.374,16.885 16.377,12.882 15.044,11.55 9.708,16.885 11.04,18.219
								11.042,18.219 "/>
							</svg>
                        </div>

                        <!-- Testimonials Slider Nav - Next -->
                        <div class="test_slider_nav test_slider_next">
                            <svg version="1.1" id="Layer_7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 width="28px" height="33px" viewBox="0 0 28 33" enable-background="new 0 0 28 33" xml:space="preserve">
								<defs>
                                    <linearGradient id='test_grad_next'>
                                        <stop offset='0%' stop-color='#fa9e1b'/>
                                        <stop offset='100%' stop-color='#8d4fff'/>
                                    </linearGradient>
                                </defs>
                                <path class="nav_path" fill="#F3F6F9" d="M19,0H9C4.029,0,0,4.029,0,9v15c0,4.971,4.029,9,9,9h10c4.97,0,9-4.029,9-9V9C28,4.029,23.97,0,19,0z
							M26,23.091C26,27.459,22.545,31,18.285,31H9.714C5.454,31,2,27.459,2,23.091V9.909C2,5.541,5.454,2,9.714,2h8.571
							C22.545,2,26,5.541,26,9.909V23.091z"/>
                                <polygon class="nav_arrow" fill="#F3F6F9" points="13.044,11.551 11.71,12.885 15.714,16.888 11.71,20.891 13.044,22.224 18.379,16.888 17.048,15.554
							17.046,15.554 "/>
							</svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
    </div>

{#
    <div class="contact" id="contact_us">
        <div class="contact_background" style="background-image:url({{ asset("assets/images/contact.png") }})"></div>

        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="contact_image">

                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="contact_form_container">
                        <div class="contact_title">{% trans %}get in touch{% endtrans %}</div>
                        <form action="{{ path("contactus") }}" id="contact_form" method="post" class="contact_form">
                            <input type="text" name="name" id="contact_form_name" class="contact_form_name input_field" placeholder="{% trans %}Full Name{% endtrans %}" required="required" data-error="{% trans %}Name is required.{% endtrans %}">
                            <input type="email" name="email" id="contact_form_email" class="contact_form_email input_field" placeholder="E-mail" required="required" data-error="{% trans %}Email is required.{% endtrans %}">
                            <input type="text" name="phone" id="contact_form_subject" class="contact_form_subject input_field" placeholder="Format: +33 696389464" required="required" pattern=".{11,}" data-error="{% trans %}Phone is required.{% endtrans %}">
                            <textarea id="contact_form_message" class="text_field contact_form_message" name="message" rows="4" placeholder="Message" required="required" data-error="{% trans %}Please, write us a message.{% endtrans %}"></textarea>
                            <div class="g-recaptcha" data-sitekey="6LdLop4UAAAAAGOknPtIauuE8GTnjcIenlVXax2d"></div>

                                <button type="submit" id="form_submit_button" class="form_submit_button button">{% trans %}send message{% endtrans %}<span></span><span></span><span></span></button>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
	
	#}

    <div class="modal fade bd-example-modal-lg"  role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">

        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content modal-search">
                <div class="modal-body">
                  <div class="search_panel active">
                    <form action="{{ path("search_airport") }}" method="GET" id="search_form_1" class="search_panel_content d-flex flex-lg-row flex-column align-items-lg-center align-items-start justify-content-lg-between justify-content-start">
                        <div class="search_item2">
                            <!-- <input type="text" class="destination search_input" placeholder="Cherchez votre Aéroport ..." id="aeroport" required="required"><br>
                            -->

                            <div class="row">
                                <div class="col col-md-12" style="margin-top: 5%;margin-bottom: 5%;">
                                    <div class="destination search_input" id="aeroports">
                                        <strong class="select2-results__group" style="color:#fff;">{% trans %}Choose your Airport{% endtrans %}</strong>
                                        <select class="js-example-basic-single" name="airport">
                                            <option value="CMN">{% trans %}Mohammed V Intl, CMN, Casablanca, Morocco {% endtrans %}</option>
                                            <option value="AGA">{% trans %}Agadir – Al Massira, AGA, Agadir, Morocco{% endtrans %}</option>
                                            <option value="OUD">{% trans %}Oujda Angads, OUD, Oujda, Morocco {% endtrans %}</option>
                                            <option value="RAK">{% trans %}Marrakesh Menara, RAK, Marrakesh, Morocco{% endtrans %}</option>
                                            <option value="RBA">{% trans %}Rabat–Salé, RBA, Salé, Morocco {% endtrans %}</option>
                                            <option value="FEZ">{% trans %}Fes–Saïss, FEZ, Fes, Morocco {% endtrans %}</option>
                                            <option value="TNG">{% trans %}Tangier Ibn Battouta, TNG, Tanger, Morocco{% endtrans %}</option>
                                            <option value="EUN">{% trans %}Laayoune Hassan 1st, EUN, Laayoune, Morocco{% endtrans %}</option>
                                            <option value="VIL">{% trans %}Dakhla Airport, Dakhla, VIL, Morocco{% endtrans %}</option>
											<option value="OZZ">{% trans %}Ouarzazate, OZZ, Morocco<span style="color: #FFF;">Ouarzazate, OZZ, Morocco </span>{% endtrans %}</option>
                                            <option value="CDG">{% trans %}Paris-Charles-de-Gaulle, CDG, France{% endtrans %}</option>
                                            <option value="ORY">{% trans %}Paris-Orly, ORY, France France{% endtrans %}</option>

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

                                <div class="col col-md-12">
                                    <button class="button search_button">{% trans %}Search{% endtrans %}<span></span><span></span><span></span></button>
                                </div>
                            </div>
                            <!--
                            <div class="search_item">
                                <div>check in</div>
                                <input type="text" class="check_in search_input" placeholder="YYYY-MM-DD">
                            </div>
                            <div class="search_item">
                                <div>check out</div>
                                <input type="text" class="check_out search_input" placeholder="YYYY-MM-DD">
                            </div>
                            <div class="search_item">
                                <div>adults</div>
                                <select name="adults" id="adults_1" class="dropdown_item_select search_input">
                                    <option>01</option>
                                    <option>02</option>
                                    <option>03</option>
                                </select>
                            </div>
                            <div class="search_item">
                                <div>children</div>
                                <select name="children" id="children_1" class="dropdown_item_select search_input">
                                    <option>0</option>
                                    <option>02</option>
                                    <option>03</option>
                                </select>
                            </div>
                            -->

                        </div>
                    </form>
                </div>
                    <br>
                    <br>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block scripts %}

    <script src="{{ asset("assets/js/select2.min.js")}}"></script>

    <script>
        $(document).ready(function() {
            $('.js-example-basic-single').select2({
                width: '100%'
            });
            $('.js-example-basic-single2').select2({
                width: '100%'
            });

        });

    </script>


<script type="text/javascript">
    
	$(window).on('load',function(){
        $('#covid').modal('show');
    });
	
</script>




<style>
    .modal {
        text-align: center;
        padding: 0!important;
    }

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-dialog {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }

    .pack{
        background: rgba(49, 18, 75, 0.8);
        list-style: circle;
        font-size: 17px;
        color: #fff;
        padding-left: 6%;
        padding-top: 3%;
    }
    p {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        line-height: 2;
        font-weight: 400;
        color: #ffffff;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
    }
</style>

{% endblock %}