<!-- Main Sidebar Container -->

<aside class="main-sidebar sidebar-dark-primary elevation-4">

    <!-- Brand Logo -->

    <a
        href="<?= WEB_ROOT; ?>super_admin/dashboard.php"
        class="brand-link"
    >

        <span class="brand-text font-weight-light ml-2">

            Super Admin

        </span>

    </a>

    <!-- Sidebar -->

    <div class="sidebar">

        <!-- Sidebar Menu -->

        <nav class="mt-3">

            <ul
                class="nav nav-pills nav-sidebar flex-column"
                data-widget="treeview"
                role="menu"
                data-accordion="false"
            >

                <!-- Dashboard -->

                <li class="nav-item">

                    <a
                        href="<?= WEB_ROOT; ?>super_admin/dashboard.php"
                        class="nav-link <?= basename($_SERVER['PHP_SELF']) == 'dashboard.php' ? 'active' : ''; ?>"
                    >

                        <i class="nav-icon fas fa-tachometer-alt"></i>

                        <p>

                            Dashboard

                        </p>

                    </a>

                </li>

                <!-- Schools -->

                <li class="nav-item has-treeview <?= strpos($_SERVER['REQUEST_URI'], 'schools') !== false ? 'menu-open' : ''; ?>">

                    <a
                        href="#"
                        class="nav-link <?= strpos($_SERVER['REQUEST_URI'], 'schools') !== false ? 'active' : ''; ?>"
                    >

                        <i class="nav-icon fas fa-school"></i>

                        <p>

                            Schools

                            <i class="right fas fa-angle-left"></i>

                        </p>

                    </a>

                    <ul class="nav nav-treeview">

                        <li class="nav-item">

                            <a
                                href="<?= WEB_ROOT; ?>super_admin/schools/index.php"
                                class="nav-link <?= basename($_SERVER['PHP_SELF']) == 'index.php' ? 'active' : ''; ?>"
                            >

                                <i class="far fa-circle nav-icon"></i>

                                <p>

                                    Manage Schools

                                </p>

                            </a>

                        </li>

                        <li class="nav-item">

                            <a
                                href="<?= WEB_ROOT; ?>super_admin/schools/create.php"
                                class="nav-link <?= basename($_SERVER['PHP_SELF']) == 'create.php' ? 'active' : ''; ?>"
                            >

                                <i class="far fa-circle nav-icon"></i>

                                <p>

                                    Create School

                                </p>

                            </a>

                        </li>

                    </ul>

                </li>

                <!-- Super Admins -->

                <li class="nav-item has-treeview <?= strpos($_SERVER['REQUEST_URI'], 'admin') !== false ? 'menu-open' : ''; ?>">

                    <a
                        href="#"
                        class="nav-link <?= strpos($_SERVER['REQUEST_URI'], 'admin') !== false ? 'active' : ''; ?>"
                    >

                        <i class="nav-icon fas fa-user-shield"></i>

                        <p>

                            Super Admins

                            <i class="right fas fa-angle-left"></i>

                        </p>

                    </a>

                    <ul class="nav nav-treeview">

                        <li class="nav-item">

                            <a
                                href="<?= WEB_ROOT; ?>super_admin/admin/manage_super_admins.php"
                                class="nav-link <?= basename($_SERVER['PHP_SELF']) == 'manage_super_admins.php' ? 'active' : ''; ?>"
                            >

                                <i class="far fa-circle nav-icon"></i>

                                <p>

                                    Manage Super Admins

                                </p>

                            </a>

                        </li>

                    </ul>

                </li>
				<!-- Invoices -->
				<li class="nav-item has-treeview <?= strpos($_SERVER['REQUEST_URI'], 'admin') !== false ? 'menu-open' : ''; ?>">

                    <a
                        href="#"
                        class="nav-link <?= strpos($_SERVER['REQUEST_URI'], 'admin') !== false ? 'active' : ''; ?>"
                    >

                        <i class="nav-icon fas fa-user-shield"></i>

                        <p>

                            Invoices

                            <i class="right fas fa-angle-left"></i>

                        </p>

                    </a>

                    <ul class="nav nav-treeview">

                        <li class="nav-item">

                            <a
                                href="<?= WEB_ROOT; ?>super_admin/invoices/view_invoices.php"
                                class="nav-link <?= basename($_SERVER['PHP_SELF']) == 'manage_super_admins.php' ? 'active' : ''; ?>"
                            >

                                <i class="far fa-circle nav-icon"></i>

                                <p>

                                     Invoices 

                                </p>

                            </a>

                        </li>
						 <li class="nav-item">

                            <a
                                href="<?= WEB_ROOT; ?>super_admin/invoices/create_invoices.php"
                                class="nav-link <?= basename($_SERVER['PHP_SELF']) == 'manage_super_admins.php' ? 'active' : ''; ?>"
                            >

                                <i class="far fa-circle nav-icon"></i>

                                <p>

                                     Create Invoice

                                </p>

                            </a>

                        </li>

                    </ul>

                </li>

            </ul>

        </nav>

    </div>

    <!-- /.sidebar -->

</aside>

<!-- Content Wrapper -->

<div class="content-wrapper">