Files
site/res/templates/components/sidebar.html
2025-12-27 22:36:33 +08:00

1507 lines
68 KiB
HTML

<!-- Sidebar Start -->
<aside class="left-sidebar with-vertical">
<div><!-- ---------------------------------- -->
<!-- Start Vertical Layout Sidebar -->
<!-- ---------------------------------- -->
<div class="brand-logo d-flex align-items-center justify-content-between">
<a href="/all/index" class="text-nowrap logo-img">
<img src="/assets/images/logos/dark-logo.svg" class="dark-logo" alt="Logo-Dark" />
<img src="/assets/images/logos/light-logo.svg" class="light-logo" alt="Logo-light" />
</a>
<a href="javascript:void(0)" class="sidebartoggler ms-auto text-decoration-none fs-5 d-block d-xl-none">
<i class="ti ti-x"></i>
</a>
</div>
<nav class="sidebar-nav scroll-sidebar" data-simplebar>
<ul id="sidebarnav">
<!-- ---------------------------------- -->
<!-- Home -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">Home</span>
</li>
<!-- ---------------------------------- -->
<!-- Dashboard -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link" href="/all/index" id="get-url" aria-expanded="false">
<span>
<i class="ti ti-aperture"></i>
</span>
<span class="hide-menu">Modern</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/index2" aria-expanded="false">
<span>
<i class="ti ti-shopping-cart"></i>
</span>
<span class="hide-menu">eCommerce</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/index3" aria-expanded="false">
<span>
<i class="ti ti-currency-dollar"></i>
</span>
<span class="hide-menu">NFT</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/index4" aria-expanded="false">
<span>
<i class="ti ti-cpu"></i>
</span>
<span class="hide-menu">Crypto</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/index5" aria-expanded="false">
<span>
<i class="ti ti-activity-heartbeat"></i>
</span>
<span class="hide-menu">General</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/index6" aria-expanded="false">
<span>
<i class="ti ti-playlist"></i>
</span>
<span class="hide-menu">Music</span>
</a>
</li>
<!-- ---------------------------------- -->
<!-- Frontend page -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-layout-grid"></i>
</span>
<span class="hide-menu">Frontend page</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/frontend-landingpage" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Homepage</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/frontend-aboutpage" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">About Us</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/frontend-contactpage" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Contact Us</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/frontend-blogpage" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Blog</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/frontend-blogdetailpage" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Blog Details</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Apps -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">Apps</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/app-calendar" aria-expanded="false">
<span>
<i class="ti ti-calendar"></i>
</span>
<span class="hide-menu">Calendar</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/app-kanban" aria-expanded="false">
<span>
<i class="ti ti-layout-kanban"></i>
</span>
<span class="hide-menu">Kanban</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/app-chat" aria-expanded="false">
<span>
<i class="ti ti-message-dots"></i>
</span>
<span class="hide-menu">Chat</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/app-email" aria-expanded="false">
<span>
<i class="ti ti-mail"></i>
</span>
<span class="hide-menu">Email</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/app-notes" aria-expanded="false">
<span>
<i class="ti ti-notes"></i>
</span>
<span class="hide-menu">Notes</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/app-contact" aria-expanded="false">
<span>
<i class="ti ti-phone"></i>
</span>
<span class="hide-menu">Contact Table</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/app-contact2" aria-expanded="false">
<span>
<i class="ti ti-list-details"></i>
</span>
<span class="hide-menu">Contact List</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/app-invoice" aria-expanded="false">
<span>
<i class="ti ti-file-text"></i>
</span>
<span class="hide-menu">Invoice</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/page-user-profile" aria-expanded="false">
<span>
<i class="ti ti-user-circle"></i>
</span>
<span class="hide-menu">User Profile</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-chart-donut-3"></i>
</span>
<span class="hide-menu">Blog</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/blog-posts" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Posts</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/blog-detail" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Details</span>
</a>
</li>
</ul>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-basket"></i>
</span>
<span class="hide-menu">Ecommerce</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/eco-shop" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Shop</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/eco-shop-detail" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Details</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/eco-product-list" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">List</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/eco-checkout" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Checkout</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/eco-add-product" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Add Product</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/eco-edit-product" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Edit Product</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- PAGES -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">PAGES</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/page-pricing" aria-expanded="false">
<span>
<i class="ti ti-currency-dollar"></i>
</span>
<span class="hide-menu">Pricing</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/page-faq" aria-expanded="false">
<span>
<i class="ti ti-help"></i>
</span>
<span class="hide-menu">FAQ</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/page-account-settings" aria-expanded="false">
<span>
<i class="ti ti-user-circle"></i>
</span>
<span class="hide-menu">Account Setting</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="../landingpage/index" aria-expanded="false">
<span>
<i class="ti ti-app-window"></i>
</span>
<span class="hide-menu">Landing Page</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-layout"></i>
</span>
<span class="hide-menu">Widgets</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/widgets-cards" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Cards</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/widgets-banners" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Banner</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/widgets-charts" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Charts</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/widgets-feeds" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Feed Widgets</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/widgets-apps" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Apps Widgets</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/widgets-data" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Data Widgets</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- UI -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">UI</span>
</li>
<!-- ---------------------------------- -->
<!-- UI Elements -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-layout-grid"></i>
</span>
<span class="hide-menu">UI Elements</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/ui-accordian" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Accordian</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-badge" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Badge</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-buttons" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Buttons</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-dropdowns" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Dropdowns</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-modals" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Modals</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-tab" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Tab</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-tooltip-popover" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Tooltip & Popover</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-notification" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Alerts</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-progressbar" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Progressbar</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-pagination" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Pagination</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-typography" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Typography</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-bootstrap-ui" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Bootstrap UI</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-breadcrumb" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Breadcrumb</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-offcanvas" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Offcanvas</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-lists" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Lists</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-grid" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Grid</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-carousel" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Carousel</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-scrollspy" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Scrollspy</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-spinner" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Spinner</span>
</a>
</li>
<li class="sidebar-item mb-3">
<a href="/all/ui-link" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Link</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Cards -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-cards"></i>
</span>
<span class="hide-menu">Cards</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/ui-cards" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Basic Cards</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-card-customs" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Custom Cards</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-card-weather" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Weather Cards</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/ui-card-draggable" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Draggable Cards</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Component -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-components"></i>
</span>
<span class="hide-menu">Component</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/component-sweetalert" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Sweet Alert</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/component-nestable" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Nestable</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/component-noui-slider" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Noui slider</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/component-rating" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Rating</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/component-toastr" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Toastr</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Forms -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">Forms</span>
</li>
<!-- ---------------------------------- -->
<!-- Form Elements -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-file-text"></i>
</span>
<span class="hide-menu">Form Elements</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/form-inputs" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Forms Input</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-input-groups" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Input Groups</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-input-grid" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Input Grid</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-checkbox-radio" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Checkbox & Radios</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-bootstrap-switch" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Bootstrap Switch</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-select2" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Select2</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Form Addons -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-qrcode"></i>
</span>
<span class="hide-menu">Form Addons</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/form-dropzone" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Dropzone</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-mask" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Form Mask</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-typeahead" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Form Typehead</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Form Validation -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-alert-circle"></i>
</span>
<span class="hide-menu">Form Validation</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/form-bootstrap-validation" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Bootstrap Validation</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-custom-validation" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Custom Validation</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Form Pickers -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-file-pencil"></i>
</span>
<span class="hide-menu">Form Pickers</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/form-picker-colorpicker" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Colorpicker</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-picker-bootstrap-rangepicker" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Bootstrap Rangepicker</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-picker-bootstrap-datepicker" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Bootstrap Datepicker</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-picker-material-datepicker" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Material Datepicker</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Form Editor -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-dna"></i>
</span>
<span class="hide-menu">Form Editor</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/form-editor-quill" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Quill Editor</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/form-editor-tinymce" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Tinymce Editor</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Form Input -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-basic" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-archive"></i>
</span>
<span class="hide-menu">Basic Form</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-vertical" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-box-align-left"></i>
</span>
<span class="hide-menu">Form Vertical</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-horizontal" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-box-align-bottom"></i>
</span>
<span class="hide-menu">Form Horizontal</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-actions" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-file-export"></i>
</span>
<span class="hide-menu">Form Actions</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-row-separator" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-separator-horizontal"></i>
</span>
<span class="hide-menu">Row Separator</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-bordered" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-border-outer"></i>
</span>
<span class="hide-menu">Form Bordered</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-detail" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-file-description"></i>
</span>
<span class="hide-menu">Form Detail</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-striped-row" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-file-analytics"></i>
</span>
<span class="hide-menu">Striped Rows</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-floating-input" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-file-dots"></i>
</span>
<span class="hide-menu">Form Floating Input</span>
</a>
</li>
<!-- ---------------------------------- -->
<!-- Form Wizard -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-wizard" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-files"></i>
</span>
<span class="hide-menu">Form Wizard</span>
</a>
</li>
<!-- ---------------------------------- -->
<!-- Form Repeater -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link" href="/all/form-repeater" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-topology-star-3"></i>
</span>
<span class="hide-menu">Form Repeater</span>
</a>
</li>
<!-- ---------------------------------- -->
<!-- Tables -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">Tables</span>
</li>
<!-- ---------------------------------- -->
<!-- Bootstrap Table -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-layout-sidebar"></i>
</span>
<span class="hide-menu">Bootstrap Table</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/table-basic" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Basic Table</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/table-dark-basic" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Dark Basic Table</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/table-sizing" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Sizing Table</span>
</a>
</li>
<li class="sidebar-item mb-3">
<a href="/all/table-layout-coloured" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Coloured Table</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Datatable -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-air-conditioning-disabled"></i>
</span>
<span class="hide-menu">Datatables</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/table-datatable-basic" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Basic Initialisation</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/table-datatable-api" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">API</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/table-datatable-advanced" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Advanced Initialisation</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Table Jsgrid -->
<!-- ---------------------------------- -->
<!-- ---------------------------------- -->
<!-- Charts -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">Charts</span>
</li>
<!-- ---------------------------------- -->
<!-- Apex Chart -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-chart-pie"></i>
</span>
<span class="hide-menu">Apex Charts</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/chart-apex-line" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Line Chart</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/chart-apex-area" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Area Chart</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/chart-apex-bar" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Bar Chart</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/chart-apex-pie" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Pie Chart</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/chart-apex-radial" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Radial Chart</span>
</a>
</li>
<li class="sidebar-item mb-3">
<a href="/all/chart-apex-radar" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Radar Chart</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Sample Pages -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">Sample Pages</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-file"></i>
</span>
<span class="hide-menu">Sample Pages</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/pages-animation" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Animation</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/pages-search-result" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Search Result</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/pages-gallery" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Gallery</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/pages-treeview" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Treeview</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/pages-block-ui" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Block-Ui</span>
</a>
</li>
<li class="sidebar-item mb-3">
<a href="/all/pages-session-timeout" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Session Timeout</span>
</a>
</li>
</ul>
</li>
<!-- ---------------------------------- -->
<!-- Icons -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">Icons</span>
</li>
<!-- ---------------------------------- -->
<!-- Tabler Icon -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link sidebar-link" href="/all/icon-tabler" aria-expanded="false">
<span class="rounded-3">
<i class="ti ti-archive"></i>
</span>
<span class="hide-menu">Tabler Icon</span>
</a>
</li>
<!-- ---------------------------------- -->
<!-- Solar Icon -->
<!-- ---------------------------------- -->
<li class="sidebar-item">
<a class="sidebar-link sidebar-link" href="/all/icon-solar" aria-expanded="false">
<span class="rounded-3">
<i class="ti ti-mood-smile"></i>
</span>
<span class="hide-menu">Solar Icon</span>
</a>
</li>
<!-- ---------------------------------- -->
<!-- AUTH -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">AUTH</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link sidebar-link" href="/all/authentication-error" aria-expanded="false">
<span class="rounded-3">
<i class="ti ti-alert-circle"></i>
</span>
<span class="hide-menu">Error</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-login"></i>
</span>
<span class="hide-menu">Login</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/authentication-login" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Side Login</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/authentication-login2" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Boxed Login</span>
</a>
</li>
</ul>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-user-plus"></i>
</span>
<span class="hide-menu">Register</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/authentication-register" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Side Register</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/authentication-register2" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Boxed Register</span>
</a>
</li>
</ul>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-rotate"></i>
</span>
<span class="hide-menu">Forgot Password</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/authentication-forgot-password" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Side Forgot Password</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/authentication-forgot-password2" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Boxed Forgot Password</span>
</a>
</li>
</ul>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-zoom-code"></i>
</span>
<span class="hide-menu">Two Steps</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="/all/authentication-two-steps" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Side Two Steps</span>
</a>
</li>
<li class="sidebar-item">
<a href="/all/authentication-two-steps2" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Boxed Two Steps</span>
</a>
</li>
</ul>
</li>
<li class="sidebar-item">
<a class="sidebar-link sidebar-link" href="/all/authentication-maintenance" aria-expanded="false">
<span class="rounded-3">
<i class="ti ti-settings"></i>
</span>
<span class="hide-menu">Maintenance</span>
</a>
</li>
<!-- ---------------------------------- -->
<!-- DOCUMENTATION -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">DOCUMENTATION</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link sidebar-link" href="../docs/index" aria-expanded="false">
<span class="rounded-3">
<i class="ti ti-file-text"></i>
</span>
<span class="hide-menu">Getting Started</span>
</a>
</li>
<!-- ---------------------------------- -->
<!-- OTHER -->
<!-- ---------------------------------- -->
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">OTHER</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-box-multiple"></i>
</span>
<span class="hide-menu">Menu Level</span>
</a>
<ul aria-expanded="false" class="collapse first-level">
<li class="sidebar-item">
<a href="javascript:void(0)" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Level 1</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Level 1.1</span>
</a>
<ul aria-expanded="false" class="collapse two-level">
<li class="sidebar-item">
<a href="javascript:void(0)" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Level 2</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Level 2.1</span>
</a>
<ul aria-expanded="false" class="collapse three-level">
<li class="sidebar-item">
<a href="javascript:void(0)" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Level 3</span>
</a>
</li>
<li class="sidebar-item">
<a href="javascript:void(0)" class="sidebar-link">
<div class="round-16 d-flex align-items-center justify-content-center">
<i class="ti ti-circle"></i>
</div>
<span class="hide-menu">Level 3.1</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="sidebar-item">
<a class="sidebar-link link-disabled" href="#disabled" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-ban"></i>
</span>
<span class="hide-menu">Disabled</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="#sub" aria-expanded="false">
<i class="ti ti-star"></i>
<div class="hide-menu lh-base">
<span class="hide-menu d-block">SubCaption</span>
<span class="hide-menu d-block fs-2">This is the sutitle</span>
</div>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link justify-content-between" href="#chip" aria-expanded="false">
<div class="d-flex align-items-center gap-3">
<span class="d-flex">
<i class="ti ti-award"></i>
</span>
<span class="hide-menu">Chip</span>
</div>
<div class="hide-menu">
<span class="badge rounded-circle bg-primary d-flex align-items-center justify-content-center rounded-pill fs-2">9</span>
</div>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link justify-content-between" href="#outlined" aria-expanded="false">
<div class="d-flex align-items-center gap-3">
<span class="d-flex">
<i class="ti ti-mood-smile"></i>
</span>
<span class="hide-menu">Outlined</span>
</div>
<span class="hide-menu badge rounded-pill border border-primary text-primary fs-2 py-1 px-2">Outline</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="https://google.com" aria-expanded="false">
<span class="d-flex">
<i class="ti ti-star"></i>
</span>
<span class="hide-menu">External Link</span>
</a>
</li>
</ul>
</nav>
<!-- ---------------------------------- -->
<!-- Start Vertical Layout Sidebar -->
<!-- ---------------------------------- -->
</div>
</aside>
<!-- Sidebar End -->