{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/style/css/pages_contact.css') }}">
{% endblock %}


<section class="d-flex flex-row flex-wrap flex-md-nowrap justify-content-between">

    <!-- Liens Réseaux -->
    <div class="d-flex flex-column align-content-end connect ">
        <div class="py-4 my-4 py-xs-1 connect_header">
            {# contact-title #}
            <p class="m-0 connect_title">{{ 'contact-title' | trans ( [], 'contact' , langue )  }}</p>
            {# contact-title-span #}
            <span class=''>{{ 'contact-title-span' | trans ( [], 'contact' , langue )  }}</span>
        </div>

        <!-- Liens RS LinkedIn -->
        <div class="d-flex flex-row align-items-center my-2 link_box">
            <a href="https://www.linkedin.com/in/borisrendambo/" target="_blank" class="icone_rs">
                <img class="p-2" src="{{ asset('assets/images/social_media/theme_color/linkedIn.png') }}" alt="icone linkedIn">
                <span class="link_rs"> BORIS RENDAMBO </span>
            </a>
        </div>

        <!-- Liens RS Instagram -->
        <div class="d-flex flex-row align-items-center my-2 link_box">
            <a href="https://www.instagram.com/borisrendambo/" target="_blank" class="icone_rs">
                <img class="p-2" src="{{ asset('assets/images/social_media/theme_color/instagram.png') }}" alt="icone instagram">
                <span class="link_rs">borisrendambo</span>
            </a>
        </div>

        <!-- Liens RS Facebook -->
        <div class="d-flex flex-row align-items-center my-2 link_box">
            <a href="https://www.facebook.com/boris.rendambo" target="_blank" class="icone_rs">
                <img class="p-2" src="{{ asset('assets/images/social_media/theme_color/facebook.png') }}" alt="icone facebook">
                <span class="link_rs">BORIS RENDAMBO</span>
            </a>
        </div>
    </div>



    {% if app.current_route == 'app_contact' %} 

        {{ include('components/contact/_form.html.twig') }}

    {% elseif app.current_route == 'app_contact_confirm' %}

        {{ include('components/contact/_confirm.html.twig') }}

    {% endif %}


    <!-- Permet d'appeler le composant sur la page home  -->
    {% if app.current_route == 'app_home' %} 
        {{ include('components/contact/_form.html.twig') }}
    {% endif %}

</section>