
<aside class="pe-app-sidebar horizontal-sidebar" id="horizontal-aside">
    <div class="pe-app-sidebar-logo px-6 d-flex align-items-center position-relative">
        <!--begin::Brand Image-->
        <a href="index.php" class="fs-18 fw-semibold">
            <img height="30" class="pe-app-sidebar-logo-default d-none" alt="Logo" src="<?= ADMIN_BASE_URL ?>assets/images/logo-dark.png">
            <img height="30" class="pe-app-sidebar-logo-light d-none" alt="Logo" src="<?= ADMIN_BASE_URL ?>assets/images/logo-light.png">
            <img height="30" class="pe-app-sidebar-logo-minimize d-none" alt="Logo" src="<?= ADMIN_BASE_URL ?>assets/images/logo-md.png">
            <img height="30" class="pe-app-sidebar-logo-minimize-light d-none" alt="Logo" src="<?= ADMIN_BASE_URL ?>assets/images/logo-md-light.png">
            <!-- FabKin -->
        </a>
        <!--end::Brand Image-->
    </div> 
    <!-- data-simplebar id="sidebar-simplebar" -->
    <nav class="pe-app-sidebar-menu nav nav-pills">
        <ul class="pe-horizontal-menu list-unstyled" id="horizontal-menu">
            <li class="pe-menu-title">
                Main
            </li>
            <li class="pe-slide pe-has-sub">
                <a href="#collapseDashboards" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseDashboards">
                    <i class="bi bi-speedometer2 pe-nav-icon"></i>
                    <span class="pe-nav-content">Dashboards</span>
                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                </a>
                <ul class="pe-slide-menu collapse" id="collapseDashboards">
                    <li class="pe-slide-item">
                        <a href="index.php" class="pe-nav-link">
                            Academy
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="dashboard-analytics.php" class="pe-nav-link">
                            Analytics
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="dashboard-crm.php" class="pe-nav-link">
                            CRM
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="dashboard-ecommerce.php" class="pe-nav-link">
                            E-Commerce
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="dashboard-logistic.php" class="pe-nav-link">
                            Logistics
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="dashboard-project.php" class="pe-nav-link">
                            Projects
                        </a>
                    </li>
                </ul>
            </li>
            <li class="pe-menu-title">
                Applications
            </li>
            <li class="pe-slide pe-has-sub">
                <a href="#collapseApplications" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseApplications">
                    <i class="bi bi-window-stack pe-nav-icon"></i>
                    <span class="pe-nav-content">Applications</span>
                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                </a>
                <ul class="pe-slide-menu collapse" id="collapseApplications">
                    <li class="pe-slide pe-has-sub">
                        <a href="apps-calendar.php" class="pe-nav-link">
                            <i class="bi bi-calendar-week pe-nav-icon"></i>
                            <span class="pe-nav-content">Calendar</span>
                        </a>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="apps-chat.php" class="pe-nav-link">
                            <i class="bi bi-chat-square-text pe-nav-icon"></i>
                            <span class="pe-nav-content">Chat</span>
                        </a>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="apps-email.php" class="pe-nav-link">
                            <i class="bi bi-envelope-at pe-nav-icon"></i>
                            <span class="pe-nav-content">Email</span>
                        </a>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseEcommerce" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseEcommerce">
                            <i class="bi bi-cart4 pe-nav-icon"></i>
                            <span class="pe-nav-content">E-Commerce</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseEcommerce">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">E-Commerce</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-products.php" class="pe-nav-link">
                                    Products
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-products-details.php" class="pe-nav-link">
                                    Product Details
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-products-list.php" class="pe-nav-link">
                                    Product List
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-add-products.php" class="pe-nav-link">
                                    Add Product
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-order-details.php" class="pe-nav-link">
                                    Order Details
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-order.php" class="pe-nav-link">
                                    Orders
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-cart.php" class="pe-nav-link">
                                    Cart
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-checkout.php" class="pe-nav-link">
                                    Checkout
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-ecommerce-wishlist.php" class="pe-nav-link">
                                    Wishlist
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseAcademy" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseAcademy">
                            <i class="bi bi-mortarboard pe-nav-icon"></i>
                            <span class="pe-nav-content">Academy</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseAcademy">
                            <li class="pe-slide pe-has-sub">
                                <a href="#collapseCourses" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseCourses">
                                    <span class="pe-nav-sub-content">Courses</span>
                                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                                </a>
                                <ul class="pe-slide-menu collapse" id="collapseCourses">
                                    <li class="pe-slide-item">
                                        <a href="apps-academy-courses.php" class="pe-nav-link">All Courses</a>
                                    </li>
                                    <li class="pe-slide-item">
                                        <a href="apps-academy-courses-category.php" class="pe-nav-link">Courses Category</a>
                                    </li>
                                    <li class="pe-slide-item">
                                        <a href="apps-academy-single-category.php" class="pe-nav-link">Category Single</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pe-slide pe-has-sub">
                                <a href="#collapseUsers" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseUsers">
                                    <span class="pe-nav-sub-content">User</span>
                                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                                </a>
                                <ul class="pe-slide-menu collapse" id="collapseUsers">
                                    <li class="pe-slide-item">
                                        <a href="apps-academy-user-instructor.php" class="pe-nav-link">Instructor</a>
                                    </li>
                                    <li class="pe-slide-item">
                                        <a href="apps-academy-user-student.php" class="pe-nav-link">Students</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseCMS" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseCMS">
                            <i class="bi bi-book pe-nav-icon"></i>
                            <span class="pe-nav-content">CMS</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseCMS">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">CMS</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-cms-content.php" class="pe-nav-link">
                                    Content
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-cms-add-content.php" class="pe-nav-link">
                                   Add Content
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-cms-menus.php" class="pe-nav-link">
                                    Menus
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-cms-blog.php" class="pe-nav-link">
                                    Blog
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseLogistics" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseLogistics">
                            <i class="bi bi-truck pe-nav-icon"></i>
                            <span class="pe-nav-content">Logistics</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseLogistics">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Logistics</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-logistic-list.php" class="pe-nav-link">
                                    List
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-logistic-overview.php" class="pe-nav-link">
                                    Overview
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-logistic-create.php" class="pe-nav-link">
                                    Create Project
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseCRM" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseCRM">
                            <i class="bi bi-binoculars pe-nav-icon"></i>
                            <span class="pe-nav-content">CRM</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseCRM">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">CRM</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-crm-contact.php" class="pe-nav-link">
                                    Contact
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-crm-lead.php" class="pe-nav-link">
                                    Lead
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-crm-deal.php" class="pe-nav-link">
                                    Deal
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseProjects" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseProjects">
                            <i class="bi bi-cast pe-nav-icon"></i>
                            <span class="pe-nav-content">Projects</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseProjects">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Projects</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-project-list.php" class="pe-nav-link">
                                    List
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-project-overview.php" class="pe-nav-link">
                                    Overview
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-project-create.php" class="pe-nav-link">
                                    Create Project
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseInvoices" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseInvoices">
                            <i class="bi bi-receipt pe-nav-icon"></i>
                            <span class="pe-nav-content">Invoices</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseInvoices">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Invoices</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-invoice-list.php" class="pe-nav-link">
                                    List
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-invoice-detail.php" class="pe-nav-link">
                                    Details
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="apps-invoice-create.php" class="pe-nav-link">
                                    Create invoice
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="pe-menu-title">
                Pages
            </li>
            <li class="pe-slide pe-has-sub">
                <a href="#collapsePages" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapsePages">
                    <i class="bi bi-airplane pe-nav-icon"></i>
                    <span class="pe-nav-content">Pages</span>
                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                </a>
                <ul class="pe-slide-menu collapse" id="collapsePages">
                    <li class="slide pe-nav-content1">
                        <a href="javascript:void(0)">Pages</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-starter.php" class="pe-nav-link">
                            Blank Page
                        </a>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseProfile" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseProfile">
                            <span class="pe-nav-sub-content">Profile</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseProfile">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Profile</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="pages-profile.php" class="pe-nav-link">
                                    Simple Page
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="pages-profile-setting.php" class="pe-nav-link">
                                    Settings
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseBlogs" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseBlogs">
                            <span class="pe-nav-sub-content">Blogs</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseBlogs">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Blog</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="pages-blog-list.php" class="pe-nav-link">
                                    Blog List
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="pages-blog-details.php" class="pe-nav-link">
                                    Blog Details
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="pages-blog-create.php" class="pe-nav-link">
                                    Create Blog
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-timeline.php" class="pe-nav-link">
                            Timeline
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-faqs.php" class="pe-nav-link">
                            FAQs
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-billing-subscription.php" class="pe-nav-link">
                            Billing & Subscription
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-pricing.php" class="pe-nav-link">
                            Pricing
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-gallery.php" class="pe-nav-link">
                            Gallery
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-sitemap.php" class="pe-nav-link">
                            Sitemap
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-search-result.php" class="pe-nav-link">
                            Search Results
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-privacy-policy.php" class="pe-nav-link">
                            Privacy Policy
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="pages-terms-conditions.php" class="pe-nav-link">
                            Terms & Conditions
                        </a>
                    </li>
                </ul>
            </li>
            <li class="pe-slide pe-has-sub">
                <a href="#collapseAuth" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseAuth">
                    <i class="bi bi-person pe-nav-icon"></i>
                    <span class="pe-nav-content">Authentication</span>
                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                </a>
                <ul class="pe-slide-menu collapse" id="collapseAuth">
                    <li class="slide pe-nav-content1">
                        <a href="javascript:void(0)">Authentication</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-signin.php" class="pe-nav-link">
                            Sign in
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-signup.php" class="pe-nav-link">
                            Sign Up
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-create-password.php" class="pe-nav-link">
                            Create Password
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-reset-password.php" class="pe-nav-link">
                            Reset Password
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-two-step-verify.php" class="pe-nav-link">
                            Two Step Verification
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-lockscreen.php" class="pe-nav-link">
                            Lock Screen
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="coming-soon.php" class="pe-nav-link">
                            Coming Soon
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="under-maintenance.php" class="pe-nav-link">
                            Under Maintenance
                        </a>
                    </li>
                </ul>
            </li>
            <li class="pe-slide pe-has-sub">
                <a href="#collapseError" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseError">
                    <i class="bi bi-bug pe-nav-icon"></i>
                    <span class="pe-nav-content">Error</span>
                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                </a>
                <ul class="pe-slide-menu collapse" id="collapseError">
                    <li class="slide pe-nav-content1">
                        <a href="javascript:void(0)">Error</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-401.php" class="pe-nav-link">
                            401
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-404.php" class="pe-nav-link">
                            404
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-500.php" class="pe-nav-link">
                            500
                        </a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="auth-offline.php" class="pe-nav-link">
                            offline page
                        </a>
                    </li>
                </ul>
            </li>
            <li class="pe-slide pe-has-sub">
                <a href="#collapseBaseUI" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseBaseUI">
                    <i class="bi bi-feather2 pe-nav-icon"></i>
                    <span class="pe-nav-content">Base UI</span>
                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                </a>
                <ul class="pe-slide-menu collapse list-unstyled" id="collapseBaseUI" data-simplebar style="height: 400px;">
                    <li class="slide pe-nav-content1">
                        <a href="javascript:void(0)">Base UI</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-accordions.php" class="pe-nav-link">Accordions</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-alerts.php" class="pe-nav-link">Alert</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-avatars.php" class="pe-nav-link">Avatar</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-badges.php" class="pe-nav-link">Badge</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-breadcrumbs.php" class="pe-nav-link">Breadcrumb</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-buttons.php" class="pe-nav-link">Buttons</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-button-group.php" class="pe-nav-link">Button Group</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-card.php" class="pe-nav-link">Cards</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-cookie.php" class="pe-nav-link">Cookie</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-carousel.php" class="pe-nav-link">Carousel</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-dropdowns.php" class="pe-nav-link">Dropdown</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-images-figures.php" class="pe-nav-link">Images & Figures</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-links.php" class="pe-nav-link">Links</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-list.php" class="pe-nav-link">List Group</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-tabs.php" class="pe-nav-link">Nav & Tabs</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-pagination.php" class="pe-nav-link">Pagination</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-popover.php" class="pe-nav-link">Popovers</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-progress.php" class="pe-nav-link">Progress</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-spinner.php" class="pe-nav-link">Spinners</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-separator.php" class="pe-nav-link">Separator</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-modal.php" class="pe-nav-link">Modal</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-offcanvas.php" class="pe-nav-link">Off Canvas</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-placeholders.php" class="pe-nav-link">Placeholders</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-toast.php" class="pe-nav-link">Toasts</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-tooltips.php" class="pe-nav-link">Tooltips</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-typography.php" class="pe-nav-link">Typography</a>
                    </li>
                    <li class="pe-slide-item">
                        <a href="ui-utilities.php" class="pe-nav-link">Utilities</a>
                    </li>
                </ul>
            </li>
            <li class="pe-slide pe-has-sub">
                <a href="#collapseMore" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseMore">
                    <i class="bi bi-bag-plus pe-nav-icon"></i>
                    <span class="pe-nav-content">More</span>
                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                </a> 
                <ul class="pe-slide-menu collapse" id="collapseMore">
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseAdvancedUI" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseAdvancedUI">
                            <i class="bi bi-feather pe-nav-icon"></i>
                            <span class="pe-nav-content">Advanced UI</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseAdvancedUI">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Advanced UI</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-block.php" class="pe-nav-link">Block</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-countup.php" class="pe-nav-link">Count Up</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-draggable-cards.php" class="pe-nav-link">Draggable Cards</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-media-player.php" class="pe-nav-link">Media Player</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-ratings.php" class="pe-nav-link">Rating</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-ribbons.php" class="pe-nav-link">Ribbons</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-scrollspy.php" class="pe-nav-link">Scroll Spy</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-sortable-js.php" class="pe-nav-link">Sortable JS</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-sweetalert2.php" class="pe-nav-link">Sweet Alert</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-advance-swiper.php" class="pe-nav-link">Swiper JS</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-tour.php" class="pe-nav-link">Tour</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-treeview.php" class="pe-nav-link">Tree View</a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseFroms" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseFroms">
                            <i class="bi bi-input-cursor-text pe-nav-icon"></i>
                            <span class="pe-nav-content">Forms</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseFroms">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Forms</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-elements.php" class="pe-nav-link">
                                    Input
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-checkboxs-radios.php" class="pe-nav-link">
                                    Checkbox & Radios
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-input-group.php" class="pe-nav-link">
                                    Inout Group
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-select.php" class="pe-nav-link">
                                    Form Select
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-range.php" class="pe-nav-link">
                                    Range Slider
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-input-masks.php" class="pe-nav-link">
                                    Input Masks
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-file-uploads.php" class="pe-nav-link">
                                    File Uploads
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-date-picker.php" class="pe-nav-link">
                                    Date,Time Picker
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-floating-labels.php" class="pe-nav-link">Floating Label</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-layout.php" class="pe-nav-link">Form Layout</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-editor.php" class="pe-nav-link">Editor</a>
                            </li>
                            <li class="pe-slide-item"> 
                                <a href="ui-form-validation.php" class="pe-nav-link">Form Validation</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-wizards.php" class="pe-nav-link">Form Wizards</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-form-advanced.php" class="pe-nav-link">Form Advanced</a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseTables" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseTables">
                            <i class="bi bi-table pe-nav-icon"></i>
                            <span class="pe-nav-content">Tables</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseTables">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Tables</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-tables-basic.php" class="pe-nav-link">
                                    Basic Tables
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-tables-listjs.php" class="pe-nav-link">
                                    List JS Table
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-tables-gridjs.php" class="pe-nav-link">
                                    Grid JS Table
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="ui-tables-datatables.php" class="pe-nav-link">
                                    Datatables
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseCharts" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseCharts">
                            <i class="bi bi-bar-chart pe-nav-icon"></i>
                            <span class="pe-nav-content">Charts</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseCharts">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Charts</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="chart-apex-line.php" class="pe-nav-link">
                                    Apex Charts
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="chart-js-chart.php" class="pe-nav-link">
                                    Chartjs Charts
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="echart-chart.php" class="pe-nav-link">
                                    Echart Charts
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-menu-title">
                        Icons & Maps
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseIcons" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseIcons">
                            <i class="bi bi-recycle pe-nav-icon"></i>
                            <span class="pe-nav-content">Icons</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseIcons">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Icons</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="icons-remix.php" class="pe-nav-link">
                                    Remix Icons
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="icons-bootstrap.php" class="pe-nav-link">
                                    Bootstrap Icons
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseMaps" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseMaps">
                            <i class="bi bi-map pe-nav-icon"></i>
                            <span class="pe-nav-content">Maps</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseMaps">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Maps</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="maps-google.php" class="pe-nav-link">
                                    Google Maps
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="maps-leaflet.php" class="pe-nav-link">
                                    Leaflet Maps
                                </a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="maps-vector.php" class="pe-nav-link">
                                    Vector Maps
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="pe-menu-title">
                        Other
                    </li>
                    <li class="pe-slide pe-has-sub">
                        <a href="#collapseMenuLavels" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseMenuLavels">
                            <i class="bi bi-diagram-3 pe-nav-icon"></i>
                            <span class="pe-nav-content">Menu levels</span>
                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                        </a>
                        <ul class="pe-slide-menu collapse" id="collapseMenuLavels">
                            <li class="slide pe-nav-content1">
                                <a href="javascript:void(0)">Menu levels</a>
                            </li>
                            <li class="pe-slide-item">
                                <a href="javascript:void(0)" class="pe-nav-link">
                                    Level 1.1
                                </a>
                            </li>
                            <li class="pe-slide pe-has-sub">
                                <a href="#collapseMenuLavels2" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseMenuLavels2">
                                    <span class="pe-nav-sub-content">Level 1.2</span>
                                    <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                                </a>
                                <ul class="pe-slide-menu collapse" id="collapseMenuLavels2">
                                    <li class="slide pe-nav-content1">
                                        <a href="javascript:void(0)">Level 1.2</a>
                                    </li>
                                    <li class="pe-slide-item">
                                        <a href="javascript:void(0)" class="pe-nav-link">
                                            Level 2.1
                                        </a>
                                    </li>
                                    <li class="pe-slide-item">
                                        <a href="javascript:void(0)" class="pe-nav-link">
                                            Level 2.2
                                        </a>
                                    </li>
                                    <li class="pe-slide pe-has-sub">
                                        <a href="#collapseMenuLavels3" class="pe-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseMenuLavels3">
                                            <span class="pe-nav-sub-content">Level 2.3</span>
                                            <i class="ri-arrow-down-s-line pe-nav-arrow"></i>
                                        </a>
                                        <ul class="pe-slide-menu collapse" id="collapseMenuLavels3">
                                            <li class="slide pe-nav-content1">
                                                <a href="javascript:void(0)">Level 2.3</a>
                                            </li>
                                            <li class="pe-slide-item">
                                                <a href="javascript:void(0)" class="pe-nav-link">
                                                    Level 3.1
                                                </a>
                                            </li>
                                            <li class="pe-slide-item">
                                                <a href="javascript:void(0)" class="pe-nav-link">
                                                    Level 3.2
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </nav>
</aside>
<div class="sidebar-backdrop" id="sidebar-backdrop"></div>
