<!-- Sidebar -->
<ul class="navbar-nav sidebar sidebar-light accordion" id="accordionSidebar">
      <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html">
        <div class="sidebar-brand-icon">
          <img src="/hrm/views/img/logo.png">
        </div>
        <div class="sidebar-brand-text mx-3">MNC HRM</div>
      </a>
      <hr class="sidebar-divider my-0">
      <li class="nav-item active">
        <a class="nav-link" href="/hrm/views/admin/">
          <i class="fas fa-fw fa-tachometer-alt"></i>
          <span>Dashboard</span></a>
      </li>
      <hr class="sidebar-divider">
      <div class="sidebar-heading">
        RECRUITMENT
      </div>
      <!-- SALES -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseBootstrap"
          aria-expanded="true" aria-controls="collapseBootstrap">
          <i class="far fa-fw fa-window-maximize"></i>
          <span>VACANCIES</span>
        </a>
        <div id="collapseBootstrap" class="collapse" aria-labelledby="headingBootstrap" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">VACANCIES</h6>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/createJob">CREATE A VACANCY</a>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/publish">PUBLISH A VACANCY</a>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/allVacancy">ALL VACANCIES</a>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/expired">CLOSED VACACITIES</a>
          </div>
        </div>
      </li>
      <!-- END SALES -->
      <!-- PURCHASES -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseForm" aria-expanded="true"
          aria-controls="collapseForm">
          <i class="fab fa-fw fa-wpforms"></i>
          <span>CANDIDATES</span>
        </a>
        <div id="collapseForm" class="collapse" aria-labelledby="headingForm" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">CANDIDATES</h6>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/candidateMgt">MANAGE CANDIDATES</a>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/shortlist">SHORTLIST MANAGENET</a>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/com1">COMMUNICATIONS</a>
          </div>
        </div>
      </li>
      <!-- END OF PURCHASES -->
      <!-- INVENTORIES -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTable" aria-expanded="true"
          aria-controls="collapseTable">
          <i class="fas fa-fw fa-table"></i>
          <span>RANKING</span>
        </a>
        <div id="collapseTable" class="collapse" aria-labelledby="headingTable" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">CANDIDATE EVALUATION</h6>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/evaluation">EVALUATION</a>
            <a class="collapse-item" href="/hrm/views/admin/recruitment/summary">SUMMARY</a>
          </div>
        </div>
      </li>
      <!-- LEDGERS -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseLedger" aria-expanded="true"
          aria-controls="collapseLedger">
          <i class="fas fa-fw fa-table"></i>
          <span>ARCHIVES</span>
        </a>
        <div id="collapseLedger" class="collapse" aria-labelledby="headingTable" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">ARCHIVES</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">CLOSED VACACITIES</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">RESERVE CANDITATES</a>
          </div>
        </div>
      </li>
      <!-- LEDGERS -->
      <!-- payments -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePayments" aria-expanded="true"
          aria-controls="collapsePayments">
          <i class="fas fa-fw fa-table"></i>
          <span>COMMUNICATIONS</span>
        </a>
        <div id="collapsePayments" class="collapse" aria-labelledby="headingTable" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">COMMUNICATIONS</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">FEEDBACKS</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">BROADCAST</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">TICKETS</a>
          </div>
        </div>
      </li>
      <!-- payments -->
      <li class="nav-item">
        <a class="nav-link" href="/hrm/views/admin/soon/soon">
          <i class="fas fa-fw fa-palette"></i>
          <span>REPORTS</span>
        </a>
      </li>
      <!-- payments -->
      <!-- END OF ACCOUNTS -->

      <!-- HR -->
      <hr class="sidebar-divider">
      <div class="sidebar-heading">
        PAYROLL
      </div>
      <!-- RECRUITMENT -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePage" aria-expanded="true"
          aria-controls="collapsePage">
          <i class="fas fa-fw fa-columns"></i>
          <span>EMPOLOYEE MGT</span>
        </a>
        <div id="collapsePage" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">EMPLOYEE MANGEMENT</h6>
            <a class="collapse-item" href="/hrm/views/admin/payroll/employeeMgt"></a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/employeeMgt">EMPLOYEE MASTER</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/jobgroup">JOB GROUPS</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/department">DEPARTMENT</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/region">REGIONS</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/positions">POSITIONS</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/adjudtment">ADJUSTMENTS</a>
          </div>
        </div>
      </li>
      <!-- RECRUITMENT -->
      <!-- PAYROLL -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePayroll" aria-expanded="true"
          aria-controls="collapsePayroll">
          <i class="fas fa-fw fa-columns"></i>
          <span>BENEFITS</span>
        </a>
        <div id="collapsePayroll" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">BENEFITS</h6>
            <a class="collapse-item" href="/hrm/views/admin/payroll/packages">PACKAGES</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/timeSheets">TIMESHEETS</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/additions">ADITTIONS</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/deductions">DEDEUCTIONS</a>
          </div>
        </div>
      </li>
      <!-- PAYROLL -->
      <!-- performances -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePerform" aria-expanded="true"
          aria-controls="collapsePerform">
          <i class="fas fa-fw fa-columns"></i>
          <span>TRANSACTIONS</span>
        </a>
        <div id="collapsePerform" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">TRANSACTIONS</h6>
            <a class="collapse-item" href="/hrm/views/admin/payroll/transact">PAYROLL RUN</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/paysheet">PAYSHEETS</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/paye">PAYEE</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/nhif">NHIF</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/nssf">NSSF</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/transact">PAYSLIPS</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/transact">CHEKOFFS</a>
            <a class="collapse-item" href="/hrm/views/admin/payroll/transact">REPORTS</a>
          </div>
        </div>
      </li>
      <!-- performances -->
      <!-- <li class="nav-item">
        <a class="nav-link" href="charts.html">
          <i class="fas fa-fw fa-chart-area"></i>
          <span>TIME SHEETS</span>
        </a>
      </li> -->
      <hr class="sidebar-divider">
      <div class="sidebar-heading">
        PERFORMANCE MGT
      </div>
      <!-- REPORTS -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseReports" aria-expanded="true"
          aria-controls="collapseReports">
          <i class="fas fa-fw fa-columns"></i>
          <span>CONTRACTING</span>
        </a>
        <div id="collapseReports" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">PERFORMANCE CONTRACTING</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">PC MGT</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">IMPLIMENTATION MATRICIES</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">PERFORMANCE INDICATORS</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">APROVAL WORKFLAOW</a>
          </div>
        </div>
      </li>
      <!-- REPORTS -->
      <!-- USER MGT -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUser" aria-expanded="true"
          aria-controls="collapseUser">
          <i class="fas fa-fw fa-columns"></i>
          <span>APRAISALS</span>
        </a>
        <div id="collapseUser" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">APRAISALS</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">MONTHLY MONITORING</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">APRAISALS</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">404 Page</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Blank Page</a>
          </div>
        </div>
      </li>
      <!-- USER MGT  -->

      <!-- SETTINGS -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSet" aria-expanded="true"
          aria-controls="collapseSet">
          <i class="fas fa-fw fa-columns"></i>
          <span>VALIDATION</span>
        </a>
        <div id="collapseSet" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">VALIDATION</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">VALIDATION</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">SCORES</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">404 Page</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Blank Page</a>
          </div>
        </div>
      </li>
      <!-- SETTINGS -->

      <!-- LOGS   -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseLog" aria-expanded="true"
          aria-controls="collapseLog">
          <i class="fas fa-fw fa-columns"></i>
          <span>LOGS</span>
        </a>
        <div id="collapseLog" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">Example Pages</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Login</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Register</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">404 Page</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Blank Page</a>
          </div>
        </div>
      </li>
      <hr class="sidebar-divider">
      <div class="sidebar-heading">
        ADMIN
      </div>
      <!-- REPORTS -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseReports" aria-expanded="true"
          aria-controls="collapseReports">
          <i class="fas fa-fw fa-columns"></i>
          <span>REPORTS</span>
        </a>
        <div id="collapseReports" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">Example Pages</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Login</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Register</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">404 Page</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Blank Page</a>
          </div>
        </div>
      </li>
      <!-- REPORTS -->
      <!-- USER MGT -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUser" aria-expanded="true"
          aria-controls="collapseUser">
          <i class="fas fa-fw fa-columns"></i>
          <span>USER MANAGEMENT</span>
        </a>
        <div id="collapseUser" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">Example Pages</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Login</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Register</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">404 Page</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Blank Page</a>
          </div>
        </div>
      </li>
      <!-- USER MGT  -->

      <!-- SETTINGS -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSet" aria-expanded="true"
          aria-controls="collapseSet">
          <i class="fas fa-fw fa-columns"></i>
          <span>SETTINGS</span>
        </a>
        <div id="collapseSet" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">Example Pages</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Login</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Register</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">404 Page</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Blank Page</a>
          </div>
        </div>
      </li>
      <!-- SETTINGS -->

      <!-- LOGS   -->
      <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseLog" aria-expanded="true"
          aria-controls="collapseLog">
          <i class="fas fa-fw fa-columns"></i>
          <span>LOGS</span>
        </a>
        <div id="collapseLog" class="collapse" aria-labelledby="headingPage" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
            <h6 class="collapse-header">Example Pages</h6>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Login</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Register</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">404 Page</a>
            <a class="collapse-item" href="/hrm/views/admin/soon/soon">Blank Page</a>
          </div>
        </div>
      </li>
      <hr class="sidebar-divider">
      <div class="version" id="version-ruangadmin"></div>
    </ul>
    <!-- Sidebar -->