<!DOCTYPE html>
<html dir="ltr" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords"
        content="wrappixel, admin dashboard, html css dashboard, web dashboard, bootstrap 5 admin, bootstrap 5, css3 dashboard, bootstrap 5 dashboard, materialpro admin bootstrap 5 dashboard, frontend, responsive bootstrap 5 admin template, materialpro admin lite design, materialpro admin lite dashboard bootstrap 5 dashboard template">
    <meta name="description"
        content="Cyber Boardroom - The one stop shop boards of directors rely on for their cyber readiness">
    
    <title id="title">{% block title %}{% endblock %} | Cyber Boardroom</title>
    <base href="/web/"/>
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="{{ config.ASSETS_ROOT }}/cbr/tcb-favicon.png">

    <!-- Specific Page CSS goes HERE  -->
    {% block stylesheets %}{% endblock stylesheets %}

    <!-- Custom CSS -->
    <link href="{{ config.ASSETS_ROOT }}/css/style.min.css" rel="stylesheet">
    <link href="{{ config.ASSETS_ROOT }}/css/style.cbr-fixes.css" rel="stylesheet">

    {% include 'includes/gta_support.html' %}
</head>
<body style="background-color: #eef5f9">

    {% include 'includes/scripts.html' %}

    <!-- Specific Page JS goes HERE  -->
    {% block javascripts %}{% endblock javascripts %}

    <script src="{{ config.ASSETS_ROOT }}/js/custom.js"></script>


    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full" 
        data-sidebar-position="absolute" data-header-position="absolute" data-boxed-layout="full">

        {% include 'includes/navigation.html' %}

        {% include 'includes/sidebar.html' %}

        <div class="page-wrapper" _style="display: flex; height:100vh;flex-direction:column">
            {% block content %}{% endblock content %}
        </div>
    </div>



    <!-- TODO: Refactor this to so that it is done via CSS -->
    <script>
        $('.page-title').css('font-size', '25px')
    </script>
</body>
</html>
