{%  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 %}
    <!-- 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">Payment succeed</div>
        </div>
    </div>
    <div class="main">


        <div class="card text-center text-white">
            <div class="card-header bg-success">
                Payment succeed
            </div>
            <div class="card-body">
               <p>Your Payment was sent succesfully! We will contact you as soon as possible. Thank You!</p>
               <p>Votre paiement a été effectué avec succès, nous vous contacterons dès que possible. Merci!</p>
            </div>
            <div class="card-footer text-white ">
                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>



{% 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/js/select2.min.js")}}"></script>
    <script>
        $(document).ready(function() {
            $('.js-example-basic-single').select2({
                width: '100%'
            });
        });
        $('.alert').alert();
    </script>
{% endblock %}