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

{% block body %}

{% include('default/navleft.html.twig') %}

<div id="main">
    <header class="mb-3">
        <a href="#" class="burger-btn d-block d-xl-none">
            <i class="bi bi-justify fs-3"></i>
        </a>
    </header>
    <div class="page-heading">
        {% block heading %}
        {% endblock %}
    </div>
    <div class="page-content"> 
        <div id="defaultmodal"></div>
        {% include('default/flash.html.twig') %}
        {% block main %}
        {% endblock %}
    </div>
</div>

<script src="{{ asset('./styles/vendors/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('/styles//js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('./styles/vendors/apexcharts/apexcharts.js') }}"></script> 
<script src="{{ asset('./styles/js/pages/dashboard.js') }}"></script>
<script src="{{ asset('./styles/js/main.js') }}"></script>
{% endblock %}