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

{% block title %} MAJ reservation {% endblock %}
{% block bodytile %} Modifier la Reservation de la commande {{ order.ref }} {% endblock %}
{% block body %}

    <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="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">
        
        <form action="{{ path('bookmaj') }}" method="POST">

        <input type="hidden" name="book" value="{{ book.getId() }}" >
        <input type="hidden" name="order" value="{{ order.id }}" >
       
	   <div class="form-row">
        
			<div class="form-group has-warning  col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Airport: <b style="color:black;"> <u>{{ book.pack.aeroport.title}} </u></b> </label>
					<select class="form-control" name="airport">
						<option value="{{ book.pack.aeroport.abr}}">{{ book.pack.aeroport.title}}</option>
						<option value="CMN">Mohammed V Intl, CMN, Casablanca, Morocco</option>
						<option value="AGA">Agadir – Al Massira, AGA, Agadir, Morocco</option>
						<option value="OUD">Oujda Angads, OUD, Oujda, Morocco</option>
						<option value="RAK">Marrakesh Menara, RAK, Marrakesh, Morocco</option>
						<option value="RBA">Rabat–Salé, RBA, Salé, Morocco</option>
						<option value="FEZ">Fes–Saïss, FEZ, Fes, Morocco</option>
						<option value="TNG">Tangier Ibn Battouta, TNG, Tanger, Morocco</option>
						<option value="EUN">Laayoune Hassan 1st, EUN, Laayoune, Morocco</option>
						<option value="VIL">Dakhla Airport, Dakhla, VIL, Morocco</option>
						<option value="CDG">Paris-Charles-de-Gaulle, CDG, France</option>
						<option value="ORY">Paris-Orly, ORY, France France</option>
				  </select>
			</div>
		   <div class="form-group has-warning  col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Type: <b style="color:black;"><u>{% if book.type==0 %}Départ{% else %} Arrivée{% endif %}</u></b></label>
					<select class="form-control" name="type">
						
						<option value="{% if book.type==0 %}1{% else %}2{% endif %}">{% if book.type==0 %}Départ{% else %} Arrivée{% endif %}</option>
						{% if book.type==0 %}
							<option value="2">Arrivée</option>
						{% else %}
							<option value="1">Départ</option>
						{% endif %}
				  </select>
			</div>
		  
			<div class="form-group has-warning  col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Pack : <b style="color:black;"> <u>{{ book.pack.title }}</u></b> </label>
					<select class="form-control" name="pack">
						{# <option value="{{ book.pack.id }}">{{ book.pack.title }}</option> #}
						{% if book.pack.title=='Fast Track' %}
							<option value="1" selected>Fast Track</option>
							<option value="2">Fast Track & Lounge</option>
							<option value="3">Fast Track PREMIUM</option>
							<option value="4">Pass Lounge VIP</option>
							
						{% elseif book.pack.title=='Fast Track & Lounge' %}
							<option value="2" selected>Fast Track & Lounge</option>
							<option value="1">Fast Track</option>
							<option value="3">Fast Track PREMIUM</option>
							<option value="4">Pass Lounge VIP</option>
						{% elseif book.pack.title=='Fast Track PREMIUM' %}
							<option value="3" selected>Fast Track PREMIUM</option>
							<option value="1">Fast Track</option>
							<option value="2">Fast Track & Lounge</option>
							<option value="4">Pass Lounge VIP</option>
						{% else %}
							<option value="4" selected>Pass Lounge VIP</option>
							<option value="1">Fast Track</option>
							<option value="2">Fast Track & Lounge</option>							
							<option value="3">Fast Track PREMIUM</option>
						{% endif %}
					</select>
			</div>
			
		</div>
		
		<div class="form-row">
			
			<div class="form-group has-warning col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Number Adults Passengers</label>
				<input type="text" class="form-control" name="nadults" id="inputWarning" placeholder="Enter ..." value="{{ book.passagersAdlt }}">
			</div>

			<div class="form-group has-warning col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Number Passengers 2y-12y</label>
				<input type="text" class="form-control" name="noffers" id="inputWarning" placeholder="Enter ..." value="{{ book.passagersOffre }}">
			</div>

			<div class="form-group has-warning col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Number Free Passengers</label>
				<input type="text" class="form-control" name="nfree" id="inputWarning" placeholder="Enter ..." value="{{ book.passagersFree }}">
			</div>

		
		</div>
		
		<style>
		  .bordered-form-row {
			border: 1px solid #ccc;
			padding: 10px;
		  }
		</style>
		

		<br />
		<div class="form-group has-warning">
            <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Noms des Passengers ...</label>
            <input type="text" class="form-control" name="passagers" id="inputWarning" placeholder="Enter ..." value="{{passagers}}">
        </div>

		<div class="form-row">
		
			<div class="form-group has-warning col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Flight Number</label>
				<input type="text" class="form-control" name="nfly" id="inputWarning" placeholder="Enter ..." value="{{ book.numfly }}">
			</div>
			
			{% set dff = book.dateFly.date|split('.' ) %}
			{% set df = dff[0]|split(' ' ) %}


			{% set hff = book.heureFly.date|split('.' ) %}
			{% set hf = hff[0]|split(' ') %}

			<div class="form-group has-warning col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Flight date: <b style="color:black;"><u>{{ df[0] }}</u></b></label>
				<input type="date" class="form-control" name="flydate" id="inputWarning" placeholder="Enter ..." value="{{ df[0] }}">
			</div>

			<div class="form-group has-warning col-md-4">
				<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Flight Hour: <b style="color:black;"><u>{{ hf[1]}}</u></b> </label>
				<input type="time" class="form-control" name="flyhour" id="inputWarning" placeholder="Enter ..." value="" >
			</div>
			
		</div>

        {% if book.getResaTrans() != 0 %}
 
            <div class="form-group has-warning">
                <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Transport (Oui/Non) : OUI</label>
                <select class="form-control" name="transport">
                    <option value="0">-----------------------</option>
                    <option value="1">Oui</option>
                    <option value="2">Non</option>
                </select>
            </div>
 
            <div class="form-group has-warning">
                <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Vehicule : </label>
                <select class="form-control" name="vehicule">
                    {% for trans in transports %}
                        <option value="{{ trans.getId() }}">{{ trans.destination.getLieu() }} | {{ trans.getVehicule() }} | {{ trans.getPrix() }}€ | {{ trans.getNbrminplace() }}-{{ trans.getNbrplace() }}</option>
                    {% endfor %}
                </select>
            </div>
 
            <div class="form-group has-warning">
                <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i>Nombre de vehicule :</label>
                <input type="number" class="form-control" name="nvehicule" id="inputWarning" placeholder="Nombre de vehicule" value="1" min="1">
            </div>
 
            <div class="form-group has-warning">
                <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Adresse PickUp :</label>
                <input type="text" class="form-control" name="pickup" id="inputWarning" placeholder="Adresse PickUp  ..." value="" >
            </div>
                
        {% endif %}

		<div class="form-group has-warning">
            <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Demande spéciale: </label>
            <input type="text" class="form-control" name="demandeParticuliere" id="inputWarning" placeholder="Enter ..." value="{{ book.demandeParticuliere }}" >
        </div>

		<div class="form-group has-sucess">
            <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Commentaire : </label>
            <input type="text" class="form-control" name="commentaire" id="inputWarning" placeholder="Enter ..." value="{{ book.commentaire }}" >
        </div>

        <div class="row" style="display: flex; justify-content: center; align-items: center;">
			<div class="form-group has-success col-md-4">
            <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Price </label>
            <input type="text" class="form-control" name="bookprice" id="inputWarning" placeholder="Enter ..." value="{{ book.price|round(2, 'floor') }}" style="height: 50px; font-weight: bolder;">
        </div>
		</div>

		<div class="form-group has-warning">
		    <button type="submit" class="btn btn-block bg-orange btn-flat margin">Mise à jour</button>
        </div>
		</form>
    </div>

{% endblock %}



   {% block scripts %}


	<style>
 
		.form-group.has-warning .form-control, .form-group.has-warning .input-group-addon {
			border-color: #f39c12;
			font-weight: 600;
			box-shadow: none;
		}

	</style>

   {% endblock %}