{%  extends "WebDealerBundle::layout_lte.html.twig" %}

{% block bodytile %}Réservez un Fast Track {% endblock %}
{% block body %}
    <!-- script data tabels -->

    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js"></script>


    <!-- DataTables -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/select2.min.css")}}">

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">

    <div class="container-fluid">

        <div class="box box-warning">
            <div class="box-header with-border">
                <h3 class="box-title">1ére étape : Choix de l'aéroport</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <form role="form" action="{{ path('book_offers_revendeur') }}" method="post">
                    
                    <div class="col col-md-6" style="margin-top: 1%;">
                        <div class="form-group">
                            <label>Nos Aéroports</label>
                            <br>
                            <input type="hidden" name="user" value="{{ app.user.id }}" />
                            <select class="form-control" 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{% 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-6" style="margin-top: 1%;">
                        <div class="form-group">
                            <label>Combien de Vols ?</label>
                            <br>
                            <input type="number" name="qntBooking" value="1" min="1">
                        </div>
                    </div>
                    <div class="row center-block">

                            <button type="submit" class="btn btn-block btn-success btn-lg">
                                Suivant <i class="fa fa-fw fa-angle-double-right"></i>
                            </button>

                     </div>

                </form>
            </div>
            <!-- /.box-body -->
        </div>

    </div>
    
    <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>
{% endblock %}