<nav class="navbar navbar-expand-lg main-navbar">
	<div class="form-inline mr-auto">
	
		<ul class="navbar-nav mr-3">
			<li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i class="fas fa-bars"></i></a></li>
			<li><a href="#" data-toggle="search" class="nav-link nav-link-lg d-sm-none"><i class="fas fa-search"></i></a></li>
		</ul>
		
		<div class="search-element">
		
			<input class="form-control" type="search" placeholder="Search" aria-label="Search" data-width="250">
			
			<button class="btn" type="submit">
				<i class="fas fa-search"></i>
			</button>
			
			<div class="search-backdrop"></div>
			
			<div class="search-result">
			
				<div class="search-header">
					Histories
				</div>

				<div class="search-item">
					<a href="#">
						<img class="mr-3 rounded" width="30" src="<?php echo help::url( TEMP_DIR ) . '/assets/img/products/product-3-50.png'; ?>" alt="product">
						oPhone S9 Limited Edition
					</a>
				</div>
				
				<div class="search-item">
					<a href="#">
						<img class="mr-3 rounded" width="30" src="<?php echo help::url( TEMP_DIR ) . '/assets/img/products/product-2-50.png'; ?>" alt="product">
						Drone X2 New Gen-7
					</a>
				</div>
				
				<div class="search-item">
					<a href="#">
						<img class="mr-3 rounded" width="30" src="<?php echo help::url( TEMP_DIR ) . '/assets/img/products/product-1-50.png'; ?>" alt="product">
						Headphone Blitz
					</a>
				</div>
				
				<div class="search-header">
					Projects
				</div>
				
				<div class="search-item">
					<a href="#">
						<div class="search-icon bg-danger text-white mr-3">
							<i class="fas fa-code"></i>
						</div>
						Stisla Admin Template
					</a>
				</div>
				
				<div class="search-item">
					<a href="#">
						<div class="search-icon bg-primary text-white mr-3">
							<i class="fas fa-laptop"></i>
						</div>
						Create a new Homepage Design
					</a>
				</div>
				
			</div>
			
		</div>
		
	</div>
	
	<ul class="navbar-nav navbar-right">
		<li class="dropdown">
		
			<a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg nav-link-user">
				<img alt="image" src="<?php echo help::url( TEMP_DIR ) . '/assets/img/avatar/avatar-1.png'; ?>" class="rounded-circle mr-1">
				<div class="d-sm-none d-lg-inline-block">Hi, Admin</div>
			</a>
			
			<div class="dropdown-menu dropdown-menu-right">
				<div class="dropdown-divider"></div>
				<a href="log-out.php" class="dropdown-item has-icon text-danger">
					<i class="fas fa-sign-out-alt"></i> Logout
				</a>
			</div>
			
		</li>
	</ul>
	
</nav>




<div class="main-sidebar">
	<aside id="sidebar-wrapper">
	
		<div class="sidebar-brand">
			<a href="home.php">Admin Panel</a>
		</div>
		
		<div class="sidebar-brand sidebar-brand-sm">
			<a href="index.php">AD</a>
		</div>
		
		<ul class="sidebar-menu">
		
			<li class="menu-header">Dashboard</li>
			
			<li class="nav-item dropdown active">
				<a href="home.php" class="nav-link "><i class="fas fa-home"></i><span>Home</span></a>
			</li>
			
			<li class="nav-item dropdown">
				<a href="#" class="nav-link has-dropdown" data-toggle="dropdown">
					<i class="fas fa-users"></i> <span>User Accounts</span>
				</a>
				<ul class="dropdown-menu">
					<li><a class="nav-link" href="users.php">User Accounts Details</a></li>
					<li><a class="nav-link" href="edit.php">Edit User Accounts</a></li>
					<li><a class="nav-link" href="new.php">Add New Account</a></li>
				</ul>
			</li>
			
			<li class="nav-item dropdown">
				<a href="#" class="nav-link has-dropdown" data-toggle="dropdown">
					<i class="fas fa-th"></i> <span>Managements</span>
				</a>
				<ul class="dropdown-menu">
					<li><a class="nav-link" href="card.php">Card Management</a></li>
					<li><a class="nav-link" href="loan.php">Loan Management</a></li>
					<li><a class="nav-link" href="bank.php">Bank Management</a></li>
				</ul>
			</li>
			
			<li class="nav-item dropdown">
				<a href="#" class="nav-link has-dropdown" data-toggle="dropdown">
					<i class="fab fa-btc"></i> <span>Finance</span>
				</a>
				<ul class="dropdown-menu">
					<li><a class="nav-link" href="payment-methods.php">Payment Methods</a></li>
					<li><a class="nav-link" href="bcm.php">Digital Deposit </a></li>
					<li><a class="nav-link" href="md.php">Mobile Deposit</a></li>
					<li><a class="nav-link" href="credit.php">Transactions</a></li>
				</ul>
			</li>
			
			<li class="nav-item dropdown">
				<a href="#" class="nav-link has-dropdown" data-toggle="dropdown">
					<i class="fas fa-cog"></i> <span>Configure</span>
				</a>
				<ul class="dropdown-menu">
					<li><a class="nav-link" href="settings.php">Settings</a></li>
					<li><a class="nav-link" href="account-types.php">Account Types</a></li>
					<li><a class="nav-link" href="transfer-codes.php">Transfer Codes</a></li>
					<li><a class="nav-link" href="password.php">Change Password</a></li>
				</ul>
			</li>
			
			<li class="nav-item dropdown">
				<a href="#" class="nav-link has-dropdown" data-toggle="dropdown">
					<i class="fas fa-comment-alt"></i> <span>Broadcast</span>
				</a>
				<ul class="dropdown-menu">
					<li><a class="nav-link" href="inmessage.php">News</a></li>
					<li><a class="nav-link" href="sendm.php">Messages</a></li>
				</ul>
			</li>
			
			<li class='nav-item'>
				<a class="nav-link" href="log-out.php">
					<i class="fa fa-user"></i> <span>Log-Out</span>
				</a>
			</li>

		</ul>

	</aside>
</div>

