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

{% block body %}
<article id="article" class="agence">
    <div class="container">
        <div class="section-title">
            <h1 class="sectionTitre">{{ coord[0].nameCompany }}</h1>
        </div>
        <div class="imageAgence noRepeat" style="background-image: url('{{ asset(coordonnees ~ coord[0].imageName) }}')">
        </div>
        <div class="row">
            <div class="col-xl-6 col-md-6 col-sm-12 d-flex align-items-center justify-content-center detailAgence">
                <div class="inAgence">
                    {% if coord[0].tel1 %}
                    <div class="telAgence">
                        <a class="telStat" href="tel:{{ coord[0].tel1|replace({'.':'',' ':''}) }}">{{ coord[0].tel1 }}</a>
                    </div>
                    {% endif %}
                    {% if coord[0].tel2 %}
                    <div class="telAgence pt-2">
                        <a class="telStat" href="tel:{{ coord[0].tel2|replace({'.':'',' ':''}) }}">{{ coord[0].tel2 }}</a>
                    </div>
                    {% endif %}
                    {% if coord[0].fax %}
                    <div class="telAgence pt-2">
                        {{ coord[0].fax }}
                    </div>
                    {% endif %}
                    <div class="emailAgence pt-2">
                        <a class="telStat" href="mailto:{{ coord[0].email }}">{{ coord[0].email }}</a>
                    </div>
                    <div class="adresseAgence pt-2">
                        <div class="emailAgence">{{ coord[0].adresse }}</div>
                        <div class="emailAgence">{{ coord[0].cp }} {{ coord[0].ville }}</div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-md-6 col-sm-12 iframeCoord">
                {% if coord[0].iframe %}
                    {{ coord[0].iframe|raw }}
                {% endif %}
            </div>
            <div class="col-xl-12 col-md-12 col-sm-12 p-5 allReseaux">
                <div class="row">
                    <div class="d-flex align-items-center justify-content-center">
                        {% if coord[0].facebook %}
                        <a class="reseaux" href="{{ coord[0].facebook }}">
                            <img src="{{ asset(elemGraph ~ getContent()['main']['facebook']) }}" class="testimonial-img flex-shrink-0" loading="lazy" alt="icone facebook">
                        </a>
                        {% endif %}
                        {% if coord[0].instagram %}
                        <a class="reseaux" href="{{ coord[0].instagram }}">
                            <img src="{{ asset(elemGraph ~ getContent()['main']['instagram']) }}" class="testimonial-img flex-shrink-0" loading="lazy" alt="icone instagram">
                        </a>
                        {% endif %}
                        {% if coord[0].linkedin %}
                        <a class="reseaux" href="{{ coord[0].linkedin }}">
                            <img src="{{ asset(elemGraph ~ getContent()['main']['linkedin']) }}" class="testimonial-img flex-shrink-0" loading="lazy" alt="icone linkedin">
                        </a>
                        {% endif %}
                        {% if coord[0].youtube %}
                        <a class="reseaux" href="{{ coord[0].youtube }}">
                            <img src="{{ asset(elemGraph ~ getContent()['main']['youtube']) }}" class="testimonial-img flex-shrink-0" loading="lazy" alt="icone youtube">
                        </a>
                        {% endif %}
                        {% if coord[0].snapchat %}
                        <a class="reseaux" href="{{ coord[0].snapchat }}">
                            <img src="{{ asset(elemGraph ~ getContent()['main']['snapchat']) }}" class="testimonial-img flex-shrink-0" loading="lazy" alt="icone snapchat">
                        </a>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        <div class="center">
            <a href="{{ path('app_coord') }}" class="bouton" class="btn btn-primary">{% trans %}Retour au agence{% endtrans %}</a>
        </div>
    </div>
</article>
{% endblock %}