<div role="tabpanel">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#uploadTab" aria-controls="uploadTab" role="tab" data-toggle="tab">門禁開關</a>

        </li>
        <li role="presentation"><a href="#browseTab" aria-controls="browseTab" role="tab" data-toggle="tab">告警記錄</a>

        </li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="uploadTab">
        	<table id="access_table" class="table table-striped table-bordered table-hover" >
				<thead>
					<tr>
						<th>
							#
						</th>
						<th>
							類別
						</th>
						<th>
							設備編號
						</th>
						<th>
							設備名稱
						</th>
						<th>
							位置
						</th>
						<th>
							動作
						</th>
					</tr>
				</thead>
				<tbody>
					<?php foreach($access as $one): ?>
					<tr class="odd gradeX">
						<td>
							<?php echo e($one->id); ?>

						</td>
						<td>
							<?php echo e($one->cname); ?>

						</td>
						<td>
							<?php echo e($one->cardmachine_number); ?>

						</td>
						<td>
							<?php echo e($one->name); ?>

						</td>
						<td>
							<?php echo e($one->lname); ?>

						</td>
						<td>
							<a href="javascript:;" class="btn btn-danger btn-access-open" aid="<?php echo e($one->id); ?>">開門</a>
						</td>
					</tr>
					<?php endforeach; ?>
				</tbody>
			</table>
        </div>
        <div role="tabpanel" class="tab-pane" id="browseTab">
        	<table id="warning_table" class="table table-striped table-bordered table-hover">
				<thead>
				<tr>
					<th>
						卡機號碼
					</th>
					<th>
						模式
					</th>
					<th>
						動作
					</th>
					<th>
						發生時間
					</th>
				</tr>
				</thead>
				<tbody>
				<?php foreach($accessActions as $accessAction): ?>
				<tr class="odd gradeX">
					<td>
						<?php echo e($accessAction->cardmachine_number); ?>

					</td>
					<td>
						<?php echo e($accessAction->action_type); ?>

					</td>
					<td>
						<?php if($accessAction->type_mode == 'alarm'): ?>
							<span class="label label-sm label-danger"> 告警中 </span>
						<?php elseif($accessAction->type_mode == 'proccess'): ?>
							<span class="label label-sm label-warning"> 處理中 </span>
						<?php elseif($accessAction->type_mode == 'release'): ?>
							<span class="label label-sm label-info"> 告警解除 </span>
						<?php elseif($accessAction->type_mode == 'recover'): ?>
							<span class="label label-sm label-info"> 異常復歸 </span>
						<?php endif; ?>
					</td>
					<td>
						<?php echo e($accessAction->updated_at); ?>

					</td>
				</tr>
				<?php endforeach; ?>
				</tbody>
				</table>
        </div>
    </div>
</div>







<script type="text/javascript">
	$(document).ready(function(){
		$('#access_table').dataTable({
			// Internationalisation. For more info refer to http://datatables.net/manual/i18n
			"language": {
			    "aria": {
			        "sortAscending": ": activate to sort column ascending",
			        "sortDescending": ": activate to sort column descending"
			    },
			    "emptyTable": "No data available in table",
			    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
			    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
			    "infoFiltered": "(filtered1 from _MAX_ total records)",
			    "lengthMenu": "<?php echo app('translator')->get('messages.display'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
			    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
			    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
			    "paginate": {
			        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
			        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
			        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
			        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
			    }
			},
			"aaSorting": [[0,'asc']],
			"lengthMenu": [
			    [10, 20, 50, -1],
			    [10, 20, 50, "All"] // change per page values here
			],
			// set the initial value
			"pageLength": 10,
			"pagingType": "bootstrap_full_number",
		});

		$('#warning_table').dataTable({
			// Internationalisation. For more info refer to http://datatables.net/manual/i18n
			"language": {
			    "aria": {
			        "sortAscending": ": activate to sort column ascending",
			        "sortDescending": ": activate to sort column descending"
			    },
			    "emptyTable": "No data available in table",
			    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
			    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
			    "infoFiltered": "(filtered1 from _MAX_ total records)",
			    "lengthMenu": "<?php echo app('translator')->get('messages.display'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
			    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
			    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
			    "paginate": {
			        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
			        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
			        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
			        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
			    }
			},
			"aaSorting": [[3,'DESC']],
			"lengthMenu": [
			    [10, 20, 50, -1],
			    [10, 20, 50, "All"] // change per page values here
			],
			// set the initial value
			"pageLength": 10,
			"pagingType": "bootstrap_full_number",
		});
	});
</script>