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

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

{% block base %}    
    <div id="root" {{ stimulus_controller("exercice--consultation_exercice") }} class="layout-app">

        <header class="tgo-head layout-app__header ">
                
            {% 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">
                <button onClick="document.body.classList.toggle('oka-darkMode')" 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>

            </footer>  #}
        </div>  

    </div>
{% endblock %}