<!--
(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 >
        <title>{{layout.header.title}}</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">
        <!-- <link href="{{system.context}}/static/css/default.css" rel="stylesheet" type="text/css"> -->
        <!-- <link href="{{system.context}}/static/css/menu.css" rel="stylesheet" type="text/css"> -->
        <!-- <link href="{{system.context}}/static/css/border.css" rel="stylesheet" type="text/css"> -->
        
        <!-- <link href="{{system.context}}/static/css/animation/_ocean.css" rel="stylesheet" type="text/css"> -->
        <!-- <link href="{{system.context}}/static/css/themes/{{system.theme}}" rel="stylesheet" type="text/css"> -->
        
        <!-- <link href="{{system.context}}/static/css/icons.css" rel="stylesheet" type="text/css"> -->
        <link href="{{system.parentContext}}/static/css/icons.css" rel="stylesheet" type="text/css">
        <link href="{{system.parentContext}}/static/css/source-code.css" rel="stylesheet" type="text/css">
        <link href="{{system.parentContext}}/static/css/search.css" rel="stylesheet" type="text/css">
        <link href="{{system.parentContext}}/static/css/dialog.css" rel="stylesheet" type="text/css">
        <link href="{{system.parentContext}}/static/css/dashboard.css" rel="stylesheet" type="text/css">

        <!-- applying themes as can -->
        <link href="{{system.context}}/api/disk/read?uri={{layout.root}}/_assets/themes/{{system.theme}}/layout.css" rel="stylesheet" type="text/css">
        <link href="{{system.context}}/api/disk/read?uri={{layout.root}}/_assets/themes/{{system.theme}}/header.css" rel="stylesheet" type="text/css">
        <link href="{{system.context}}/api/disk/read?uri={{layout.root}}/_assets/themes/{{system.theme}}/menu.css" rel="stylesheet" type="text/css">
        <link href="{{system.context}}/api/disk/read?uri={{layout.root}}/_assets/themes/{{system.theme}}/borders.css" rel="stylesheet" type="text/css">
        <link href="{{system.context}}/api/disk/read?uri={{layout.root}}/_assets/themes/{{system.theme}}/footer.css" rel="stylesheet" type="text/css">
        <link href="{{system.context}}/api/disk/read?uri={{layout.root}}/_assets/themes/{{system.theme}}/pane.css" rel="stylesheet" type="text/css">
        
        <!-- -->
        <meta property="og:title" content="{{layout.header.title}}" />
        <meta property="og:type" content="website" />
        <!-- <meta property="og:url" content="https://www.yourwebsite.com/page" /> -->
        <meta property="og:image" content="{{system.logo}}" />
        <meta property="og:image:alt" content="{{layout.header.title}}" />
        <meta property="og:description" content="{{layout.header.title}}; {{layout.header.subtitle}}, version {{system.version}}" />
        <meta property="og:site_name" content="{{layout.header.title}}" />

        <script src="{{system.parentContext}}/static/js/dashboard.js"></script>
        <script src="{{system.parentContext}}/static/js/jx/dom.js"></script>
        <script src="{{system.parentContext}}/static/js/jx/utils.js"></script>
        <script src="{{system.parentContext}}/static/js/jx/rpc.js"></script>
        <script src="{{system.parentContext}}/static/js/jx/ext/modal.js"></script>
        <script src="{{system.parentContext}}/static/js/jx/ext/math.js"></script>
        <script src="{{system.parentContext}}/static/js/jquery/jquery.js"></script>
        <script src="{{system.parentContext}}/static/js/menu.js"></script>
        <script src="{{system.parentContext}}/static/js/search.js"></script>
        <script src="{{system.parentContext}}/static/js/bootup.js"></script>
        <script src="{{system.parentContext}}/static/js/dialog.js"></script>
        <script src="{{system.parentContext}}/static/js/apexcharts/apexcharts.min.js"></script>
        <script src="{{system.parentContext}}/static/js/fontawesome/js/all.js"></script>
    </head>
    <script>
        // sessionStorage.setItem('{{system.id}}','{{system.context|safe}}')
        var _layout = {{layout|tojson}}
    
        
        //sessionStorage.setItem('{{system.id}}','{{system.context|safe}}')
        
        $(document).ready( function(){
            bootup.init('{{system.id}}',_layout)
            menu.init({{layout|tojson}},'{{system.context}}')
            
        })        


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

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