		<div class="header">
			<div class="main-header">
				<!-- Logo -->
				<div class="header-left active">
					<a href="#" class="logo logo-normal">
						<img src="<?= base_url('assets/img/fai_logo3.png');?>" alt="Img">
					</a>
					<a href="#" class="logo logo-white">
						<img src="<?= base_url('assets/img/fai_logo3.png');?>" alt="Img">
					</a>
					<a href="#" class="logo-small">
						<img src="<?= base_url('assets/img/fai_logo3.png');?>" alt="Img">
					</a>
					<a href="#" class="logo-small-white">
						<img src="<?= base_url('assets/img/fai_logo3.png');?>" alt="Img">
					</a>
				</div>
				<!-- /Logo -->
				<a id="mobile_btn" class="mobile_btn" href="#sidebar">
					<span class="bar-icon">
						<span></span>
						<span></span>
						<span></span>
					</span>
				</a>

				<!-- Header Menu -->
				<ul class="nav user-menu" style="background-color:#E3D6D7">

					<!-- Search -->
					<li class="nav-item nav-searchinputs">
						<div class="top-nav-search">
						
							<form  class="dropdown">
								<div class="searchinputs input-group dropdown-toggle" id="dropdownMenuClickable" data-bs-toggle="dropdown" data-bs-auto-close="outside">
								
								</div>
								<div class="dropdown-menu search-dropdown" aria-labelledby="dropdownMenuClickable">
									<div class="search-info">
										
									</div>
									<div class="search-info">
										
									</div>
									<div class="search-info">
										
									</div>
								</div>
							</form>
						</div>
					</li>
					<!-- /Search -->

					<!-- Select Store -->
					<li class="nav-item dropdown has-arrow main-drop select-store-dropdown">
						
					</li>
					<!-- /Select Store -->

					<li  class="nav-item dropdown link-nav"> 
						<a href="javascript:void(0);" class="btn btn-success btn-md d-inline-flex align-items-center" data-bs-toggle="dropdown">
							<i class="ti ti-circle-plus me-1"></i>Add New
						</a>
						<div class="dropdown-menu dropdown-xl dropdown-menu-center">
							<div class="row g-2">
							    
								<div class="col-md-2">
									<a href="<?= base_url('createproduct')?>" class="link-item">
										<span class="link-icon">
											<i class="ti ti-square-plus"></i>
										</span>
										<p>Product</p>
									</a>
								</div>
								<div class="col-md-2">
									<a href="<?= base_url('productcategories')?>" class="link-item">
										<span class="link-icon">
											<i class="ti ti-brand-codepen"></i>
										</span>
										<p>Category</p>
									</a>
								</div>
							
							
								<div class="col-md-2">
									<a href="<?= base_url('productunits')?>" class="link-item">
										<span class="link-icon">
											<i class="ti ti-file-text"></i>
										</span>
										<p>Unit</p>
									</a>
								</div>
								
							
								<div class="col-md-2">
									<a href="users.html" class="link-item">
										<span class="link-icon">
											<i class="ti ti-user"></i>
										</span>
										<p>User</p>
									</a>
								</div>
								<div class="col-md-2">
									<a href="customers.html" class="link-item">
										<span class="link-icon">
											<i class="ti ti-users"></i>
										</span>
										<p>Customer</p>
									</a>
								</div>
							
								<div class="col-md-2">
									<a href="suppliers.html" class="link-item">
										<span class="link-icon">
											<i class="ti ti-user-check"></i>
										</span>
										<p>Supplier</p>
									</a>
								</div>
							</div>
						</div>
					</li>
					
				

					<li class="nav-item nav-item-box">
						<a href="javascript:void(0);" id="btnFullscreen">
							<i class="ti ti-maximize"></i>
						</a>
					</li>
					

				
					<li class="nav-item dropdown has-arrow main-drop profile-nav">
						<a href="javascript:void(0);" class="nav-link userset" data-bs-toggle="dropdown">
							<span class="user-info p-0">
								<span class="user-letter">
									<img src="<?= base_url('assets/img/avatar/avator1.png')?>" alt="Img" class="img-fluid">
								</span>
							</span>
						</a>
						<div class="dropdown-menu menu-drop-user">
							<div class="profileset d-flex align-items-center">
								<span class="user-img me-2">
									<img src="<?= base_url('assets/img/avatar/avator1.png')?>" alt="Img">
								</span>
								<div>
									<h6 class="fw-medium"><?= session()->get('username') ?></h6>
									<p><?= session()->get('role') ?></p>
								</div>
							</div>
							<a class="dropdown-item" href="profile.html"><i class="ti ti-user-circle me-2"></i>MyProfile</a>
							<hr class="my-2">
							<a class="dropdown-item logout" href="<?= base_url('logout')?>"><i class="ti ti-logout me-2"></i>Logout</a>
						</div>
					</li>
				</ul>
				<!-- /Header Menu -->

				<!-- Mobile Menu -->
				<div class="dropdown mobile-user-menu">
					<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"
						aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
					<div class="dropdown-menu dropdown-menu-right">
						<a class="dropdown-item" href="profile.html">My Profile</a>
						<a class="dropdown-item" href="signin.html">Logout</a>
					</div>
				</div>
				<!-- /Mobile Menu -->
			</div>
		</div>