 
          <div class="card">
            <div class="card-body">
				
				<div class="row">
				 
				  <div class="col-sm-6 mt-3">
				  <div class="border rounded p-2 <?= ($activePage == 'emp-report-by-date') ? 'alert-primary' : ''; ?>">
				  <a class="fw-bold" href="emp-report-by-date"><i class="bi bi-file-earmark-text"></i> Employee Report By Date</a>
                  </div>
                  </div>
				  
				  <div class="col-sm-6 mt-3">
				  <div class="border rounded p-2 <?= ($activePage == 'single-employee-sal-rpt') ? 'alert-primary' : ''; ?>">
				  <a class="fw-bold" href="single-employee-sal-rpt"><i class="bi bi-file-earmark-text"></i>  Salary Report - Single - All</a>
                  </div>
                  </div>
				  
				  <div class="col-sm-6 mt-3">
				  <div class="border rounded p-2 <?= ($activePage == 'single-employee-sal-rpt-year') ? 'alert-primary' : ''; ?>">
				  <a class="fw-bold" href="single-employee-sal-rpt-year"><i class="bi bi-file-earmark-text"></i>  Salary Report - Single - Year</a>
                  </div>
                  </div>
				  
				  <div class="col-sm-6 mt-3">
				  <div class="border rounded p-2 <?= ($activePage == 'emp-salary-rpt-by-monthly') ? 'alert-primary' : ''; ?>">
				  <a class="fw-bold" href="emp-salary-rpt-by-monthly"><i class="bi bi-file-earmark-text"></i> Salary Report - Monthly</a>
                  </div>
                  </div>
				  
				  
				  
				   <div class="col-sm-6 mt-3">
				  <div class="border rounded p-2 <?= ($activePage == 'emp-all-report') ? 'alert-primary' : ''; ?>">
				  <a class="fw-bold" target="_blank"  href="emp-all-report"><i class="bi bi-file-earmark-text"></i> All Employee Report</a>
                  </div>
                  </div>
				  
			 
				   
              
			  </div>
				 
			</div>
          </div>

	
	