<header>
	<div class="row">
		<div class="col-12">
			<div class="t-corp pull-left">
				<div class="t-corp-logo">
					<img src="<?php echo base_url().'assets/images/logo/salihin-logo.png'; ?>" alt="company logo" />
				</div>
				<div class="t-corp-name"><b>SPS</b> | HR SYSTEM</div>
			</div>
					
		</div>
	</div>
	<div class="row">
		<div class="col-12">
			<table class="company">
				<tr>
					<td class="divider">
						<span class="line">&nbsp;</span>
					</td>
					<td class="details">
						<span><b>SALIHIN (AF 1426)</b></span>
						<span>555, Jalan Samudra Utara 1, Taman Samudra, Batu Caves,</span>
						<span>68100, Batu Caves, Selangor</span>
						<span>Phone: 03-6185 9970 &nbsp;&nbsp; Fax: 03-6185 9970</span>
						<span>Website: salihin.com.my</span>
					</td>
					<td class="divider">
						<span class="line">&nbsp;</span>
					</td>
				</tr>
			</table>
		</div>
	</div>
</header>
<div class="col-xs-12 table-responsive " style="margin-top:2rem">				
	<table class="table table-bordered" width="100%" border="1">
		<thead>
			<th class="sorting border-top" tabindex="0" aria-controls="table_contact" rowspan="1" colspan="1" aria-label="#: activate to sort column ascending" style="width: 0px;">
				#
			</th>
			<th class="sorting border-top" tabindex="0" aria-controls="table_contact" rowspan="1" colspan="1" aria-label="Company Code/ Cost Centre: activate to sort column ascending" style="width: 0px;">
				Date
			</th>
			<th class="sorting border-top" tabindex="0" aria-controls="table_contact" rowspan="1" colspan="1" aria-label="Company Name: activate to sort column ascending" style="width: 0px;">
				Name
			</th>
			<th class="sorting border-top" tabindex="0" aria-controls="table_contact" rowspan="1" colspan="1" aria-label="Salary/ Wage Month: activate to sort column ascending" style="width: 0px;">
				Time Out		
			</th>
			<th class="sorting border-top" tabindex="0" aria-controls="table_contact" rowspan="1" colspan="1" aria-label="Employee Total Upload: activate to sort column ascending" style="width: 0px;">
				Time In			
			</th>
			<th class="sorting border-top" tabindex="0" aria-controls="table_contact" rowspan="1" colspan="1" aria-label="Total Net Pay: activate to sort column ascending" style="width: 0px;">
				Remarks
			</th>								
		</thead>	
		<tbody>
			<tr>
				<td>1</td>
				<td>2/4/2018</td>
				<td>Nor Hanini Binti Abu Bakar</td>
				<td>10:13 am</td>
				<td>11:45 am</td>
				<td class="text-center text-success">ok</td>															
			</tr>
			<tr>
				<td class="border-bottom">2</td>
				<td class="border-bottom">3/4/2018</td>
				<td class="border-bottom">Nor Hanini Binti Abu Bakar</td>
				<td class="border-bottom">2:15 pm</td>
				<td class="border-bottom">3:00 pm</td>
				<td class="text-center text-danger border-bottom">Overlap</td>												
			</tr>
		</tbody>			
	</table>						
</div>