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

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

{% block body %}
    <section class="contact form">
        <article>
            <div class="form-contact">
                <div class="inner-form-contact" id="mail">
                    <div class="form-contact-adress">
                        <div class="adress-info">
                            <h2>Contact</h2>
                            <hr>
                            <ul>
                                <li><b>{{ config.name }}</b></li>
                                <li>{{ config.street }}</li>
                                <li>{{ config.postalCode }} {{ config.city }}</li>
                                <li>Arts du spectacle vivant</li>
                                <li>{{ config.state }}</li>
                                <li><b>{{ config.phone }}</b></li>
                            </ul>
                        </div>
                        <div class="mail-btn">
                            <a href="mailto:{{ config.phone }}"><!-- TODO Change with email -->
                                <button class="btn" >
                                    Envoyer un mail
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <section class="contact maps">
        <iframe src="https://snazzymaps.com/embed/54762" width="100%" height="800px" style="border:none;"></iframe>
    </section>
{% endblock %}