{% extends 'layout.html.twig' %}

{% block menu %}{% include "menu-etu.html.twig" %}{% endblock %}

{% block metaTitle %}{{ bTitle }}{% endblock %}

{% block title %}{{ bTitle }}{% endblock %}

{% block content %}
{% embed "page-temp.html.twig" %}

{% block right %}{% include 'etu-right.html.twig' %}{% endblock %}

{% block bTitle %}{{ bTitle }}{% endblock %}

{% block menuBlock %}CONTACT{% endblock %}

{% block bResume %}{{ bTitle }}{% endblock %}

{% block pContent %}
<div class="col-sm-12 text-justify">
    {% for flashMessage in app.session.flashbag.get('contact') %}
    <script type="text/javascript">
    alert("{{ flashMessage }}");
    </script>
    {% endfor %}
    <h2 class="purple bold"><span class="fas fa-at"></span> Nous contacter</h2>
    <div class="col-sm-6 flex-center">
        <div class="col-sm-7">
            <h3>Isefac BTS - Paris</h3>
            <p>20, rue de Chabrol 75010 Paris</p>
            <p>Tél. : 01 47 70 85 03</p>
        </div>
        <div class="col-sm-5">
            <img src="{{ asset('/images/ville-paris.jpg') }}" class="img-full">
        </div>
    </div>
    <div class="col-sm-6 flex-center">
        <div class="col-sm-7">
            <h3>Isefac BTS - Lille</h3>
            <p>6/8 bd Papin 59000 Lille</p>
            <p>Tél. : 03 20 42 78 50</p>
        </div>
        <div class="col-sm-5">
            <img src="{{ asset('/images/ville-lille.jpg') }}" class="img-full">
        </div>
    </div>

    {% set formHtml %}
    {{ form_start(contactForm) }}
    <div class="col-sm-12 margin-top form-group">
        <p class="bold">Formulaire de demande de renseignements *</p>
    </div>
    <div class="form-group col-sm-6 no-padding">
        <div class="col-sm-12">
            {{ form_label(contactForm.nom, "Nom *") }}
        </div>
        <div class="col-sm-12">
            {{ form_widget(contactForm.nom, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-12 text-danger">
            <strong>{{ form_errors(contactForm.nom) }}</strong>
        </div>
    </div>
    <div class="form-group col-sm-6 no-padding">
        <div class="col-sm-12">
            {{ form_label(contactForm.prenom, "Prénom *") }}
        </div>
        <div class="col-sm-12">
            {{ form_widget(contactForm.prenom, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-12 text-danger">
            <strong>{{ form_errors(contactForm.prenom) }}</strong>
        </div>
    </div>
    <div class="form-group col-sm-6 no-padding">
        <div class="col-sm-12">
            {{ form_label(contactForm.tel, "Téléphone *") }}
        </div>
        <div class="col-sm-12">
            {{ form_widget(contactForm.tel, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-12 text-danger">
            <strong>{{ form_errors(contactForm.tel) }}</strong>
        </div>
    </div>
    <div class="form-group col-sm-6 no-padding">
        <div class="col-sm-12">
            {{ form_label(contactForm.email, "eMail *") }}
        </div>
        <div class="col-sm-12">
            {{ form_widget(contactForm.email, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-12 text-danger">
            <strong>{{ form_errors(contactForm.email) }}</strong>
        </div>
    </div>
    <div class="form-group col-sm-6 no-padding">
        <div class="col-sm-12">
            {{ form_label(contactForm.campus, "Pour quelle ville ? *") }}
        </div>
        <div class="col-sm-12">
            {{ form_widget(contactForm.campus, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-12 text-danger">
            <strong>{{ form_errors(contactForm.campus) }}</strong>
        </div>
    </div>
    <div class="form-group col-sm-6 no-padding">
        <div class="col-sm-12">
            {{ form_label(contactForm.chooseForm, "Pour quelle formation ? *") }}
        </div>
        <div class="col-sm-12">
            {{ form_widget(contactForm.chooseForm, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-12 text-danger">
            <strong>{{ form_errors(contactForm.chooseForm) }}</strong>
        </div>
    </div>
    <div class="form-group col-sm-12 no-padding">
        <div class="col-sm-12">
            {{ form_label(contactForm.message, "Votre message *") }}
        </div>
        <div class="col-sm-12">
            {{ form_widget(contactForm.message, { 'attr':  {'class': 'form-control', 'rows': '8'}}) }}
        </div>
        <div class="col-sm-12 text-danger">
            <strong>{{ form_errors(contactForm.message) }}</strong>
        </div>
    </div>
     <div class="form-group col-sm-12">
		<label for="contact_policies" class="" style='margin-left:0px; font-weight: normal;position: absolute;margin-left: 20px;'>Je consens aux traitements de mes données personnelles. [LINK]En savoir plus[/LINK]</label>
		<div class="">
			{{ form_widget(contactForm.policies) }}
		</div>
		<div class="col-sm-4 text-danger">
			<strong>{{ form_errors(contactForm.policies) }}</strong>
		</div>
	</div>

    <div class="form-group col-sm-12 no-padding">
        <input type="submit" name="Envoyer" class="col-sm-6 col-sm-offset-3 btn btn-danger bold" value="Envoyez votre message" onclick="ga('send', 'event', 'Button', 'Click', 'Contact BTS');">
    </div>
    {{ form_end(contactForm) }}
    {% endset %}
	{{ formHtml|replace({'[LINK]': '<a href="/mentions-legales" target="_blank">', '[/LINK]': '</a>'})|raw }}
</div>
{% endblock %}

{% endembed %}
<script type="text/javascript" src="{{ asset('/js/cityForm.js') }}"></script>
{% endblock %}