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


{% 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 %}

{% if app.user %}

    <!-- Home -->

    <div class="home">
        <div id="overlay"></div>
        <div class="home_background parallax-window" data-parallax="scroll" data-image-src="{{ asset("assets/uploads/Fast Track Maroc Booking.jpg")}}" style="background-image:url({{ asset("assets/uploads/Fast Track Maroc Booking.jpg")}})"></div>
        <div class="home_content">
            <div class="home_title">
                {% if order is empty %}

                   error order not found

                {% else %}
                    Details of the order {{order.ref}}
                {% endif %}
            </div>
        </div>

    </div>

    <!-- Offers -->

    <!-- Contact -->

    <div class="contact_form_section">
        <div class="container" style="margin-top:8%;margin-bottom:3%; text-align:center;">
            <div class="row">

                {% 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-9 block80">Item</div>
                            <div class="col-sm-3 block20">Price</div>
                        </div>

                        <hr>
                        {% set total = 0 %}
                        {% for fasttrack in ftrs %}
                            <div class="row">
                                <div class="col-sm-9 block80">
                                    <div class="row">
                                        <div class="col-sm-5 block30">
                                            <img style="width:114%;" src="http://fasttrackmaroc.com/assets/uploads/offers/fast_track_vip_cmn.jpg">
                                        </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 block70" 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 />

                                                    Departure Date {{df[0]}} <br />

                                                    Departure Time {{hf[1]}} <br />

                                                    Special request {{fasttrack.demandeParticuliere}} <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 />

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

                                                    Arrival Time {{hf[1]}} <br />

                                                    Special request {{fasttrack.demandeParticuliere}} <br />

                                            </div>
                                        {% endif %}
                                    </div>
                                </div>
                                <div class="col-sm-3 block20">{{fasttrack.price|round(2, 'floor')}}‎€</div>
                            </div>
                            <hr>
                            {% set total = total + fasttrack.price %}
                        {% endfor %}
                    </div>

                    <div class="col-md-4">
                        <div class="total_checkout">
                            Summary
                            <hr>
                            Subtotal   :   {{total|round(2, 'floor')}} ‎€

                            <hr>


                                

                                 {% if order.etat == 3 %}
                                    <span class="btn btn-primary">Traité</span>
                                {% elseif order.etat == 2 %}
                                    <span class="btn btn-primary">En attente de confirmation de paiement</span>
                                {% else %}
                                     <a href="{{ path('order_payment',{'id':order.id}) }}">
                                         <input  class="btn btn-success" type="submit" value="Pay">
                                     </a>
                                {% endif %}

                        </div>
                    </div>
                {% endif %}

            </div>
        </div>
        <!-- popup -->
    <!-- Modal -->
      <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">
        
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body row">
                <div class="col-md-6">
                    <form action="{{ path('fos_user_security_check') }}" method="post" >
                        <h3>Already have an account</h3>
                        
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" />

                        <input type="hidden" name="go_to" value="/checkout/order" />
                        <input type="hidden" name="back_to" value="/login" />

                        <input type="text" id="login" class="fadeIn second" name="_username" required="required" autocomplete="username" placeholder="login">

                        <input type="password" id="password" class="fadeIn third" name="_password" required="required" autocomplete="current-password" placeholder="password">

                        <input type="submit" value="Login">
                    </form>
                </div>
                <div class="col-md-6">
                    <form action="{{ path('ck_proceed') }}" method="post">
                        <h3>Create account</h3>
                        <input type="text" name="fname">
                        <input type="text" name="lname">
                        <input type="email" name="email" >
                        <input type="tel" name="tel">
                        <input type="submit" value="Register">
                    </form>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
          </div>
          
        </div>
      </div>
<!-- popup -->
    </div>

    {{ app.user }}
    
{% else %}
    <div class="home">
        <div id="overlay"></div>
        <div class="home_background parallax-window" data-parallax="scroll" data-image-src="{{ asset("assets/uploads/Fast Track Maroc Booking.jpg")}}" style="background-image:url({{ asset("assets/uploads/Fast Track Maroc Booking.jpg")}})"></div>
        <div class="home_content">
            <div class="home_title">
                {% if order is empty %}

                    Error your not logged in, please try to login or register if you are new

                {% else %}
                    Error your not logged in, please try to login or register if you are new
                {% endif %}
            </div>
        </div>

    </div>
{% endif %}

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