{# Layout : Full Screen #}
{% extends '/layouts/main.twig' %}

{% block site_wrapper %}

    <div class="siteWrapper fullscreen {{ site_wrapper_class }} whiteBackground">


        {% include 'includes/page_structure/header_mini.twig' %}

        <div class="siteInnerWrapper" id="vue_environment">

            {% block page_top %}

            {% endblock %}

            <div id="content" role="main">

                <div class="wrapper">

                    <div class="fullscreenWrap">

                        <div class="fullscreenSidebar {% if is_login_page is not empty %}loginSidebar{% endif %} {% if is_assessment_page is not empty %}assessmentSidebars{% endif %}">

                            {% block sidebar %}

                            {% endblock %}

                        </div> <!-- .fullscreenSidebar -->

                        <div class="fullscreenContent ">

                            <div class="mainContent">

                                <div class="wrapper">

                                    {% block content %}

                                    {% endblock %}

                                </div><!-- .wrapper -->

                            </div><!-- .mainContent -->

                        </div> <!-- .fullscreenContent -->

                    </div> <!-- .fullscreenWrap -->

                </div> <!-- .wrapper -->

            </div> <!-- #content -->

        </div> <!-- .siteInnerWrapper -->

        {% include 'includes/page_structure/footer_mini.twig' with {
            show_nhs_logo: false
        }%}

    </div> <!-- .siteWrapper -->

    {% block popup %}

    {% endblock %}
    

    {% block frontend_footer %}


    {% endblock %}


{% endblock %}
