{# templates/contact.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}{{ title|raw }}{% endblock %}
{% block description %}{{ description|raw }}{% endblock %}

{% block body %}
    <section id="sub_header">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12" id="position">
                    <ul>
                        <li><a href="{{ path('home_page') }}">Accueil</a></li>
                        <li>Contactez-nous</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    
    <div class="container margin_60">
        <div class="row">
            <div class="col-md-12">
              {# <div id="map">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2625.714957034563!2d2.3448443154924252!3d48.84457550963368!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDjCsDUwJzQwLjUiTiAywrAyMCc0OS4zIkU!5e0!3m2!1sfr!2stn!4v1572536732069!5m2!1sfr!2stn" width="100%" height="344" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
              </div>
          
              <hr> #}

                <h3>Contactez-nous</h3>
                {% if alert is not empty %}
                    <div id="message-contact">{{ alert|raw }}</div>
                {% else %}
                    {{ form_start(form_contact, {'attr':{'id':'contact_form', 'action':path('contact')}}) }}
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_contact.nom) }}
                                {{ form_widget(form_contact.nom) }}
                                <div class="form-error" id="error-contact-nom">{{ form_errors(form_contact.nom) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_contact.ville) }}
                                {{ form_widget(form_contact.ville) }}
                                {{ form_widget(form_contact.modeDde) }}
                                <div class="form-error" id="error-contact-ville">{{ form_errors(form_contact.ville) }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_contact.email) }}
                                {{ form_widget(form_contact.email) }}
                                <div class="form-error" id="error-contact-email">{{ form_errors(form_contact.email) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_contact.tel) }}
                                {{ form_widget(form_contact.tel) }}
                                <div class="form-error" id="error-contact-tel">{{ form_errors(form_contact.tel) }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                {{ form_label(form_contact.message) }}
                                {{ form_widget(form_contact.message) }}
                                <div class="form-error" id="error-contact-message">{{ form_errors(form_contact.message) }}</div>
                            </div>
                        </div>
                    </div>
					<div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="form-group">
                                <label for="form_email">Code de sécurité * : <img src="{{ asset('captcha/' ~ filename_captcha) }}" alt="" style="margin-top:-3px;"></label>
                                {{ form_widget(form_contact.captcha) }}
                                <div class="form-error" id="error-contact-captcha"></div>
                            </div>
                        </div>
                        <div class="col-md-9 col-sm-6"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <button type="button" class="btn_1 green medium add_bottom_30" id="submit_contact">Envoyer</button>
                        </div>
                    </div>
                    {{ form_end(form_contact) }}
                    <div>{# { debug|raw } #}</div>
                {% endif %}
            </div>

            {# { render(controller('App\\Controller\\LayoutController::rightColumn', {'current': current})) } #}
        </div>
    </div>

{% endblock %}