{% extends 'layouts/front/base.html.twig' %}

{% block title %}{{ context.get['app'] ? context.get['app'].name : company_name }} - {{ title }}{% endblock %}

{% block body %}
    <header class="page-header" style="background-image: url({{ asset('assetics/images/_inner-bg.jpg') }});">
        {{ fil_arial(title) }}
    </header>

    <section id="page-contacts">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-6">
                            <h2 class="spanned"><span>Nous sommes ouvert:</span> {{ context.get['app'].horaire }}</h2>
                            <p>{{ context.get['app'].description|raw }}</p>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-6">
                            <ul class="address">
                                <li class="large"><span class="fa fa-phone"></span>{{ context.get['app'].telephone }}</li>
                                <li class="large"><span class="fa fa-phone"></span>{{ context.get['app'].cellulaire }}</li>
                                <li><span class="fa fa-envelope"></span>{{ context.get['app'].email }}</li>
                                <li><span class="fa fa-map-marker"></span>{{ context.get['app'].adresses }}</li>
                            </ul>
                        </div>
                        <div class="col-lg-12 col-sm-12">
                            <strong>Réseaux sociaux:</strong>
                            <ul class="social social-big">
                                {% if context.get['app'].facebook %}
                                    <li>
                                        <a class="social-fb fa fa-facebook" href="{{ context.get['app'].facebook }}"></a>
                                    </li>
                                {% endif %}
                                
                                {% if context.get['app'].instagram %}
                                    <li>
                                        <a class="social-instagram fa fa-instagram" href="{{ context.get['app'].instagram }}"></a>
                                    </li>
                                {% endif %}

                                {% if context.get['app'].twitter %}
                                    <li>
                                        <a class="social-twitter fa fa-twitter" href="{{ context.get['app'].twitter }}" title="twitter"></a>
                                    </li>
                                {% endif %}

                                {% if context.get['app'].linkedin %}
                                    <li>
                                        <a class="social-linkedin fa fa-linkedin" href="{{ context.get['app'].linkedin }}" title="linkedin"></a>
                                    </li>
                                {% endif %}

                                {% if context.get['app'].youtube %}
                                    <li>
                                        <a class="social-youtube fa fa-youtube" href="{{ context.get['app'].youtube }}" title="youtube"></a>
                                    </li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 contact-form">
                    {{ contact_form() }}
                </div>
            </div>
        </div>
    </section>
{% endblock %}