{# 
    Pour le fichier de traduction --> translations\components\footer
        ***
    For Translation file --> translations\components\footer
 #}

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


<div class="container footer_head">

    <!-- Composant contact avec btn -->
    <div class="btn_connect_footer">
        <a href="{{ path('app_contact') }}" class="btn_theme btn_footer_contact">
            {{ 'btn-contact' | trans ( [], 'footer' , langue )  }} {# btn-contact #}
        </a>
    </div>
    

    <!-- SVG icone pour remonter la page-->
    <button id="to_top" onclick="click"  title="{{ 'Scroll' | trans ( [], 'messages' , langue )  }}" alt="{{ 'Scroll' | trans ( [], 'messages' , langue )  }}">
        <svg class="btn_up" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 80 80" fill="none">
            <circle cx="40" cy="40" r="39" stroke="#7ACCC1" stroke-width="2" />
            <path
                d="M53.4169 38.6805L40.0002 25.3333L26.5836 38.6805C26.4253 38.801 26.2947 38.9542 26.2008 39.1295C26.1068 39.3049 26.0516 39.4985 26.039 39.697C26.0263 39.8956 26.0564 40.0946 26.1273 40.2805C26.1982 40.4664 26.3083 40.6349 26.45 40.7745C26.5917 40.9142 26.7617 41.0218 26.9486 41.0901C27.1355 41.1583 27.3349 41.1856 27.5332 41.1701C27.7316 41.1546 27.9243 41.0967 28.0983 41.0002C28.2724 40.9038 28.4236 40.771 28.5419 40.611L38.6114 30.6249V57.1944C38.6114 57.5627 38.7577 57.916 39.0181 58.1765C39.2786 58.4369 39.6319 58.5833 40.0002 58.5833C40.3686 58.5833 40.7219 58.4369 40.9823 58.1765C41.2428 57.916 41.3891 57.5627 41.3891 57.1944V30.6249L51.4586 40.611C51.7201 40.8707 52.0741 41.0159 52.4427 41.0146C52.8112 41.0133 53.1642 40.8656 53.4239 40.6041C53.6835 40.3426 53.8287 39.9886 53.8274 39.62C53.8261 39.2514 53.6784 38.8985 53.4169 38.6388V38.6805Z"
                fill="#7ACCC1" />
        </svg>
    </button>

</div>



<!-- Menu navigation footer-->
<div class="footer_display_nav">

    <div>
        <img src="{{ asset('../assets/images/logo/logo_footer.png') }}" alt="logo footer">
    </div>

    <div class="d-flex flex-column">
    
        <!-- Liens de nav -->
        <div class="footer_navigation_link">
            
            <a href="{{ path('app_home') }}">    {{ 'footer-nav-home' | trans ( [], 'footer' , langue )  }}  </a>       {# footer-nav-home #}
            
            <a href="{{ path('app_about') }}">    {{ 'footer-nav-about' | trans ( [], 'footer' , langue )  }}  </a>     {# footer-nav-about #}
            
            <a href="{{ path('app_bworld') }}">    {{ 'footer-nav-bworld' | trans ( [], 'footer' , langue )  }} </a>    {# footer-nav-bworld #}
            
            <a href="{{ path('app_contact') }}">    {{ 'footer-nav-contact' | trans ( [], 'footer' , langue )  }}  </a>     {# footer-nav-contact #}


            <div class="foot_legal">
                
                <a href="{{ path('app_privacy_policy') }}">    {{ 'footer-nav-privacy' | trans ( [], 'footer' , langue )  }}  </a>      {# footer-nav-privacy #}

                <a href="{{ path('app_legal_notices') }}">    {{ 'footer-nav-legal' | trans ( [], 'footer' , langue )  }}  </a>     {# footer-nav-legal #}
            </div>
        </div>



        <!-- Liens réseaux-->
        <div class="container footer_bloc_rs">
                
            <p>   {{ 'follow' | trans ( [], 'footer' , langue )  }}     </p>   {# follow #}

            <nav class="">
                {{ include('components/social_media/linkedIn.html.twig') }}
                {{ include('components/social_media/instagram.html.twig') }}
                {{ include('components/social_media/facebook.html.twig') }}
                {{ include('components/social_media/xTwitter.html.twig') }}
            </nav>

        </div>


    </div>

</div>




{# crédit fin de page ***  copyright #}
<div class="credit">

    <div class="bloc_credit">

        <div class="container">
            <div class="trait_x_footer"></div>
        </div>

        <div>
             <p class="credit_footer">   {{ 'copyright' | trans ( [], 'footer' , langue )  }}    </p>
        </div>

        <div class="container">
            <div class="trait_x_footer"></div>
        </div>

    </div>
</div>