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

{% block body %}

    <div id="main">
    <div class="page-header valign-wrapper more-p bg0" data-parallax="active" style="transform: translate3d(0px, 0px, 0px);height: 200px;min-height: 200px">
        <div class="opacity-overlay"></div>
        <div class="container not-center">
            <div class="row valign">
                <div class="col-md-8 col-md-offset-2">
                    <div class="brand">
                        <h1 class="title">Fast Track Maroc</h1>
                        <h3>{% trans %}Another way to travel {% endtrans %}</h3>

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


    <div class="section white main main-raised m-b-40">

        <div class="container">
            <div class="row">
                <div class="col-sm-8">

                </div>

            </div>

            <div class="card">
                <div class="content content-info">
                    <h5 class="category-social">
                        <i class="fa fa-plane"></i> {% trans %}Choose your Airport{% endtrans %}
                    </h5>
                    <form name="f" class="form" action="{{ path("search_airport_mobile") }}">
                        <div class="content">
                            <div class="input-group">
                        <span class="input-group-addon">
                          <i class="material-icons">airplanemode_active</i>
                        </span>
                                <div class="form-group is-empty">

                                    <select class="form-control" name="airport" style="font-weight: bold">
                                        <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="CDG">{% trans %}Paris-Charles-de-Gaulle, CDG, France{% endtrans %}</option>
                                        <option value="ORY">{% trans %}Paris-Orly, ORY, France{% endtrans %}</option>
                                    </select>
                                    <span class="material-input"></span></div>
                            </div>


                        </div>
                        <div class="footer text-center m-b-40">
                            <a href="#!" class="btn btn-rose btn-primary btn-round" onclick="document.f.submit()">{% trans %}Search{% endtrans %}...</a>
                        </div>
                    </form>
                </div>
            </div>



        </div>



        <div class="container-fluid">

            <div class="row">
                <div class="col-sm-6 col-md-3">
                    <div class="card card-product">
                        <div class="card-image">
                            <a href="#">
                                <img class="img" src="{{ asset("assets/mobile/img/card-product1.jpg")}}" alt="">
                            </a>
                        </div>

                        <div class="content">
                            <h6 class="category text-rose">FAST TRACK</h6>
                            <h4 class="card-title">
                                <a href="#">{% trans %}Meet & Assist{% endtrans %}</a>
                            </h4>
                            <div class="card-description">
                                {% 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 %}
                            </div>
                            <div class="footer">
                                <div class="price">
                                    <h4></h4>
                                </div>
                                <div class="stats">

                                </div>
                            </div>

                        </div>

                    </div>
                </div>

                <div class="col-sm-6 col-md-3">
                    <div class="card card-product">
                        <div class="card-image">
                            <a href="#">
                                <img class="img" src="{{ asset("assets/mobile/img/card-product3.jpg")}}" alt="">
                            </a>
                        </div>

                        <div class="content">
                            <h6 class="category text-rose">FAST TRACK & Lounge</h6>
                            <h4 class="card-title">
                                <a href="#">{% trans %}Meet and Assist Plus{% endtrans %}</a>
                            </h4>
                            <div class="card-description">{% 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 %}</div>
                            <div class="footer">
                                <div class="price">
                                    <h4></h4>
                                </div>
                                <div class="stats">

                                </div>
                            </div>

                        </div>

                    </div>
                </div>

                <div class="col-sm-6 col-md-3">
                    <div class="card card-product">
                        <div class="card-image">
                            <a href="#">
                                <img class="img" src="{{ asset("assets/mobile/img/card-product4.jpg")}}" alt="">
                            </a>
                        </div>

                        <div class="content">
                            <h6 class="category text-rose">FAST TRACK PARIS</h6>
                            <h4 class="card-title">
                                <a href="#">{% trans %}Meet and Assist Paris{% endtrans %}</a>
                            </h4>
                            <div class="card-description">
                                {% 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 %}
                            </div>
                            <div class="footer">
                                <div class="price">
                                    <h4></h4>
                                </div>
                                <div class="stats">

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

                <div class="col-sm-6 col-md-3">
                    <div class="card card-product">
                        <div class="card-image">
                            <a href="#">
                                <img class="img" src="{{ asset("assets/mobile/img/card-product2.jpg")}}" alt="">
                            </a>
                        </div>

                        <div class="content">
                            <h6 class="category text-rose">FAST TRACK & LOUNGE PARIS</h6>
                            <h4 class="card-title">
                                <a href="#">{% trans %}Meet & Assist Plus Paris{% endtrans %}</a>
                            </h4>
                            <div class="card-description">

                                {% 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 %}
                            </div>
                            <div class="footer">
                                <div class="price">
                                    <h4></h4>
                                </div>
                                <div class="stats">

                                </div>
                            </div>

                        </div>

                    </div>
                </div>



            </div>
        </div>


    </div>
    <script src="{{ asset("assets/js/jquery-3.2.1.min.js")}}"></script>
{% endblock %}