{%  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 %}
                        {% trans %}Error order not found{% endtrans %}
                    {% else %}
                        {% trans %}Details of the order{% endtrans %} {{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-8 block80">{% trans %}Item{% endtrans %}</div>
                                <div class="col-sm-4 block20">{% trans %}Price{% endtrans %}</div>
                             </div>

                            <hr>
                            {% set total = 0 %}
                            {% set total_trans_all = 0 %}
                            {% set countTrans=0 %}

                            {% for fasttrack in ftrs %}

                                <div class="row">
                                    <div class="col-sm-8 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;text-align: justify;">
                                                    <h5><strong>{{fasttrack.pack.title}} - {% trans %}Departure from {% endtrans %}{{fasttrack.pack.aeroport.title}}</strong></h5>

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

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

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

                                                    {% endfor %}

                                                    <br />

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

                                                    {% trans %}Departure Date :{% endtrans %} {{df[0]}} <br />

                                                    {% trans %}Departure Time :{% endtrans %} {{hf[1]}} <br />

                                                    {% trans %}Special request :{% endtrans %} {{fasttrack.demandeParticuliere}} <br />

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

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

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

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

                                                    {% endfor %}

                                                    <br />

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

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

                                                    {% trans %}Arrival Time :{% endtrans %}  {{hf[1]}} <br />

                                                    {% trans %}Special request :{% endtrans %}  {{fasttrack.demandeParticuliere}} <br />

                                                </div>
                                            {% endif %}
                                        </div>
                                    </div>
                                    {% set priceMAD = fasttrack.price*10 %}
                                    <div class="col-sm-4 block20">{{fasttrack.price|round(2, 'floor')}}‎€ ({{priceMAD|round(2, 'floor')}} MAD)</div>

                                </div>


                                <!---------- partie transport --------------->
                                {% if fasttrack.getResaTrans()==1 %}

                                    <div class="row" >

                                        <div class="col-sm-9">
                                            <div class="row" style="">
                                                <div class="col-sm-5">
                                                </div>
                                                <div class="col-sm-7" style="padding-left: 26px;text-align: justify;border-top:1px solid #dedede">
                                                    <h5><strong>{% trans %}Transfer Service{% endtrans %} </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> {% trans %}Adress :{% endtrans %}  {{ add_trans }}

                                                </div>
                                            </div>

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

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

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

                        </div>

                        <div class="col-md-4">
                            <div class="total_checkout">
                                {% trans %}Summary{% endtrans %}
                                <hr>
                                {% set total = total + total_trans_all %}
                                {% set totalMAD = total*10 %}
                                {% trans %}Subtotal{% endtrans %}   :   {{total|round(2, 'floor')}} ‎€ ({{totalMAD|round(2, 'floor')}} MAD)

                                <hr>

                                {% if order.etat == 2 %}
                                    <span class="btn btn-primary">{% trans %}Order treated{% endtrans %}</span>
									<span>
										<form action="{{ path('demandeAnnulation') }}" method="post">
											<input type="hidden" name="order" value="{{order.id}}">
											<input type="hidden" name="reservation" value="0">
											<button type="submit" class="btn btn-danger">{% trans %}Cancel order {% endtrans %}<i class="fa fa-minus-square-o"></i> </button>
										</form>
									</span>
										 
											
										
                                {% elseif order.etat == 1 %}
                                    <span class="btn btn-primary">{% trans %}Standby{% endtrans %}</span>
									
									 <form action="{{ path('demandeAnnulation') }}" method="post">
											<input type="hidden" name="order" value="{{order.id}}">
											<input type="hidden" name="reservation" value="0">
											<button type="submit" class="button btn-danger">{% trans %}Cancel order{% endtrans %}<i class="fa fa-minus-square-o"></i></button>
									</form>
											
										
                                {% else %}
                                    <a href="{{ path('order_paymentCheck',{'id':order.id}) }}">
                                        <input  class="btn btn-success" type="submit" value="{% trans %}Pay{% endtrans %}">
                                    </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="/{{ locale }}/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>



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

                        {% trans %}Error your not logged in, please try to login or register if you are new.{% endtrans %}

                    {% else %}
                        {% trans %}Error your not logged in, please try to login or register if you are new.{% endtrans %}
                    {% 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 %}