{% extends 'front/partials/master.html.twig' %}


{% block title %}Contact{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>

</style>
{% endblock %}
{% block body %}

<div class="breadcrumb-area">
    <div class="breadcrumb-top default-overlay bg-img breadcrumb-overly-5 pt-100 pb-95" style="background-image:url(front/assets/img/bg/bg_contact.jpg);">
        
    </div>
    <div class="breadcrumb-bottom">
        <div class="container">
            <ul>
                <li><a href="{{path('app_front')}}">Accueil</a> <span><i class="fa fa-angle-double-right"></i>Contact</span></li>
            </ul>
        </div>
    </div>
</div>
<div class="contact-area pt-130 pb-130">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-7">
                <div class="contact-map mr-70">
                    <div id="map">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3308.6276391781853!2d-6.86887448512762!3d33.976409029170746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xda76cc4f7a0fc6f%3A0x8bbf5756ab11f3ea!2sInstitut%20Agronomique%20et%20V%C3%A9t%C3%A9rinaire%20Hassan-II!5e0!3m2!1sfr!2sma!4v1679715063695!5m2!1sfr!2sma" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="contact-form">
                    <div class="contact-title mb-45">
                        <h2>Nous <span>Contacter</span></h2>
                    </div>
                     {{ form_start(form, { 'attr': {'id': 'contact-form'} }) }}
                        {{ form_widget(form.fullName, {'attr': {'class': 'col-md-10', 'placeholder': 'Nom*'}}) }}
                        {{ form_widget(form.email, {'attr': {'class': 'col-md-10', 'placeholder': 'Courriel*'}}) }}
                        {{ form_widget(form.object, {'attr': {'class': 'col-md-10', 'placeholder': 'Objet*'}}) }}
                        {{ form_widget(form.message, {'attr': {'class': 'col-md-10', 'placeholder': 'Message*'}}) }}
                        <button class="submit btn-style" type="submit">Envoyer</button>
                     {{ form_end(form)}}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="contact-info-area bg-img pt-40 default-overlay" style="background-image:url(assets/img/bg/contact-info.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4 col-12">
                <div class="single-contact-info mb-30 text-center">
                    <div class="contact-info-icon">
                        <span><i class="fa fa-calendar-o"></i></span>
                    </div>
                    <p>CAMPUS RABAT </p>
                    <p>Madinat Al Irfane, BP 6202 </p>
                    <p>Rabat - MAROC</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="single-contact-info mb-30 text-center">
                    <div class="contact-info-icon">
                        <span><i class="fa fa-calendar-o"></i></span>
                    </div>
                    <div class="contact-info-phn">
                        <div class="info-phn-title">
                            <span>Phone : </span>
                        </div>
                        <div class="info-phn-number">
                            <p>+212 537 7717 45/</p>
                            <p>+212 537 7717 58/</p>
                            <p>+212 537 7717 59/</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="single-contact-info mb-30 text-center">
                    <div class="contact-info-icon">
                        <span><i class="fa fa-calendar-o"></i></span>
                    </div>
                    <a href="#">drsfd@iav.ac.ma</a>
                </div>
            </div>
        </div>
    </div>
</div>


{% endblock %}