
    <!--start sidebar -->
    <aside class="sidebar-wrapper" data-simplebar="true">
		<div class="sidebar-header">
		  <div>
			<img src="assets/images/<?php echo $contact['logo']; ?>" class="logo-icon bg-white rounded-2" alt="logo icon" style="height: 55px;">
		  </div>

		  <!--<div>-->

    <!--         <h4 class="logo-text">UTCPL</h4>-->

    <!--      </div>-->

          <div class="toggle-icon ms-auto">

             <ion-icon name="menu-sharp"></ion-icon>

          </div>

		</div>

		<!--navigation-->

		<ul class="metismenu" id="menu">

		  

		  <li>

			<a href="home">

			  <div class="parent-icon">

				<i class="bi bi-house-door"></i>

			  </div>

			  <div class="menu-title">Dashboard</div>

			</a>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Job Candidates</div>

			</a>

			<ul>

			  <li><a href="add-candidate">

				<i class="bi bi-circle"></i>ADD New Candidate

				</a>

			  </li>

			  <li><a href="all-candidates">

				<i class="bi bi-circle"></i>All Candidates

				</a>

			  </li>

			</ul>

		</li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Employee</div>

			</a>

			<ul>

			  <li><a href="add-employee">

				<i class="bi bi-circle"></i>ADD New Emp

				</a>

			  </li>

			  <li><a href="all-employees">

				<i class="bi bi-circle"></i>All Employees

				</a>

			  </li>

			  <li><a href="new-employees">

				<i class="bi bi-circle"></i>New Employees

				</a>

			  </li>

			  <li><a href="left-employees">

				<i class="bi bi-circle"></i>Left Employees

				</a>

			  </li>

			  <li><a href="rejoin-employees">

				<i class="bi bi-circle"></i>Rejoin Employees

				</a>

			  </li>

			  <li><a href="experience">

				<i class="bi bi-circle"></i>Experience

				</a>

			  </li>

			  <!--<li><a href="emp-wise-report">

				  <i class="bi bi-circle"></i>Employee Salary History

				</a>

			  </li>

			  <li><a href="branch-transfer">

				<i class="bi bi-circle"></i>Branch Transfer

				</a>

			  </li>

			  <li><a href="salary-slip-cur">

				<i class="bi bi-circle"></i>Current Salary Slip

				</a>

			  </li>

			  <li><a href="salary-slip">

				<i class="bi bi-circle"></i>Old Salary Slip

				</a>

			  </li>

			  <li><a href="employeement-history">

				<i class="bi bi-circle"></i>Employment history

				</a>

			  </li>-->

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Current Salary</div>

			</a>

			<ul>

			  <li><a href="gross-sheet">

				<i class="bi bi-circle"></i>Gross Sheet

				</a>

			  </li>

			  <li><a href="bank-sheet">

				<i class="bi bi-circle"></i>Bank Sheet

				</a>

			  </li>

			  <li><a href="cheque-sheet">

				<i class="bi bi-circle"></i>Cheque Sheet

				</a>

			  </li>

			  <li><a href="hold-sheet">

				<i class="bi bi-circle"></i>Hold Sheet

				</a>

			  </li>

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Current OT Salary</div>

			</a>

			<ul>

			  <li><a href="ot-gross-sheet">

				<i class="bi bi-circle"></i>Gross Sheet

				</a>

			  </li>

			  <li><a href="ot-bank-sheet">

				<i class="bi bi-circle"></i>Bank sheet

				</a>

			  </li>

			  <li> <a href="ot-cheque-sheet">

				<i class="bi bi-circle"></i>Cheque Sheet

				</a>

			  </li>

			  <li> <a href="ot-hold-sheet">

				<i class="bi bi-circle"></i>Hold Sheet

				</a>

			  </li>

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Combined Statements</div>

			</a>

			<ul>

			  <li> <a href="comb-bank-stmt">

				<i class="bi bi-circle"></i>Comb. Gen Bank Sheet

				</a>

			  </li>

			  <li> <a href="comb-ot-bank-stmt">

				<i class="bi bi-circle"></i>Comb. OT Bank Sheet

				</a>

			  </li>

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Previous Salary</div>

			</a>

			<ul>

			  <li> <a href="previous-gross-sheet">

				<i class="bi bi-circle"></i>Gross Sheet

				</a>

			  </li>

			  <li> <a href="previous-bank-sheet">

				<i class="bi bi-circle"></i>Bank Sheet

				</a>

			  </li>

			  <li> <a href="previous-cheque-sheet">

				<i class="bi bi-circle"></i>Cheque Salary

				</a>

			  </li>

			  <li> <a href="previous-hold-sheet">

				<i class="bi bi-circle"></i>Hold Sheet

				</a>

			  </li>

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Previous OT Salary</div>

			</a>

			<ul>

			  <li><a href="p-ot-gross-sheet">

				<i class="bi bi-circle"></i>Gross Sheet

				</a>

			  </li>

			  <li><a href="p-ot-bank-sheet">

				<i class="bi bi-circle"></i>Bank Sheet

				</a>

			  </li>

			  <li><a href="p-ot-cheque-sheet">

				<i class="bi bi-circle"></i>Cheque Sheet

				</a>

			  </li>

			  <li><a href="p-ot-hold-sheet">

				<i class="bi bi-circle"></i>Hold Sheet

				</a>

			  </li>

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Attendance</div>

			</a>

			<ul>

			  <li> <a href="current-attendance">

				<i class="bi bi-circle"></i>View Current

				</a>

			  </li>

			  <li> <a href="previous-attendance">

				<i class="bi bi-circle"></i>View Previous

				</a>

			  </li>

			  <li> <a href="multi-site-attendance">

				<i class="bi bi-circle"></i>Multi Site Attendance

				</a>

			  </li>

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Advance</div>

			</a>

			<ul>

			  <li> <a href="current-advance">

				<i class="bi bi-circle"></i>Current Advance

				</a>

			  </li>

			  <li> <a href="prv-advance">

				<i class="bi bi-circle"></i>View Previous

				</a>

			  </li>

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Salary Modification</div>

			</a>

			<ul>

			  <li> <a href="salary-modification">

				<i class="bi bi-circle"></i>Branch wise bulk modify

				</a>

			  </li>

			  <li> <a href="emp-salary-change">

				<i class="bi bi-circle"></i>Single Emplyoee wise modify

				</a>

			  </li>

			  			  <li> 

			    <a href="salary-increment">

				  <i class="bi bi-circle"></i>Salary Increment Log view

				</a>

			  </li>

			  <li> 

			    <a href="salary-update-log">

				  <i class="bi bi-circle"></i>Salary Update Log View

				</a>

			  </li>

			</ul>

		  </li>

		  <li>

			<a href="javascript:;" class="has-arrow">

			  <div class="parent-icon">

				<i class="bi bi-list-ul"></i>

			  </div>

			  <div class="menu-title">Settings</div>

			</a>

			<ul>

			  <li> 

			    <a href="archive">

				  <i class="bi bi-circle"></i>Archive Old Data

				</a>

			  </li>  

			  <li> 

			    <a href="site-list">

				  <i class="bi bi-circle"></i>Site List

				</a>

			  </li>

			  <li> 

			    <a href="branch-list">

				  <i class="bi bi-circle"></i>Branch List

				</a>

			  </li>

			  <li> 

			    <a href="designation">

				  <i class="bi bi-circle"></i>Designation List

				</a>

			  </li>

			  <li> 

			    <a href="move-to-leftemp">

				  <i class="bi bi-circle"></i>Move to Left Emp

				</a>

			  </li>

			  <li> 

			    <a href="chnge-password">

				  <i class="bi bi-circle"></i>Change Password

				</a>

			  </li>

			</ul>

		  </li>

		  

		</ul>

		<!--end navigation-->

	  </aside>

	  <!--end sidebar -->

	  

	  <!--start top header-->

    <header class="top-header">

      <nav class="navbar navbar-expand gap-3">

        <div class="mobile-menu-button">

          <i class="bi bi-list"></i>

        </div>

        <!--<form class="searchbar">

          <div class="position-absolute top-50 translate-middle-y search-icon ms-3">

            <i class="bi bi-search"></i>

          </div>

          <input class="form-control" type="text" placeholder="Search for anything">

          <div class="position-absolute top-50 translate-middle-y search-close-icon">

            <i class="bi bi-x-lg"></i>

          </div>

        </form>-->

        <div class="top-navbar-center ms-auto">

            <button type="button" class="btn btn-light px-5"><b>Super Admin Panel</b></button>

        </div>

        <div class="top-navbar-right ms-auto">

          <ul class="navbar-nav align-items-center">

            <!--<li class="nav-item mobile-search-button">

              <a class="nav-link" href="javascript:;">

                <div class="">

                  <i class="bi bi-search"></i>

                </div>

              </a>

            </li>-->

            

            <li class="nav-item dropdown dropdown-user-setting">

              <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="javascript:;" data-bs-toggle="dropdown">

                <div class="user-setting">

                  <img src="assets/images/<?php echo $contact['logo']; ?>" class="bg-white rounded-circle border-2 border  user-img" alt="">

                </div>

              </a>

              <ul class="dropdown-menu dropdown-menu-end">

                <li>

                  <a class="dropdown-item" href="javascript:;">

                    <div class="d-flex flex-row align-items-center gap-2">

                      <img src="assets/images/logo-utcpl.webp" alt="" class="bg-white rounded-circle border-2 border user-img" width="54" height="54">

                      <div class="">

                        <h6 class="mb-0 dropdown-user-name">Super Admin Panel</h6>

                      </div>

                    </div>

                  </a>

                </li>

                <li>

                  <hr class="dropdown-divider">

                </li>

                <li>

                  <a class="dropdown-item" href="home">

                    <div class="d-flex align-items-center">

                      <div class="">

                        <ion-icon name="speedometer-outline"></ion-icon>

                      </div>

                      <div class="ms-3"><span>Dashboard</span></div>

                    </div>

                  </a>

                </li>

                <li>

                  <hr class="dropdown-divider">

                </li>

                <li>

                  <a class="dropdown-item" href="logout">

                    <div class="d-flex align-items-center">

                      <div class="">

                        <ion-icon name="log-out-outline"></ion-icon>

                      </div>

                      

                      <div class="ms-3"><span>Logout</span></div>

                    </div>

                  </a>

                </li>

              </ul>

            </li>



          </ul>



        </div>

      </nav>

    </header>

    <!--end top header-->