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

{% block title %}Contact · {% endblock %}

{% block body %}

    <div id="main" class="wrapper style1">
        <div class="container">
            <header class="major">
                <h2>Contact</h2>
                <p>Formulaire de contact</p>
            </header>
            <div class="row gtr-150">
                <div class="col-8 col-12-medium">
                    {% for flashMessage in app.session.flashbag.get('success') %}
                        <span style="color: green; font-size: 25px; display: inline-block;">{{ flashMessage}}</span>
                    {% endfor %}

                    {% for flashMessage in app.session.flashbag.get('danger') %}
                        <span style="color: red; font-size: 25px; display: inline-block;">{{ flashMessage}}</span>
                    {% endfor %}
                    <!-- Content -->
                        <section id="content">
                            <spans style="color: red; font-size: 10px; display: inline-block;">Tous les champs ci-dessous sont obligatoires.</spans>
                            {{ form_start(form, {'attr': {'id': 'contact_form'}}) }}
                            <div class="form-group {% if form.nom.vars.errors |length > 0 %} has-error {% endif %}">
                                {{ form_widget(form.nom, {'attr': {'class': 'input form-input', 'placeholder':'Nom'}}) }}
                                {{ form_errors(form.nom) }} 
                            </div>

                            <div class="form-group {% if form.email.vars.errors |length > 0 %} has-error {% endif %}">
                                {{ form_widget(form.email, {'attr': {'class': 'input form-input', 'placeholder':'Email'}}) }}
                                {{ form_errors(form.email) }}
                            </div>

                            <div class="form-group {% if form.objet.vars.errors |length > 0 %} has-error {% endif %}">
                                {{ form_widget(form.objet, {'attr': {'class': 'input form-input', 'placeholder':'Objet'}}) }}
                                {{ form_errors(form.objet) }}
                            </div>

                            <div class="form-group {% if form.message.vars.errors |length > 0 %} has-error {% endif %}">
                                    {{ form_widget(form.message, {'attr': {'class': 'form-input', 'cols':'50', 'rows': '8', 'placeholder':'Message' }}) }}
                                    {{ form_errors(form.message) }}
                            </div>

                            <div class="g-recaptcha" data-sitekey={{ Public_key }}></div>

                            {{ form_row(form._token) }}
                            <div class="form-actions">
                                <input type="submit" value="Envoyer" class="primary"></input>
                            </div>

                        {{ form_end(form) }}
                        </section>

                </div>
                <div class="col-4 col-12-medium">

                    <!-- Sidebar -->
                        <section id="sidebar">
                            <section>
                                <p>Si vous avez une quelconque question ou si vous désirez un devis pour un évènement particulier, vous pouvez nous écrire en remplissant les champs ci-contre. </p>
                                <p>En cas de problème, vous pouvez aussi nous écrire directement à l'adresse suivante : <a href="mailto:contact@tvn7.fr" title="Nous contacter par e-mail">contact@tvn7.fr</a>
                                    ou nous contacter par téléphone au {{ president.telephone|replace({'+33': '0'})|split("",2)|join('.') }}.</p>
                                <footer>
                                    <ul class="actions">
                                        <li><a href="{{ path('_site_services') }}" class="button">Nous Découvrir</a></li>
                                    </ul>
                                </footer>
                            </section>
                            <hr />
                        </section>

                </div>
            </div>
        </div>
    </div>
    <script src='https://www.google.com/recaptcha/api.js'></script>
{% endblock %}