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

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

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
{% endblock %}



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


        {% block shead %}{% endblock %}


        <style>
        #root {
            --oka-appbar-height : 0 !important;
            
            position:relative;

            max-height:100%;
            overflow:hidden;
            /*border:5px solid red;*/
        }

        .layout-app__body{
            max-height:100%;
            overflow:hidden;
            /*border:5px solid blue;*/
        }
        .layout-app__main {
            max-height:100%;
            overflow:hidden;
            /*border:5px solid green;*/
        }
        .oka-appWrap.-full{
            max-height:100%;
            overflow:hidden;
            /*border:5px solid yellow;*/
        }
        .tgo-editSeance__content{
            max-height:100%;
            overflow:auto;
            /*border:5px solid red;*/
            position:relative;
            /*float: left;
            width: 70%;*/
        }

        
        </style>
        


        <div class="layout-app__body" {% block stimulusModifier %}{% endblock %}>
            
            <main class="layout-app__main">
                <div class="oka-appWrap {% block bodyModifier %}{% endblock %}">
                    
        
                        <div class="tgo-editSeance__content ">
                            {% block body %}{% endblock %}
                        </div>

                </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 %}