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

{% block body %}

    <div id="main">

        <div class="page-header valign-wrapper more-p" data-parallax="active" style="background-image: url('{{ asset("assets/uploads/Fast Track Maroc Booking.jpg") }}') !important; transform: translate3d(0px, 0px, 0px);">
            <div class="opacity-overlay"></div>
            <div class="container not-center">
                <div class="row valign">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="brand">
                            <h1 class="title">Order payment : {{order.ref}}</h1>


                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section white main main-raised m-b-40">

            <div class="container-fluid">

                <div class="row">

                    {% if typepayment=="cash" %}

                        <p style="font-size: 20px;">
                            Your reservation <b> {{ order.getRef() }} </b> is in hold, please do a transfer to our Wafa cash card below or in any wafa cash
                            agency and send us a copy on Whatsapp at : 00212661 90 29 99 / 00212 662 78 59 73, or by email at : msoussi@1001evasions.com / info@1001evasions.com.
                        </p>
                        <hr style="margin:3% auto;" width="80%">
                        <p style="font-size: 20px;">
                            Votre réservation  <b> {{ order.getRef() }} </b> est en attente, nous vous prions de nous faire un versement sur la carte Wafa cash
                            ci-dessous de n’importe quelle agence Wafa Cash  et nous envoyer une copie soit par
                            WhatsApp sur le mobile : 00212661 90 29 99 / 00212 662 78 59 73, soit par email au msoussi@1001evasions / info@1001evasions.com.
                        </p>

                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#cashpay">
                            Cash by WafaCash
                        </button>

                    {% elseif typepayment=="transfer" %}


                        <p style="font-size: 20px;">
                            Your reservation <b> {{ order.getRef() }} </b> is in hold, please do a transfer to our account below,
                            and send us a copy on Whatsapp at : 00212661 90 29 99 / 00212 662 78 59 73, or by email at : msoussi@1001evasions.com / info@1001evasions.com.
                        </p>
                        <hr style="margin:3% auto;" width="80%">
                        <p style="font-size: 20px;">
                            Votre réservation  <b> {{ order.getRef() }} </b> est en attente, nous vous prions de nous faire un virement sur le compte ci-dessous et nous envoyer une copie soit par
                            WhatsApp sur le mobile : 00212661 90 29 99 / 00212 662 78 59 73, soit par email au msoussi@1001evasions / info@1001evasions.com..
                        </p>


                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#banktransfer">
                            Bank Account Infos
                        </button>

                    {% else %}
                        <p style="font-size: 20px;">
                            Your reservation <b> {{ order.getRef() }} </b> is in hold, please do a transfer to our account below or a transfer to our Wafa cash card below in any wafa cash
                            agency and send us a copy on Whatsapp at : 00212661 90 29 99 / 00212 662 78 59 73, or by email at : msoussi@1001evasions.com / info@1001evasions.com.
                        </p>
                        <hr style="margin:3% auto;" width="80%">
                        <p style="font-size: 20px;">
                            Votre réservation  <b> {{ order.getRef() }} </b> est en attente, nous vous prions de nous faire un virement bancaire ou un versement sur la carte Wafa cash
                            ci-dessous de n’importe quelle agence Wafa Cash  et nous envoyer une copie soit par
                            WhatsApp sur le mobile : 00212661 90 29 99 / 00212 662 78 59 73, soit par email au msoussi@1001evasions / info@1001evasions.com.
                        </p>

                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#cashpay">
                            Cash by WafaCash
                        </button>


                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#banktransfer">
                            Bank Account Infos
                        </button>

                    {% endif %}



                </div>
                <div class="card-footer text-muted">
                    The entire FastTrackMaroc team would like to thank you for the confidence you have placed in us.
                </div>
            </div>
        </div>
        <style>
            .card{
                margin: 1%;
            }
        </style>
        <div class="modal" tabindex="-1" id="banktransfer" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Please Complete Your Payment</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="card bg-light mb-3" style="margin: 2%;">
                            <div class="card-header">Bank Transfer</div>
                            <div class="card-body">Account Details</h5>
                                <p class="card-text">
                                    <b>Our Bank:</b> SOCIETE GENERALE: Ang Av. Hassan II ET Abd. Bouabid, Agadir.<br>
                                    <b>Account RIB/IBAN:</b> 022 010 000 190 00 100 489 11 25<br>
                                    <span style="color: red">Les frais du virement sont à la charge du client.</span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal" tabindex="-1" id="cashpay" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Please Complete Your Payment</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="card text-white bg-info mb-3" style="margin: 2%;" >
                            <div class="card-header">Cash Payment with WafaCash</div>
                            <div class="card-body">Feel free to send the payment to this Card</h5>
                                <img class="img-fluid" src="{{ asset("assets/images/Wafa cash.jpg") }}">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
                </div>



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


    <script src="{{ asset("assets/js/jquery-3.2.1.min.js")}}"></script>
    <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/custom.js")}}"></script>
    <script src="{{ asset("assets/js/bookoffre_custom_mobile.js")}}"></script>

{% endblock %}