<div class="collapse" id="collapseDate">
	<div class="card card-body">
		<h4 class="card-title">Date Specifications</h4>
		<hr>
		<div class="container">
			<!-- <div class="row">
				<button type="button" class="btn btn-primary btn-round btn-sm pull-right" style="margin-bottom:15px;  width: 200px;" <?php if($role == 'user'){ ?> disabled <?php } ?> data-toggle="modal" data-target="#dateModal"><i class="fa fa-plus"></i> Add Date Specifications</button>
				<button onclick="printList()" type="button" class="btn btn-secondary btn-sm" style="margin-bottom:15px; width: 200px;"><i class="fa fa-print"></i> Print</button>
			</div> -->
		</div>
		<div class="table-responsive">
			<table id="table_date" class="table table-hover table-bordered">
				<thead>
					<tr>
						<th>#</th>
						<th>Date Type</th>
						<th>Date</th>	
						<?php if($role == 'admin'): ?>
						<th>Action</th>
						<?php endif ?>

					</tr>
				</thead>
				<tbody>
					<tr class="link-row" data-id="" >
						<td scope="row">1</td>
						<td>D1</td>
						<td>18.03.2018</td>	
						<?php if($role == 'admin'): ?>
						<td class="text-center">
							<div class="btn-group">
								<button class="btn btn-success btn-sm"><i class="fas fa-edit"></i></button>
								<button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
							</div>
						</td>
						<?php endif ?>

					</tr>
				</tbody>
			</table>
		</div>
	</div><br>
</div>

<div class="modal fade" id="dateModal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="racks-modal-title">Add Date Specifications</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<form id="userForm" action="<?php echo base_url(); ?>admin/user/newUser" method="POST" class="form-horizontal" enctype="multipart/form-data">
				<div class="modal-body">
					<div class="form-group">
						<label for="bank_name">Date Type</label>
						<select id="main_type" type="text" class="form-control">
							<option value="" selected="selected">Select Date Type</option>
							<option value="">D1 Join Group</option>
							<option value="">D2 Current Position</option>
							<option value="">D3 Promotion</option>
							<option value="">D4 Change Of Pay</option>
							<option value="">D5 Change of Grade</option>
							<option value="">D6 Secondment</option>
							<option value="">D7 Transfer Interdepartmental</option>
							<option value="">D8 Transfer Intradepartmental</option>
							<option value="">D9 Long Term Absence</option>
							<option value="">D10 Resume Work</option>
							<option value="">D11 Suspension</option>
							<option value="">D12 Renewal Contract</option>
							<option value="">D13 Resignation</option>
							<option value="">D14 Termination</option>
							<option value="">D15 Retirement</option>
							<option value="">D16 Re-entry Into Company</option>
						</select>
					</div>	
					<div class="form-group">
						<label for="bank_name">Date</label>
						<input type="text" class="datepicker form-control" id="bank_branch" aria-describedby="emailHelp" placeholder="Enter Date">
					</div>	
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger btn-sm" style="margin-bottom:15px; width: 200px;" data-dismiss="modal"><i class="fa fa-ban"></i> Cancel</button>
					<button onclick="saveBankDetail()" type="button" id="saveButtonBank" class="btn btn-success btn-sm" style="margin-bottom:15px; width: 200px;"><i class="fa fa-save"></i> Submit</button>
				</div>
			</form>
		</div>
	</div>
</div>