diff --git a/app/Views/admin/editusergroupview.php b/app/Views/admin/editusergroupview.php
index 2c07d66..791f061 100644
--- a/app/Views/admin/editusergroupview.php
+++ b/app/Views/admin/editusergroupview.php
@@ -20,7 +20,10 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?><a href="<?= base_url('/adminuser') ?>">User Maintenance</a> / Change User Group<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item"><a href="<?= base_url('/adminuser') ?>">User Maintenance</a></li>
+<li class="breadcrumb-item active">Change User Group</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/admin/edituserpermissionview.php b/app/Views/admin/edituserpermissionview.php
index 1aa2f01..d3688cf 100644
--- a/app/Views/admin/edituserpermissionview.php
+++ b/app/Views/admin/edituserpermissionview.php
@@ -20,7 +20,11 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?><a href="<?= base_url('/adminuser') ?>">User Maintenance</a> / Change User Group<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item"><a href="<?= base_url('/adminuser') ?>">User Maintenance</a></li>
+<li class="breadcrumb-item active">Change User Group</li>
+<?= $this->endSection() ?>
+
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/admin/newuserview.php b/app/Views/admin/newuserview.php
index 9cb372e..0b40ebc 100644
--- a/app/Views/admin/newuserview.php
+++ b/app/Views/admin/newuserview.php
@@ -20,7 +20,10 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?><a href="<?= base_url('/adminuser') ?>">User Maintenance</a> / New User<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item"><a href="/payroll/paytrans"><a href="<?= base_url('/adminuser') ?>">User Maintenance</a></li>
+<li class="breadcrumb-item active">New User</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/admin/usermaintenance.php b/app/Views/admin/usermaintenance.php
index 63873e7..609f5f5 100644
--- a/app/Views/admin/usermaintenance.php
+++ b/app/Views/admin/usermaintenance.php
@@ -24,7 +24,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>User Maintenance<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">User Maintenance</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/hr/branchview.php b/app/Views/hr/branchview.php
index cc54d4f..e754974 100644
--- a/app/Views/hr/branchview.php
+++ b/app/Views/hr/branchview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Company Branch<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Company Branch</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/hr/departmentview.php b/app/Views/hr/departmentview.php
index be85305..77cd9ac 100644
--- a/app/Views/hr/departmentview.php
+++ b/app/Views/hr/departmentview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Comany Department<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Company Department</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/hr/employeeview.php b/app/Views/hr/employeeview.php
index 83bd545..fe28c02 100644
--- a/app/Views/hr/employeeview.php
+++ b/app/Views/hr/employeeview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Employee Maintenance<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Employee Maintenance</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/hr/empstatusview.php b/app/Views/hr/empstatusview.php
index a5c7677..502f00f 100644
--- a/app/Views/hr/empstatusview.php
+++ b/app/Views/hr/empstatusview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Employment Status<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Employment Status</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/hr/jobtitleview.php b/app/Views/hr/jobtitleview.php
index afdf745..b69c77c 100644
--- a/app/Views/hr/jobtitleview.php
+++ b/app/Views/hr/jobtitleview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Job Title<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Job Title</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/payroll/compensationbenefitsview.php b/app/Views/payroll/compensationbenefitsview.php
index bfebea3..e1f0058 100644
--- a/app/Views/payroll/compensationbenefitsview.php
+++ b/app/Views/payroll/compensationbenefitsview.php
@@ -25,7 +25,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Compensation and Benefits<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Compensation and Benefits</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/payroll/empinfoview.php b/app/Views/payroll/empinfoview.php
index cffabf4..7506745 100644
--- a/app/Views/payroll/empinfoview.php
+++ b/app/Views/payroll/empinfoview.php
@@ -25,7 +25,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Employee Payroll Info<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Employee Payroll Info</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/payroll/emppaytransactionview.php b/app/Views/payroll/emppaytransactionview.php
index 6a452a8..c15285d 100644
--- a/app/Views/payroll/emppaytransactionview.php
+++ b/app/Views/payroll/emppaytransactionview.php
@@ -25,7 +25,10 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?><a href="/payroll/paytrans">Payroll Transaction</a> / Employee Payroll Transaction<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item"><a href="/payroll/paytrans">Payroll Transaction</a></li>
+<li class="breadcrumb-item active">Employee Payroll Transaction</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/payroll/incomedeductionview.php b/app/Views/payroll/incomedeductionview.php
index ebc5ce6..eb2ae56 100644
--- a/app/Views/payroll/incomedeductionview.php
+++ b/app/Views/payroll/incomedeductionview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Income and Deduction<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Income and Deduction</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/payroll/paygroupview.php b/app/Views/payroll/paygroupview.php
index 9369f57..6ede957 100644
--- a/app/Views/payroll/paygroupview.php
+++ b/app/Views/payroll/paygroupview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Payroll Group<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Payroll Group</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/payroll/paysettingsview.php b/app/Views/payroll/paysettingsview.php
index 87990b1..c2d6e03 100644
--- a/app/Views/payroll/paysettingsview.php
+++ b/app/Views/payroll/paysettingsview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Payroll Settings<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Payroll Settings</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/payroll/paytransactionview.php b/app/Views/payroll/paytransactionview.php
index 678d1f9..8750058 100644
--- a/app/Views/payroll/paytransactionview.php
+++ b/app/Views/payroll/paytransactionview.php
@@ -24,7 +24,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Payroll Transaction<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Payroll Transaction</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/payroll/paytypeview.php b/app/Views/payroll/paytypeview.php
index 6ab24d9..79c9cb0 100644
--- a/app/Views/payroll/paytypeview.php
+++ b/app/Views/payroll/paytypeview.php
@@ -20,7 +20,9 @@
 <!-- .Container title -->
 
 <!-- Active breadcrumb -->
-<?= $this->section('activebreadcrumb') ?>Payroll Type<?= $this->endSection() ?>
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Payroll Type</li>
+<?= $this->endSection() ?>
 <!-- .Active breadcrumb -->
 
 <!-- Main content -->
diff --git a/app/Views/templates/adminlte/generalcontent.php b/app/Views/templates/adminlte/generalcontent.php
index 1370996..93cb130 100644
--- a/app/Views/templates/adminlte/generalcontent.php
+++ b/app/Views/templates/adminlte/generalcontent.php
@@ -196,6 +196,25 @@
               </p>
             </a>
           </li>
+          <li class="nav-item">
+            <a href="#" class="nav-link">
+              <i class="nav-icon fas fa-calendar-alt"></i>
+              <p>
+                Timekeeping
+                <i class="right fas fa-angle-left"></i>
+              </p>
+            </a>
+            <ul class="nav nav-treeview">
+              <li class="nav-item">
+                <a href="/tk/rawattlog" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>
+                    Upload from Biometrics
+                  </p>
+                </a>
+              </li>
+            </ul>
+          </li>
 
           <?php endif; ?>
           
@@ -340,8 +359,8 @@
             </div>
             <div class="col-sm-6">
               <ol class="breadcrumb float-sm-right">
-                <li class="breadcrumb-item"><a href="/">Home</a></li>
-                <li class="breadcrumb-item active"><?= $this->renderSection('activebreadcrumb') ?></li>
+                <li class="breadcrumb-item"><a href="/hi">Home</a></li>
+                <?= $this->renderSection('breadcrumbs') ?>
               </ol>
             </div>
           </div>
diff --git a/app/Views/timekeeping/rawattendancelogview.php b/app/Views/timekeeping/rawattendancelogview.php
new file mode 100644
index 0000000..723c2f5
--- /dev/null
+++ b/app/Views/timekeeping/rawattendancelogview.php
@@ -0,0 +1,107 @@
+<!-- Extend area where template is defined -->
+<?= $this->extend('templates/adminlte/generalcontent') ?>
+<!-- .Extend -->
+
+<!-- Title of the page -->
+<?= $this->section('title') ?>Payroll Group<?= $this->endSection() ?>
+<!-- .Title -->
+
+<!-- CSS of the page -->
+<?= $this->section('css') ?>
+<?= $this->endSection() ?>
+<!-- .CSS -->
+
+<!-- body attribute - class definition -->
+<?= $this->section('bodyclass') ?>sidebar-mini<?= $this->endSection() ?>
+<!-- .body attribute -->
+
+<!-- Container title -->
+<?= $this->section('containertitle') ?>Payroll Group<?= $this->endSection() ?>
+<!-- .Container title -->
+
+<!-- Active breadcrumb -->
+<?= $this->section('breadcrumbs') ?>
+<li class="breadcrumb-item active">Raw Log</li>
+<?= $this->endSection() ?>
+<!-- .Active breadcrumb -->
+
+<!-- Main content -->
+<?= $this->section('main') ?>
+
+<!-- Modal Add Branch -->
+<div class="modal fade" id="mdlAddBranch">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <form action="<?= url_to('payroll/addpaygroup') ?>" method="post">
+        <div class="modal-header">
+          <h4 class="modal-title" >New Group</h4>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+          <div class="row">
+            <div class="col-12">
+              <p class="lead">Payroll Group Information</p>
+              <div class="row">
+                <div class="col-12">
+                  <div class="form-group">
+                    <label for="txtGroupCode">Payroll Group Code</label>
+                    <input class="form-control" type="text" id="txtGroupCode" name="pay_group_code" value="<?= old('pay_group_code') ?>">
+                  </div>
+                  <div class="form-group">
+                    <label for="txtGroupName">Payroll Group Name</label>
+                    <input class="form-control" type="text" id="txtGroupName" name="pay_group_name" values="<?= old('pay_group_name') ?>">
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+            <button type="submit" class="btn btn-primary">Save changes</button>
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+
+
+<div class="row">
+    <div class="col-12">
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">List of Payroll Groups</h3>
+            </div>
+            <div class="card-body">
+                <div class="card-body table-responsive p-0">
+                    
+                </div>
+            </div>
+            <div class="card-footer">
+                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#mdlAddBranch">Add Payroll Group</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<?= $this->endSection() ?>
+<!-- .Main content -->
+
+<!-- Javascript -->
+
+<?= $this->section('js') ?>
+
+<script>
+$(document).ready(function() {
+    
+});
+
+
+
+</script>
+
+<?= $this->endSection() ?>
+
+<!-- .Javascript -->
\ No newline at end of file