{% include 'includes/esp-nav.html.twig' %}
<div id="content-footer">
    <div>
        <div id="cont-map">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2591.0064044171672!2d0.07974201588930598!3d49.50327306303619!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e028cbe3ccfe1d%3A0x609c4cd26dbf483c!2sLe+Palais+Des+Regates!5e0!3m2!1sfr!2sfr!4v1527668258782"
                    width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
        <hr class="hr-or is-marginless">
        <div id="desc-content-foot" class="container font-primary">
            <div class="columns is-multiline is-centered">
                <div class="column is-6">
                  {% if  global.request.query.get('mail') == 'ok' %}
                    <center>Votre message a été envoyé.</center>
                  {% else %}
                    <form action="/index_dev.php/formContact" method="POST">
                            <div class="field">
                              <label class="label">Nom Prénom *</label>
                              <div class="control">
                                <input required name="name" class="input" type="text" placeholder="Nom Prénom *">
                              </div>
                            </div>                   
                            <div class="field">
                              <label class="label">E-mail</label>
                              <div class="control">
                                <input required name="email" class="input" type="email" placeholder="E-mail *">
                              </div>
                            </div>
                            <div class="field">
                              <label class="label">Message</label>
                              <div class="control">
                                <textarea name="message" required class="textarea" placeholder="Textarea">Message</textarea>
                              </div>
                            </div>
                            <div class="field submitButton">
                              <div class="control">
                                <center><button class="button is-link">Envoyer</button></center>
                              </div>
                            </div>
                    </form>   
                    {% endif %} 
                </div>
                <div class="column  is-12 has-text-centered">
                    <p>{{ 'moderation'|trans|raw }} / <a href="#">mentions légales</a> / <a href="#">CGV</a></p>
                </div>

              <!--  <div class="column">
                    <h3>{{ 'contact'|trans }}</h3>
                    <p>{{ 'lorem'|trans }}</p>
                </div>
                <div class="column">
                    <h3>{{ 'organisation'|trans }}</h3>
                </div>
                <div id="msg-abus" class="column">
                    <p>{{ 'moderation'|trans|raw }}</p>
                </div>-->
            </div>
        </div>
    </div>
</div>