<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}{% endblock %}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        {% block stylesheets %}
            {{ encore_entry_link_tags('app_backend') }}
        {% endblock %}

        {% block javascripts %}
            {{ encore_entry_script_tags('app_backend') }}
        {% endblock %}
    </head>
   {% block body %}
    <body id="page-top">

        <!-- Page Wrapper -->
        <div id="wrapper">

            {% include 'backend_admin/basic/menu.html.twig' %}

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

                <!-- Main Content -->
                <div id="content">

                    <nav class="navbar-expand navbar-light  mb-4 static-top shadow"></nav>

                    <!-- Begin Page Content -->
                    <div class="container-fluid">

                        {% block content %}

                        {% endblock %}
                        
                    </div>
                    <!-- /.container-fluid -->

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

            </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>

    </body>
    {% endblock %}
  
   {#<script src="{{ asset('assets/js/bootstrap.bundle.min.js.js') }}" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>#}
   
</html>
