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

{% block title %}Commande {% endblock %}
{% block bodytile %}Détails order : {{ order.ref }}{% endblock %}

{% block styles %}
    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/offers_styles.css") }}">
    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/offers_responsive.css") }}">
    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/select2.min.css")}}">
    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/about_styles.css") }}">
    <link rel="stylesheet" type="text/css" href="{{ asset("assets/styles/about_responsive.css") }}">


{% endblock %}

{% block body %}



    <!-- Home -->


    <!-- Offers -->

    <!-- Contact -->

    <div class="contact_form_section">
        <div class="container" style="margin-top:1%;margin-bottom:3%;">
            <div class="row">
                <div class="col-sm-8">
                    <div class="row">
                        <table class="table table-striped">
                            <tbody>

                            <tr>
                                <td>Client</td>
                                <td>
                                    {{usr.nom}} {{usr.prenom}}
                                </td>
                            </tr>
                            <tr>
                                <td>Email</td>
                                <td>
                                    {{usr.email}}
                                </td>
                            </tr>
                            <tr>
                                <td>Phone</td>
                                <td>
                                    {{usr.telephone}}
                                </td>
                            </tr>
                            <tr>
                                <td style="color: red;font-weight: bold;">Order Phone</td>
                                <td style="color: red;font-weight: bold;">
                                    {{order.commentaire}}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                   {#
                        <span class="col-sm-6">Nom: {{usr.nom}}</span>
                        <span class="col-sm-6">Prenom: {{usr.prenom}}</span>
                        <span class="col-sm-6">Telephone: {{usr.telephone}}</span>
                        <span class="col-sm-6">Email: {{usr.email}}</span>
                        #}
                    </div>
                </div>
                {% if order.etat == 2 or order.etat == 5 %}
                    <div class="col-sm-4" style="width: 25%">
                        <a class="btn btn-app pull-right" style="margin-right: 2%">
                            <i class="fa fa-barcode"></i>
                            {{ order.paymentMethod }}
                        </a>
                    </div>
                {% else %}

                    <div class="col-sm-4" style="width: 25%">
                    <form action="{{ path("validOrderState") }}" method="post">
                        <div class="form-group">
                            <label>Méthodes de paiement:</label>
                            <select name="paymentM" style="width: 100%">
                                <option value="CMI I">International Card</option>
                                <option value="CMI L">Morrocan Card</option>
                                <option value="paypal">Paypal</option>
                                <option value="cash">WafaCash</option>
                                <option value="transfer">Evasions Bank Transfer</option>
                                <option value="personal transfer">Personal Bank Transfer</option>
                                <option value="Non payee">Non Payee</option>

                            </select>
                        </div>
                        <div class="form-group">
                            <input type="hidden" name="orderid" value="{{ order.getId() }}">
                            <button class="btn btn-block btn-danger">Valider</button>
                        </div>
                    </form>
                </div>

                {% endif %}


                {% if order is empty %}
                        <div class="col-md-4">
                        </div>
                        <div class="col-md-4 col-xs-1">
                            <img style="width:100%;" src="{{ asset("assets/images/oops.png")}}">
                        </div>
                {% else %}

                    <div class="col-md-8">
                        <div class="row">
                            <div class="col-sm-8">Item</div>
                            <div class="col-sm-2">Price</div>
                                <div class="col-sm-2">Action</div>
                        </div>

                        <hr>
                        {% set total = 0 %}
                        {% set total_trans_all = 0 %}
                        {% set countTrans=0 %}
                        {% set transportBook = 0 %}
                        {% for fasttrack in ftrs %}
                            <div class="row">
                                <div class="col-sm-8">
                                    <div class="row">
                                        <div class="col-sm-5">
                                            <img style="width:114%;" src="{{ asset("assets/uploads/offers/"~fasttrack.getpack().getImage()~"")}}">
                                        </div>

                                                    {% set dff = fasttrack.dateFly.date|split('.' ) %}
                                                    {% set df = dff[0]|split(' ' ) %}


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

                                        {% if fasttrack.type==0 %}
                                            <div class="col-sm-7" style="padding-left: 26px;">
                                                <h5><strong>{{fasttrack.pack.title}} - Departure from {{fasttrack.pack.aeroport.title}}</strong></h5>

                                                    {% set chars = fasttrack.passagers|split('||' ) %}
                                                    Names :
                                                    {% for char in chars %}

                                                        {% set names = char|split('//') %}

                                                        {% if names[1] is defined %}
                                                             {{names[0]}} {{names[1]}} ,
                                                        {% endif %}
                                                        
                                                    {% endfor %}

                                                    <br />

                                                    Adults (12+ Years): {{fasttrack.passagersAdlt}} <br />
                                                    Child (0-1.99 Years): {{fasttrack.passagersFree}} <br />
                                                    Child (2-12 Years): {{fasttrack.passagersOffre}} <br />
                                                    Fly Number : <b>{{ fasttrack.numfly }}</b><br>
                                                    Departure Date: {{df[0]}} <br />
                                                    Departure Time: {{hf[1]}} <br /><br />
													Demande Spéciale: {{fasttrack.demandeParticuliere}} <br /> <br />
													<u style="color: green;">Commentaire :</u> {{fasttrack.commentaire}} <br /> <br />

                                                
                                            </div>
                                        {% else %}
                                            <div class="col-sm-7" style="padding-left: 26px;">
                                                <h5><strong>{{fasttrack.pack.title}} - Arrrival to {{fasttrack.pack.aeroport.title}}</strong></h5>

                                                    {% set chars = fasttrack.passagers|split('||' ) %}
                                                    Names :
                                                    {% for char in chars %}

                                                    {% set names = char|split('//' ) %}

                                                    {% if names[1] is defined %}
                                                     {{names[0]}} {{names[1]}} ,
                                                    {% endif %}
                                                        
                                                    {% endfor %}

                                                    <br />

                                                    Adults (12+ Years): {{fasttrack.passagersAdlt}} <br />
                                                    Child (0-1.99 Years): {{fasttrack.passagersFree}} <br />
                                                    Child (2-12 Years): {{fasttrack.passagersOffre}} <br />

                                                    Fly Number : <b>{{ fasttrack.numfly }}</b><br>

                                                    Arrival Date: {{df[0]}} <br />

                                                    Arrival Time: {{hf[1]}} <br /> <br />
													
													Demande Spéciale: {{fasttrack.demandeParticuliere}} <br /> <br />
													<u style="color: green;">Commentaire :</u> {{fasttrack.commentaire}} <br /> <br />
                                                
                                            </div>
                                        {% endif %}
                                    </div>
                                </div>
                
                 

                        <div class="col-sm-2">{{fasttrack.price|round(2, 'floor')}}</div>

                     {% if order.etat == 2 %}   
                     
                        <div class="col-sm-2">
                            <button type="submit" class="btn btn-block btn-danger btn-flat" data-toggle="modal" data-target="#confirmAnnuler" style="width: 50%;">
                                <b style="color: #FFFFFF"><i class="fa fa-ban"></i></b>
                            </button><br>
							<span>
								<form action="{{ path('updateBook') }}" method="post">
									<input type="hidden" name="order" value="{{ order.id }}">
									<input type="hidden" name="book" value="{{ fasttrack.id }}">
									<button type="submit" class="btn btn-block btn-default btn-flat" style="width: 50%;" ><i class="fa fa-edit" style="color: blue"></i></button>
								</form>
							</span>
                         </div>
						

                        <div class="modal fade" id="confirmAnnuler" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                  <div class="modal-dialog modal-dialog-centered" role="document">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <h5 class="modal-title" id="confirmAnnuler">Confirmez-vous l'annulation de cette reservation?</h5>
                                        
                                      </div>
                                      <div class="modal-body">
                                        <center>
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Non</button>
                                            <form action="{{ path('annuleBook',{'id':order.id}) }}" method="post" style="display: inline;">
												<input type="hidden" name="orderID" value="{{ order.id }}">
		                               			<input type="hidden" name="bookID" value="{{fasttrack.id}}">  
		                                		<button type="submit" class="btn btn-danger">Oui</button>
                                            </form>
                                        </center>
                                      </div>
                                      
                                    </div>
                                  </div>
                                </div>

                            {% endif %}



                                {% if order.etat != 2 %}

                                <div class="col-sm-2" style="display: flex;">
                                    {% if bookn != 1 %}
                                    <span>
                                        <form action="{{ path('deleteBook') }}" method="post">
                                            <input type="hidden" name="order" value="{{ order.id }}">
                                            <input type="hidden" name="book" value="{{ fasttrack.id }}">
                                            <button type="submit"><i class="fa fa-trash" style="color: red"></i></button>
                                        </form>
                                    </span>
                                    {% endif %}
                                    <span>
                                        <form action="{{ path('updateBook') }}" method="post">
                                            <input type="hidden" name="order" value="{{ order.id }}">
                                            <input type="hidden" name="book" value="{{ fasttrack.id }}">
                                            <button type="submit"><i class="fa fa-edit" style="color: blue"></i></button>
                                        </form>
                                    </span>
                                </div>
                                {% endif %}
                                
                            </div>
                            
                            <!---------- partie transport --------------->
                            {% if fasttrack.getResaTrans() == 1 %}
                                <div class="row" >

                                {% set transportBook = transportBook + 1 %}

                                    <div class="col-sm-9">
                                    
                                        <div class="row" style="">
                                            <div class="col-sm-5">
                                            </div>
                                            <div class="col-sm-7" style="padding-left: 26px;border-top:1px solid #dedede">
                                                <h5><strong>Service de transfert</strong></h5>
                                                {%  set total_trans=0 %}
                                                {%  set add_trans="" %}

                                                {% for trans in transport[countTrans] %}

                                                    <br>{{ trans.getVehicule() }}
                                                    {%  set total_trans = total_trans+trans.getPrix() %}
                                                    {%  set add_trans = trans.getTransfertAdresse() %}

                                                {% endfor %}
                                                <br>  Adresse : {{ add_trans }}


                                            </div>
                                        </div>

                                    </div>

                                    <div class="col-sm-3" style="border-top:1px solid #dedede">{{total_trans|round(2, 'floor')}} €</div>

                                </div>
                                {% set total_trans_all = total_trans_all + total_trans %}
                                {% set countTrans=countTrans+1 %}
                            {% endif %}

                            <!---------- fin partie transport --------------->
                            {% set total = total + fasttrack.price %}
                        {% endfor %}
                    </div>

                    <div class="col-md-4">
                        <div class="total_checkout">
                            Summary
                            <hr>
                            {% set total = total + total_trans_all %}
                            Subtotal   :  <b> {{total|round(2, 'floor')}} € </b>

                            <hr>
                        </div>

                        {% if order.etat == 2 or order.etat == 5 %}

                            <form action="{{ path('viewFacture') }}" method="POST">
                                <input type="hidden" name="orderId" value="{{ order.id }}">
                                <input type="hidden" name="paymentMethod" value="{{ order.paymentMethod }}">
                                <button type="submit" class="btn btn-block btn-default btn-flat">
                                    <b style="color: #00cc66"><i class="fa fa-eye"></i> Voir facture</b>
                                </button>
                            </form><br>
                            
                            <form action="/administration/emailCustomer" method="POST">
                                <input type="hidden" name="orderId" value="{{ order.id }}">
                                <input type="hidden" name="paymentMethod" value="{{ order.paymentMethod }}">
                                <button type="submit" class="btn btn-block btn-success btn-flat">
                                    <b style="color: #FFF"><i class="fa fa-envelope"></i> Confirmer commande au client</b>
                                </button>
                            </form><br>

                            <form action="/administration/emailEvasions" method="POST">
                                <input type="hidden" name="orderId" value="{{ order.id }}">
                                <input type="hidden" name="paymentMethod" value="{{ order.paymentMethod }}">
                                <button type="submit" class="btn btn-block btn-primary btn-flat">
                                    <b style="color: #FFF"><i class="fa fa-envelope"></i> Confirmer commande a 1001Evasions</b>
                                </button>
                            </form><br>
                           

                           <form action="/administration/emailAirport" method="POST">
                                <input type="hidden" name="orderId" value="{{ order.id }}">
                                <input type="hidden" name="paymentMethod" value="{{ order.paymentMethod }}">
                                <button type="submit" class="btn btn-block btn-warning btn-flat">
                                    <b style="color: #FFF"><i class="fa fa-envelope"></i> Confirmer Email a l'aéroport</b>
                                </button>
                            </form><br>
                            
                         {% if transportBook > 0 %}

                                <form action="/administration/emailTransport" method="POST">
                                <input type="hidden" name="orderId" value="{{ order.id }}">
                                <input type="hidden" name="paymentMethod" value="{{ order.paymentMethod }}">
                                <button type="submit" class="btn btn-block btn-danger btn-flat">
                                    <b style="color: #FFF"><i class="fa fa-envelope"></i> Confirmer le transport</b>
                                </button>
                            </form><br>

                         {% endif %}
                        
						{% else %}

						 <form action="{{ path('emaillingClient') }}" method="POST">
                                <input type="hidden" name="orderref" value="{{ order.ref }}">
                                <input type="hidden" name="orderid" value="{{ order.id }}">
                                <input type="hidden" name="emailC" value="{{ order.user.email }}">
								<input type="hidden" name="nomclient" value="{{usr.nom}} {{usr.prenom}}">
                                <button type="submit" class="btn btn-block btn-default btn-flat">
                                    <b style="color: #FF0000"><i class="fa fa-envelope"></i> Notifier le Client</b>
                                </button>
                            </form>
                        {% endif %}
                            {# 
                            <form action="#" method="POST">
                                <input type="hidden" name="orderId" value="{{ order.id }}">
                                <input type="hidden" name="paymentMethod" value="{{ order.paymentMethod }}">
                                <button type="submit" class="btn btn-block btn-danger btn-flat">
                                    <b style="color: #FFFFFF"><i class="fa fa-ban"></i> Annuler la commande</b>
                                </button>
                            </form><br>
                            #}
                    </div>
                {% endif %}

            </div>
        </div>
        <!-- popup -->
    <!-- Modal -->

      </div>
<!-- popup -->


<div class="modal fade" id="notifierModal" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Liste Aéroports à notifier</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
            {% for fasttrack in ftrs %}
              
                <input type="checkbox" name="{{ fasttrack.pack.getAeroport() }}" value="{{ fasttrack.pack.getAbr() }}">  {{ fasttrack.pack.aeroport.title }}<br>

            {% endfor %}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">Notifier</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>


{% endblock %}

{% block scripts %}
    <script src="{{ asset("assets/plugins/parallax-js-master/parallax.min.js")}}"></script>
    <script src="{{ asset("assets/plugins/Isotope/isotope.pkgd.min.js")}}"></script>
    <script src="{{ asset("assets/plugins/greensock/TweenMax.min.js")}}"></script>
    <script src="{{ asset("assets/plugins/greensock/TimelineMax.min.js")}}"></script>
    <script src="{{ asset("assets/plugins/scrollmagic/ScrollMagic.min.js")}}"></script>
    <script src="{{ asset("assets/plugins/greensock/animation.gsap.min.js")}}"></script>
    <script src="{{ asset("assets/plugins/greensock/ScrollToPlugin.min.js")}}"></script>
    <script src="{{ asset("assets/js/select2.min.js")}}"></script>
    <script src="{{ asset("assets/js/bookoffice_custom.js")}}"></script>

    <script>

    </script>


{% endblock %}