{% extends 'Comitium5DesignerBundle:Common:base.html.twig' %}

{% block styles %}
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">
    <link href="{{ asset("bundles/comitium5designer/css/main.min.css") }}" rel="stylesheet">
{% endblock styles %}

{% block javascripts %}
    <!-- Translations -->
    <script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}" type="text/javascript"></script>
    <script src="{{ url('bazinga_jstranslation_js') }}" type="text/javascript"></script>
    <!-- /Translations -->
    <script src="{{ asset("bundles/comitium5designer/js/main.min.js") }}"></script>
{% endblock javascripts %}

{% block content_base %}
<!-- Page Wrapper -->
<div id="wrapper">
    {% block sidebar %}
    {#<!-- Sidebar -->#}
    {% include "Comitium5DesignerBundle:Common:sidebar.html.twig" %}
    {#<!-- End of Sidebar -->#}
    {% endblock sidebar %}

    <!-- Content Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">

        <!-- Main Content -->
        <div id="content" data-nav-element>
            {% block topbar %}
                {#<!-- Topbar -->#}
                {% include "Comitium5DesignerBundle:Common:topbar.html.twig" %}
                {#<!-- End of Topbar -->#}
            {% endblock topbar %}

            <!-- Begin Page Content -->
            {% block page_content %}{% endblock %}
            <!-- End of Main Content -->
        </div>
    {#<!-- Footer -->#}
    {# include "Comitium5DesignerBundle:Common:footer.html.twig" #}
    {#<!-- End of Footer -->#}

</div>
<!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
</a>
{% endblock content_base %}