<!DOCTYPE html>
<html lang="{{ langs.getDefaultLang }}">
<head>
    <title>{{ app_title }}</title>
    <meta charset="UTF-8">
    <meta name="robots" content="noindex,nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="blacktiehost.com">
    <link rel="shortcut icon" type="image/x-icon" href="{{ main_url }}/themes/admin/img/favicon.png"/>
    <link type="text/css" rel="stylesheet" href="{{ main_url }}/themes/admin/css/sb-admin-2.min.css">
    <link type="text/css" rel="stylesheet" href="{{ main_url }}/themes/admin/css/all.min.css">
    <link type="text/css" rel="stylesheet" href="{{ main_url }}/themes/admin/css/dataTables.bootstrap4.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/
[email protected]/font/bootstrap-icons.css">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/
[email protected]/dist/umd/popper.min.js"></script>
</head>
<body id="page-top">
<div id="wrapper">
    <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
        <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.php">
            <div class="sidebar-brand-icon rotate-n-15">
                <i class="fas fa-lock"></i>
            </div>
            <div class="sidebar-brand-text mx-3">{{ app_title }}</div>
        </a>
        <hr class="sidebar-divider my-0">
        <li class="nav-item">
            <a class="nav-link" href="index.php">
                <i class="fas fa-fw fa-tachometer-alt"></i>
                <span>{{ langs.trans('Dashboard') }}</span></a>
        </li>
        <hr class="sidebar-divider">
        <div class="sidebar-heading">
            {{ langs.trans('Interface') }}
        </div>
        <li class="nav-item">
            <a class="nav-link" href="settings.php">
                <i class="fas fa-fw fa-cog"></i>
                <span>{{ langs.trans('Settings') }}</span>
            </a>
        </li>
        <hr class="sidebar-divider">
        <div class="sidebar-heading">
            {{ langs.trans('Users') }}
        </div>
        <li class="nav-item">
            <a class="nav-link" href="users.php">
                <i class="fas fa-solid fa-user"></i>
                <span>{{ langs.trans('All') }}</span>
            </a>
        </li>
        <hr class="sidebar-divider d-none d-md-block">
        <li class="nav-item">
            <a class="nav-link" href="../index.php">
                <i class="fas fa-solid fa-pager"></i>
                <span>{{ langs.trans('HomePage') }}</span>
            </a>
        </li>
        <hr class="sidebar-divider">
        <div class="text-center d-none d-md-inline">
            <button class="rounded-circle border-0" id="sidebarToggle"></button>
        </div>
    </ul>
    <div id="content-wrapper" class="d-flex flex-column">
        <div id="content">
            {% block body %}{% endblock %}
        </div>
        <footer class="text-center text-lg-start bg-light text-muted">
            <div class="text-center p-4" style="color: {{ text_color }};">
                © 2021 - 2023 {{ langs.trans('AllRightsReserved') }}
                <a class="text-reset fw-bold" href="https://blacktiehost.com/">BlackTieHost.com</a>
            </div>
        </footer>
    </div>
    <a class="scroll-to-top rounded" href="#page-top">
        <i class="fas fa-angle-up"></i>
    </a>
    <script src="{{ main_url }}/themes/admin/js/bootstrap.min.js"></script>
    <script src="{{ main_url }}/themes/admin/js/bootstrap.bundle.min.js"></script>
    <script src="{{ main_url }}/themes/admin/js/sb-admin-2.min.js"></script>
    <script src="{{ main_url }}/themes/admin/js/jquery.dataTables.min.js"></script>
    <script src="{{ main_url }}/themes/admin/js/dataTables.bootstrap4.min.js"></script>
    <script src="{{ main_url }}/themes/admin/js/datatables.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/
[email protected]/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD"
            crossorigin="anonymous"></script>
    {% block javascripts %}{% endblock %}
</div>
</body>
</html>