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

{% block body %}

<div id="main">

    <div class="page-header valign-wrapper more-p bg0" data-parallax="active" style="transform: translate3d(0px, 0px, 0px);height: 200px;min-height: 200px">
        <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">Fast Track Maroc</h1>
                        <h3>{% trans %}Another way to travel {% endtrans %}</h3>

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

    <div id="reading" class="content blog-post">
        <div class="main main-raised">

            <div class="contact-content">
                <div class="container">
                    <h2 class="title">{% trans %}Send us a message{% endtrans %}</h2>
                    <div class="row">
                        <div class="col-md-6">
                            <p class="description">{% trans %}You can contact us with anything related to our Services. We'll get in touch with you as soon as possible.{% endtrans %}<br><br>
                            </p>

                            {% if message_flash  %}
                                <div class="alert alert-success">
                                    {{ message_flash|trans }}
                                </div>
                            {% endif %}



                            <form role="form" action="{{ path("contactus_mobile") }}" id="contact-form" method="post">
                                <div class="form-group label-floating is-empty">
                                    <label class="control-label">{% trans %}Your name{% endtrans %}</label>
                                    <input type="text" name="name" class="form-control" required>
                                    <span class="material-input"></span></div>
                                <div class="form-group label-floating is-empty">
                                    <label class="control-label">{% trans %}Email address{% endtrans %}</label>
                                    <input type="email" name="email" class="form-control" required>
                                    <span class="material-input"></span></div>
                                <div class="form-group label-floating is-empty">
                                    <label class="control-label">{% trans %}Phone{% endtrans %}</label>
                                    <input type="text" name="phone" class="form-control" required>
                                    <span class="material-input"></span></div>
                                <div class="form-group label-floating is-empty">
                                    <label class="control-label">{% trans %}Your message{% endtrans %}</label>
                                    <textarea name="message" class="form-control" id="message" rows="6" required></textarea>
                                    <span class="material-input"></span></div>
                                <div class="submit text-center">
                                    <input type="submit" class="btn btn-primary btn-raised btn-round m-b-40" value="{% trans %}Contact Us{% endtrans %}">
                                </div>
                            </form>
                        </div>
                        <div class="col-md-4 col-md-offset-2">

                            <div class="info info-horizontal">
                                <div class="icon icon-primary">
                                    <i class="material-icons">phone</i>
                                </div>
                                <div class="description">
                                    <h4 class="info-title">{% trans %}Give us a ring{% endtrans %}</h4>
                                    <p> 00212 6 62 78 59 73<br>
                                        00212 6 61 90 29 99<br>

                                    </p>
                                </div>
                            </div>
                            <div class="info info-horizontal">
                                <div class="icon icon-primary">
                                    <i class="material-icons">email</i>
                                </div>
                                <div class="description">
                                    <h4 class="info-title">{% trans %}Our email addresses{% endtrans %}</h4>
                                    <p>  msoussi@1001evasions.com<br>
                                        info@1001evasions.com<br>
                                        contat@1001evasions.com<br>

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

        </div>
    </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 %}