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

{% block body %}

    {# TODO header type ting #}
    <header class="zb fixed">
        <nav class="contain:lg flex group sm middle fit">

            <a class="s3" href="{{ url('home')}}">
                <img width="55" src="{{ absolute_url(asset('icons/linkedin.svg')) }}" alt="hmm">
            </a>
            
            <div class="middle">
                <ul class="naked middle">
                    <li>
                        <a class="px-15" href="{{ url('posts')}}">Articles</a>
                    </li>
                    <li>
                        <a class="px-15" href="{{ url('testimonies')}}">Temoignages</a>
                    </li>
                </ul>
                
                <svg class="p-5" width="35" fill="#666" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                    <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
                    <path d="M406.5 399.6C387.4 352.9 341.5 320 288 320l-64 0c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3l64 0c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z"/>
                </svg>

            </div>
            
        </nav>
    </header>


    <main>
        {% block main %}{% endblock %}
    </main>

    <footer class="light py-1">
        <div class="contain">
            <ul class="align naked s5">
                <li class="px-15">Conditions générales</li>
                <li class="px-15">Contact</li>
                <li class="px-15">Tarifs</li>
                <li class="px-15">Sitemap</li>
                <li class="px-15">Mentions légales</li>
            </ul>
        </div>
    </footer>

    {% block popup %}{% endblock %}

{% endblock %}