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

{% block bodytile %}Créer une nouvelle Promotion {% 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 du Revendeur, Pack , Prix</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <form role="form" action="{{ path('search_offers') }}" method="get">
                    <!-- select -->
                    <div class="col col-md-12" style="margin-top: 1%;">
                        <div class="destination search_input" id="aeroports">
                            <strong class="select2-results__group" style="color:#000;">Votre Revendeur</strong>
                            <select class="js-example-basic-single" name="user">
								{#<option value="35" selected>MALIKA SOUSSI - msoussi@1001evasions.com</option>#}
                                {% for user in users %}
                                     <option value="{{ user.id }}">{{ user.nom }} {{ user.prenom }} - {{ user.email }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                    <div class="col col-md-12" style="margin-top: 1%;">
                        
                        
                        <div class="col col-md-6">
                            <div class="form-group">
                                <label>Choisissez l'Aéroport </label>
                                <br>
                                <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">
                            <div class="form-group">
                                <label>Choisissez le pack </label>
                                <br>
                                <select class="form-control" name="pack">
                                    <option value="Fast Track">{% trans %}Fast Track{% endtrans %}</option>
                                    <option value="Fast Track & Lounge">{% trans %}Fast Track & Lounge{% endtrans %}</option>
                                </select>
                            </div>
                        </div>

                    </div>
                    <div class="col col-md-12" style="margin-top: 1%;">
                        <div class="col col-md-6">
                            <div class="form-group">
                                <label>Prix adultes</label>
                                <br>
                                <input type="number" class="form-control" id="prixAdultes" name="prixAdultes" step="0.01" min="1" placeholder="Entrer Prix des adultes">
                            </div>
                        </div>
                        <div class="col col-md-6">
                            <div class="form-group">
                                <label>Offre Enfants</label>
                                <br>
                                <input type="number" class="form-control" id="offreEnfants" name="offreEnfants" step="0.01" min="0.01" placeholder="Entrer Offre des Enfants">

                            </div>
                        </div>
                    </div>
                      
                    <div class="col-md-12">
                        
                            <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>


    <!-- /.modal -->
    <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 %}