<!--
(c) 2004 - 2022 Health Information Privacy Laboratory
Vanderbilt University Medical Center


    This is a flask-based cms that considers the following for a website :
        - header
        - content
        - menu
        - content
        - footer


-->
<!DOCTYPE html>
<html lang="en">
    <head>
        {% include "libs.html"%}
        <title>{{layout.header.title}} - {{layout.header.subtitle}}</title>
        
        <link rel="shortcut icon" href="{{system.icon}}">

        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="keywords" content="quick cms, cms, python, flask, qcms">
        <meta name="robots" content="/, follow, max-snippet:-1, max-image-preview:large">
        
    </head>
    <script>
        // sessionStorage.setItem('{{system.id}}','{{system.context|safe}}')
        var _layout = {{layout|tojson}}
    
        // if (!qcms){
        //     var qcms = {}
        // }
        qcms.context = '{{system.context}}'
        qcms.root = '{{layout.root}}'
        
        $(document).ready( function(){
            bootup.init('{{system.id}}',_layout)
            // menu.init({{layout|tojson}},'{{system.context}}')
            qcms.menu.init({{layout|tojson}})
            
        })        


    </script>
<body>

<label class="menu-burger">
        <input type="checkbox" />
</label>
<aside class="burger-submenu">
    <div>
            <input type="checkbox" id="color-scheme" class="menu-theme">
            <label for="color-scheme" title="Color Scheme"><span data-attr="light"></span></label>
    </div>
        <div><nav><ul id="menu">{%include "menu.html" %}</ul></nav></div>
</aside>

    <!-- onclick="window.location.href='{{system.context}}'" style="cursor:pointer" -->
<div class="main {{system.theme}}" >
     <header>
        <div><div>{%include "header.html" %}</div></div>
            <!--
            <div id="header" class="header" onclick="window.location.href='{{system.context}}'" style="cursor:pointer">{%include "header.html" %}</div>
            <div id="menu" class="menu">{%include "menu.html" %}</div>
            -->
    </header>

    <main>
        <div id="content" class="content">
           {%include "content.html" %}
        </div>
        <!-- 
        
        <div id="pane" class="pane">
            {%include "pane.html" %}
        </div>
        -->
    </main>      
       
    <footer>
        <!--  <div id="footer" class="footer">{%include "footer.html" %}</div> -->
        <div id="footer">{%include "footer.html" %}</div>
    </footer>
</div>
         
</body>
</html>
