{% extends '00_bases/base.html.twig' %}

{% block bodyClass %}tgo-body--login{% endblock %}

{% block base %}    
    <div id="root" class="layout-app">

        <header class="tgo-head layout-app__header ">
            <div class="tgo-head_row -first">
                <div class="oka-app-wrap">
                    {# Logo KeepIt #}
                    <div class="tgo-head_logo tgo-logo">
                        {% include("00_commons/logo.html.twig") %}
                        <div class="tgo-logo_type">
                            <div class="tgo-logo_name">KEEP'IT</div> 
                            <div class="tgo-logo_base">Training</div>
                        </div>
                    </div>
                    
                    {# <div class="oka-divider -vrt -low" ></div> #}
                    {# Navigation Globale #}
                    {# <div class="tgo-head_nav">
                        <button onClick="document.body.classList.toggle('oka-darkMode');  setCookieMode()" class="oka-bt -ghost" >
        
                            <div class="oka-bt__ico u-showOnDark"><i class="fa-regular fa-sun-bright"></i></div>
                            <div class="oka-bt__ico u-showOnLight"><i class="fa-solid fa-moon"></i></div>
                        </button>
                    </div> #}
                </div>
            </div>

            {% block shead %}{% endblock %}

        </header>


        <div class="layout-app__body">
            
            <main class="layout-app__main">
                <div class="oka-app-wrap">
                    {% block body %}{% endblock %}
                </div>
            </main> 
            
            <footer class="layout-app__footer">
                {% include '00_commons/credits.html.twig' %}
            </footer>
        </div>  

    </div>
{% endblock %}