{{define "dashboard_sidebar"}}
<!-- Start Sidebar Area -->
<div class="sidebar-area" id="sidebar-area">
	<div class="logo position-relative">
		<a
			href="/dashboard"
			class="d-block text-decoration-none position-relative"
		>
			<img src="/assets/images/logo-icon.png" alt="logo-icon" />
			<span class="logo-text fw-bold text-dark">Trezo</span>
		</a>
		<button
			class="sidebar-burger-menu bg-transparent p-0 border-0 opacity-0 z-n1 position-absolute top-50 end-0 translate-middle-y"
			id="sidebar-burger-menu"
		>
			<i data-feather="x"></i>
		</button>
	</div>

	<aside
		id="layout-menu"
		class="layout-menu menu-vertical menu active"
		data-simplebar
	>
		<ul class="menu-inner">
			<li class="menu-title small text-uppercase">
				<span class="menu-title-text">MAIN</span>
			</li>
			<li class="menu-item open">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>dashboard</span
					>
					<span class="title">Dashboard</span>
					<span class="count">20</span>
				</a>

				<ul class="menu-sub">
					<li class="menu-item active">
						<a href="/dashboard" class="menu-link"> eCommerce </a>
					</li>
					<li class="menu-item">
						<a href="/dashboard/crm" class="menu-link">
							CRM
							<span class="new tag">Hot</span>
						</a>
					</li>
					<li class="menu-item">
						<a
							href="/dashboard/project-management"
							class="menu-link"
						>
							Project Management
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/lms" class="menu-link">
							LMS
							<span class="new tag">Top</span>
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/help-desk" class="menu-link">
							HelpDesk
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/analytics" class="menu-link">
							Analytics
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/crypto" class="menu-link">
							Crypto
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/sales" class="menu-link"> Sales </a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/hospital" class="menu-link">
							Hospital
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/marketing" class="menu-link">
							Marketing
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/nft" class="menu-link"> NFT </a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/saas" class="menu-link"> SaaS </a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/real-estate" class="menu-link">
							Real Estate
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/shipment" class="menu-link">
							Shipment
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/finance" class="menu-link">
							Finance
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/hrm" class="menu-link"> HRM </a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/school" class="menu-link">
							School
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/call-center" class="menu-link">
							Call Center
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/pos-system" class="menu-link">
							POS System
							<span class="hot tag">New</span>
						</a>
					</li>
					<li class="menu-item mb-0">
						<a href="/dashboard/podcast" class="menu-link">
							Podcast
							<span class="hot tag">New</span>
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>note_stack</span
					>
					<span class="title">Front Pages</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="landing-page" class="menu-link"> Home </a>
					</li>
					<li class="menu-item">
						<a href="features" class="menu-link"> Features </a>
					</li>
					<li class="menu-item">
						<a href="our-team" class="menu-link"> Our Team </a>
					</li>
					<li class="menu-item">
						<a href="faqs" class="menu-link"> FAQ’s </a>
					</li>
					<li class="menu-item">
						<a href="contact" class="menu-link"> Contact </a>
					</li>
				</ul>
			</li>

			<li class="menu-title small text-uppercase">
				<span class="menu-title-text">APPS</span>
			</li>

			<li class="menu-item">
				<a href="to-do-list" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>format_list_bulleted</span
					>
					<span class="title">To Do List</span>
				</a>
			</li>

			<li class="menu-item">
				<a href="calendar" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>date_range</span
					>
					<span class="title">Calendar</span>
				</a>
			</li>

			<li class="menu-item">
				<a href="contacts" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>contact_page</span
					>
					<span class="title">Contacts</span>
				</a>
			</li>

			<li class="menu-item">
				<a href="chat" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>chat</span
					>
					<span class="title">Chat</span>
				</a>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>mail</span
					>
					<span class="title">Email</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="inbox" class="menu-link active"> Inbox </a>
					</li>
					<li class="menu-item">
						<a href="compose" class="menu-link"> Compose </a>
					</li>
					<li class="menu-item">
						<a href="read-email" class="menu-link"> Read Email </a>
					</li>
					<li class="menu-item">
						<a href="snoozed" class="menu-link"> Snoozed </a>
					</li>
					<li class="menu-item">
						<a href="draft" class="menu-link"> Draft </a>
					</li>
					<li class="menu-item">
						<a href="sent-mail" class="menu-link"> Sent Mail </a>
					</li>
					<li class="menu-item">
						<a href="trash-email" class="menu-link"> Trash </a>
					</li>
					<li class="menu-item">
						<a href="spam" class="menu-link"> Spam </a>
					</li>
					<li class="menu-item">
						<a href="starred" class="menu-link"> Starred </a>
					</li>
					<li class="menu-item">
						<a href="important" class="menu-link"> Important </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a href="kanban-board" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>team_dashboard</span
					>
					<span class="title">Kanban Board</span>
				</a>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>folder_open</span
					>
					<span class="title">File Manager</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="file-manager" class="menu-link"> My Drive </a>
					</li>
					<li class="menu-item">
						<a href="assets" class="menu-link"> Assets </a>
					</li>
					<li class="menu-item">
						<a href="projects" class="menu-link"> Projects </a>
					</li>
					<li class="menu-item">
						<a href="personal" class="menu-link"> Personal </a>
					</li>
					<li class="menu-item">
						<a href="applications" class="menu-link">
							Applications
						</a>
					</li>
					<li class="menu-item">
						<a href="documents" class="menu-link"> Documents </a>
					</li>
					<li class="menu-item">
						<a href="media" class="menu-link"> Media </a>
					</li>
				</ul>
			</li>

			<li class="menu-title small text-uppercase">
				<span class="menu-title-text">PAGES</span>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>shopping_cart</span
					>
					<span class="title">eCommerce</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="products-grid" class="menu-link">
							Products Grid
						</a>
					</li>
					<li class="menu-item">
						<a href="products-list" class="menu-link">
							Products List
						</a>
					</li>
					<li class="menu-item">
						<a href="product-details" class="menu-link">
							Product Details
						</a>
					</li>
					<li class="menu-item">
						<a href="create-product" class="menu-link">
							Create Product
						</a>
					</li>
					<li class="menu-item">
						<a href="edit-product" class="menu-link">
							Edit Product
						</a>
					</li>
					<li class="menu-item">
						<a href="cart" class="menu-link"> Cart </a>
					</li>
					<li class="menu-item">
						<a href="checkout" class="menu-link"> Checkout </a>
					</li>
					<li class="menu-item">
						<a href="orders" class="menu-link"> Orders </a>
					</li>
					<li class="menu-item">
						<a href="order-details" class="menu-link">
							Order Details
						</a>
					</li>
					<li class="menu-item">
						<a href="create-order" class="menu-link">
							Create Order
						</a>
					</li>
					<li class="menu-item">
						<a href="order-tracking" class="menu-link">
							Order Tracking
						</a>
					</li>
					<li class="menu-item">
						<a href="customers" class="menu-link"> Customers </a>
					</li>
					<li class="menu-item">
						<a href="customer-details" class="menu-link">
							Customer Details
						</a>
					</li>
					<li class="menu-item">
						<a href="categories" class="menu-link"> Categories </a>
					</li>
					<li class="menu-item">
						<a href="sellers" class="menu-link"> Sellers </a>
					</li>
					<li class="menu-item">
						<a href="seller-details" class="menu-link">
							Seller Details
						</a>
					</li>
					<li class="menu-item">
						<a href="create-seller" class="menu-link">
							Create Seller
						</a>
					</li>
					<li class="menu-item">
						<a href="reviews" class="menu-link"> Reviews </a>
					</li>
					<li class="menu-item">
						<a href="refunds" class="menu-link"> Refunds </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>handshake</span
					>
					<span class="title">CRM</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="contacts-2" class="menu-link"> Contacts </a>
					</li>
					<li class="menu-item">
						<a href="customers-2" class="menu-link"> Customers </a>
					</li>
					<li class="menu-item">
						<a href="leads" class="menu-link"> Leads </a>
					</li>
					<li class="menu-item">
						<a href="deals" class="menu-link"> Deals </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>description</span
					>
					<span class="title">Project Management</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="project-overview" class="menu-link">
							Project Overview
						</a>
					</li>
					<li class="menu-item">
						<a href="project-list" class="menu-link">
							Project List
						</a>
					</li>
					<li class="menu-item">
						<a href="create-project" class="menu-link">
							Create Project
						</a>
					</li>
					<li class="menu-item">
						<a href="clients" class="menu-link"> Clients </a>
					</li>
					<li class="menu-item">
						<a href="teams" class="menu-link"> Teams </a>
					</li>
					<li class="menu-item">
						<a href="kanban-board-2" class="menu-link">
							Kanban Board
						</a>
					</li>
					<li class="menu-item">
						<a href="user" class="menu-link"> User </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>auto_stories</span
					>
					<span class="title">LMS</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="courses-list" class="menu-link">
							Courses List
						</a>
					</li>
					<li class="menu-item">
						<a href="course-details" class="menu-link">
							Course Details
						</a>
					</li>
					<li class="menu-item">
						<a href="lesson-preview" class="menu-link">
							Lesson Preview
						</a>
					</li>
					<li class="menu-item">
						<a href="create-course" class="menu-link">
							Create Course
						</a>
					</li>
					<li class="menu-item">
						<a href="edit-course" class="menu-link">
							Edit Course
						</a>
					</li>
					<li class="menu-item">
						<a href="instructors" class="menu-link">
							Instructors
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>support</span
					>
					<span class="title">Help Desk</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="tickets" class="menu-link"> Tickets </a>
					</li>
					<li class="menu-item">
						<a href="ticket-details" class="menu-link">
							Ticket Details
						</a>
					</li>
					<li class="menu-item">
						<a href="agents" class="menu-link"> Agents </a>
					</li>
					<li class="menu-item">
						<a href="reports" class="menu-link"> Reports </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>store</span
					>
					<span class="title">NFT Marketplace</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="marketplace" class="menu-link">
							Marketplace
						</a>
					</li>
					<li class="menu-item">
						<a href="explore-all" class="menu-link">
							Explore All
						</a>
					</li>
					<li class="menu-item">
						<a href="live-auction" class="menu-link">
							Live Auction
						</a>
					</li>
					<li class="menu-item">
						<a href="nft-details" class="menu-link">
							NFT Details
						</a>
					</li>
					<li class="menu-item">
						<a href="creators" class="menu-link"> Creators </a>
					</li>
					<li class="menu-item">
						<a href="creator-details" class="menu-link">
							Creator Details
						</a>
					</li>
					<li class="menu-item">
						<a href="wallet-connect" class="menu-link">
							Wallet Connect
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>real_estate_agent</span
					>
					<span class="title">Real Estate</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="real-estate-customers" class="menu-link">
							Real Estate Customers
						</a>
					</li>
					<li class="menu-item">
						<a href="property-list" class="menu-link">
							Property List
						</a>
					</li>
					<li class="menu-item">
						<a href="property-overview" class="menu-link">
							Property Overview
						</a>
					</li>
					<li class="menu-item">
						<a href="add-property" class="menu-link">
							Add Property
						</a>
					</li>
					<li class="menu-item">
						<a href="agent-list" class="menu-link"> Agent list </a>
					</li>
					<li class="menu-item">
						<a href="agent-overview" class="menu-link">
							Agent Overview
						</a>
					</li>
					<li class="menu-item">
						<a href="add-agent" class="menu-link"> Add Agent </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>calculate</span
					>
					<span class="title">Finance</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="wallet" class="menu-link"> Wallet </a>
					</li>
					<li class="menu-item">
						<a href="transaction" class="menu-link">
							Transaction
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>stethoscope</span
					>
					<span class="title">Doctor</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="my-patient-list" class="menu-link">
							My Patient List
						</a>
					</li>
					<li class="menu-item">
						<a href="add-patient" class="menu-link">
							Add Patient
						</a>
					</li>
					<li class="menu-item">
						<a href="patient-details" class="menu-link">
							Patient Details
						</a>
					</li>
					<li class="menu-item">
						<a href="appointment" class="menu-link">
							Appointment
						</a>
					</li>
					<li class="menu-item">
						<a href="prescription" class="menu-link">
							Prescription
						</a>
					</li>
					<li class="menu-item">
						<a href="write-prescription" class="menu-link">
							Write Prescription
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>local_activity</span
					>
					<span class="title">Events</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="events" class="menu-link"> Events </a>
					</li>
					<li class="menu-item">
						<a href="events-list" class="menu-link">
							Events List
						</a>
					</li>
					<li class="menu-item">
						<a href="event-details" class="menu-link">
							Event Details
						</a>
					</li>
					<li class="menu-item">
						<a href="create-an-event" class="menu-link">
							Create An Event
						</a>
					</li>
					<li class="menu-item">
						<a href="edit-an-event" class="menu-link">
							Edit An Event
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>share</span
					>
					<span class="title">Social</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="profile" class="menu-link"> Profile </a>
					</li>
					<li class="menu-item">
						<a href="settings" class="menu-link"> Settings </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>content_paste</span
					>
					<span class="title">Invoices</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="invoice-list" class="menu-link">
							Invoice List
						</a>
					</li>
					<li class="menu-item">
						<a href="invoice-details" class="menu-link">
							Invoice Details
						</a>
					</li>
					<li class="menu-item">
						<a href="create-invoice" class="menu-link">
							Create Invoice
						</a>
					</li>
					<li class="menu-item">
						<a href="edit-invoice" class="menu-link">
							Edit Invoice
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>person</span
					>
					<span class="title">Users</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="team-members" class="menu-link">
							Team Members
						</a>
					</li>
					<li class="menu-item">
						<a href="users-list" class="menu-link"> Users List </a>
					</li>
					<li class="menu-item">
						<a href="add-user" class="menu-link"> Add User </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>account_box</span
					>
					<span class="title">Profile</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="user-profile" class="menu-link">
							User Profile
						</a>
					</li>
					<li class="menu-item">
						<a href="teams-2" class="menu-link"> Teams </a>
					</li>
					<li class="menu-item">
						<a href="my-projects" class="menu-link"> Projects </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a href="starter" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>star</span
					>
					<span class="title">Starter</span>
				</a>
			</li>

			<li class="menu-title small text-uppercase">
				<span class="menu-title-text">MODULES</span>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>add_reaction</span
					>
					<span class="title">Icons</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="material-icons" class="menu-link">
							Material Icons
						</a>
					</li>
					<li class="menu-item">
						<a href="feathericon" class="menu-link">
							Feathericon
						</a>
					</li>
					<li class="menu-item">
						<a href="remixicon" class="menu-link"> Remixicon </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>qr_code_scanner</span
					>
					<span class="title">UI Elements</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="alerts" class="menu-link"> Alerts </a>
					</li>
					<li class="menu-item">
						<a href="avatar" class="menu-link"> Avatar </a>
					</li>
					<li class="menu-item">
						<a href="buttons" class="menu-link"> Buttons </a>
					</li>
					<li class="menu-item">
						<a href="badges" class="menu-link"> Badges </a>
					</li>
					<li class="menu-item">
						<a href="cards" class="menu-link"> Cards </a>
					</li>
					<li class="menu-item">
						<a href="carousels" class="menu-link"> Carousels </a>
					</li>
					<li class="menu-item">
						<a href="dropdowns" class="menu-link"> Dropdowns </a>
					</li>
					<li class="menu-item">
						<a href="grids" class="menu-link"> Grids </a>
					</li>
					<li class="menu-item">
						<a href="images" class="menu-link"> Images </a>
					</li>
					<li class="menu-item">
						<a href="list" class="menu-link"> List </a>
					</li>
					<li class="menu-item">
						<a href="modals" class="menu-link"> Modals </a>
					</li>
					<li class="menu-item">
						<a href="navs" class="menu-link"> Navs </a>
					</li>
					<li class="menu-item">
						<a href="paginations" class="menu-link">
							Pagination's
						</a>
					</li>
					<li class="menu-item">
						<a href="popover-tooltips" class="menu-link">
							Popover Tooltips
						</a>
					</li>
					<li class="menu-item">
						<a href="progress" class="menu-link"> Progress </a>
					</li>
					<li class="menu-item">
						<a href="spinners" class="menu-link"> Spinners </a>
					</li>
					<li class="menu-item">
						<a href="tabs" class="menu-link"> Tabs </a>
					</li>
					<li class="menu-item">
						<a href="accordions" class="menu-link"> Accordions </a>
					</li>
					<li class="menu-item">
						<a href="date-time-picker" class="menu-link">
							Date/Time Picker
						</a>
					</li>
					<li class="menu-item">
						<a href="videos" class="menu-link"> Videos </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>table_chart</span
					>
					<span class="title">Tables</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="basic-table" class="menu-link">
							Basic Table
						</a>
					</li>
					<li class="menu-item">
						<a href="downloadable-table" class="menu-link">
							Downloadable Table
						</a>
					</li>
					<li class="menu-item">
						<a href="data-tables" class="menu-link"> Data Table </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>forum</span
					>
					<span class="title">Forms</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="basic-elements" class="menu-link">
							Basic Elements
						</a>
					</li>
					<li class="menu-item">
						<a href="advanced-elements" class="menu-link">
							Advanced Elements
						</a>
					</li>
					<li class="menu-item">
						<a href="validation" class="menu-link"> Validation </a>
					</li>
					<li class="menu-item">
						<a href="wizard" class="menu-link"> Wizard </a>
					</li>
					<li class="menu-item">
						<a href="editors" class="menu-link"> Editors </a>
					</li>
					<li class="menu-item">
						<a href="file-upload" class="menu-link">
							File Upload
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a href="apex-charts" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>pie_chart</span
					>
					<span class="title">Apex Charts</span>
				</a>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>lock_open</span
					>
					<span class="title">Authentication</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="login" class="menu-link"> Login </a>
					</li>
					<li class="menu-item">
						<a href="register" class="menu-link"> Register </a>
					</li>
					<li class="menu-item">
						<a href="reset-password" class="menu-link">
							Reset Password
						</a>
					</li>
					<li class="menu-item">
						<a href="forget-password" class="menu-link">
							Forget Password
						</a>
					</li>
					<li class="menu-item">
						<a href="lock-screen" class="menu-link">
							Lock Screen
						</a>
					</li>
					<li class="menu-item">
						<a href="logout" class="menu-link"> Log Out </a>
					</li>
					<li class="menu-item">
						<a href="confirm-mail" class="menu-link">
							Confirm Mail
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>content_copy</span
					>
					<span class="title">Extra Pages</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="pricing-plan" class="menu-link">
							Pricing Plan
						</a>
					</li>
					<li class="menu-item">
						<a href="faq" class="menu-link"> FAQ </a>
					</li>
					<li class="menu-item">
						<a href="timeline" class="menu-link"> Timeline </a>
					</li>
					<li class="menu-item">
						<a href="animation" class="menu-link"> Animation </a>
					</li>
					<li class="menu-item">
						<a href="clip-board" class="menu-link"> Clip Board </a>
					</li>
					<li class="menu-item">
						<a href="drag-drop" class="menu-link"> Drag & Drop </a>
					</li>
					<li class="menu-item">
						<a href="range-slider" class="menu-link">
							Range Slider
						</a>
					</li>
					<li class="menu-item">
						<a href="ratings" class="menu-link"> Ratings </a>
					</li>
					<li class="menu-item">
						<a href="toasts" class="menu-link"> Toasts </a>
					</li>
					<li class="menu-item">
						<a href="check-radio" class="menu-link">
							Check & Radio
						</a>
					</li>
					<li class="menu-item">
						<a href="select" class="menu-link"> Select </a>
					</li>
					<li class="menu-item">
						<a href="scrollbar" class="menu-link"> Scrollbar </a>
					</li>
					<li class="menu-item">
						<a href="typography" class="menu-link"> Typography </a>
					</li>
					<li class="menu-item">
						<a href="gallery" class="menu-link"> Gallery </a>
					</li>
					<li class="menu-item">
						<a href="search" class="menu-link"> Search </a>
					</li>
					<li class="menu-item">
						<a href="blank-page" class="menu-link"> Blank Page </a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>error</span
					>
					<span class="title">Errors</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="404-error-page" class="menu-link">
							404 Error Page
						</a>
					</li>
					<li class="menu-item">
						<a href="internal-error" class="menu-link">
							Internal Error
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a href="widgets" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>widgets</span
					>
					<span class="title">Widgets</span>
				</a>
			</li>

			<li class="menu-item">
				<a href="google-map" class="menu-link">
					<span class="material-symbols-outlined menu-icon">map</span>
					<span class="title">Google Map</span>
				</a>
			</li>

			<li class="menu-item">
				<a href="notification" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>notifications</span
					>
					<span class="title">Notification</span>
				</a>
			</li>

			<li class="menu-item">
				<a href="members" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>group</span
					>
					<span class="title">Members</span>
				</a>
			</li>

			<li class="menu-title small text-uppercase">
				<span class="menu-title-text">OTHERS</span>
			</li>

			<li class="menu-item">
				<a href="my-profile" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>account_circle</span
					>
					<span class="title">My Profile</span>
				</a>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>settings</span
					>
					<span class="title">Settings</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item">
						<a href="account-settings" class="menu-link">
							Account Settings
						</a>
					</li>
					<li class="menu-item">
						<a href="change-password" class="menu-link">
							Change Password
						</a>
					</li>
					<li class="menu-item">
						<a href="connections" class="menu-link">
							Connections
						</a>
					</li>
					<li class="menu-item">
						<a href="connections" class="menu-link">
							Connections
						</a>
					</li>
					<li class="menu-item">
						<a href="privacy-policy" class="menu-link">
							Privacy Policy
						</a>
					</li>
					<li class="menu-item">
						<a href="terms-conditions" class="menu-link">
							Terms & Conditions
						</a>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a
					href="javascript:void(0);"
					class="menu-link menu-toggle active"
				>
					<span class="material-symbols-outlined menu-icon"
						>unfold_more</span
					>
					<span class="title">Multi Level Menu</span>
				</a>
				<ul class="menu-sub">
					<li class="menu-item after-sub-menu">
						<a
							href="javascript:void(0);"
							class="menu-link menu-toggle"
						>
							<span class="title">Level One</span>
						</a>
						<ul class="menu-sub">
							<li class="menu-item">
								<a href="#" class="menu-link"> Level Three </a>
							</li>
						</ul>
					</li>
				</ul>
			</li>

			<li class="menu-item">
				<a href="logout" class="menu-link">
					<span class="material-symbols-outlined menu-icon"
						>logout</span
					>
					<span class="title">Logout</span>
				</a>
			</li>
		</ul>
	</aside>
</div>
<!-- End Sidebar Area -->

{{end}}