{% extends 'base.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('css/sidebar.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block body %}

    <!-- Begin page -->
    <div id="layout-wrapper">

        {{ include('partials/menu.html.twig') }}

        <!-- ============================================================== -->
        <!-- Start right Content here -->
        <!-- ============================================================== -->
        <div class="main-content">

            <div class="page-content">
                <div class="container-fluid">

                    {{ include('partials/flash-messages.html.twig') }}

                    {% block content %}{% endblock %}

                </div>
                <!-- container-fluid -->
            </div>
            <!-- End Page-content -->

            {{ include('partials/footer.html.twig') }}

        </div>
        <!-- end main content-->

    </div>

    <!--start back-to-top-->
    <button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top">
        <i class="ri-arrow-up-line"></i>
    </button>
    <!--end back-to-top-->

{% endblock %}

{% block javascripts %}

    {{ include('partials/vendor-scripts.html.twig') }}

    <!-- projects for testing only js -->
    <script src="{{ asset('js/pages/dashboard-projects.init.js') }}"></script>

    <!-- Sidebar functionality -->
    <script src="{{ asset('js/sidebar.js') }}"></script>

    <!-- App js -->
    <script src="{{ asset('js/app.js') }}"></script>

{% endblock %}