sipadu_mbip/resources/views/main-dashboard/application_index.blade.php

@extends('layout.master', ['uid' => $user->_id, 'token' => $user->token_firebase])
@section('page_title', 'Kompaun')
@section('sub_page_title', '')
@section('name', $user->StaffDetail->full_name)
@section('img_profile', $user->StaffDetail->profile_img)

@section('content')
<style type="text/css">
	select.form-control, select.form-control:focus, select.form-control:hover { 
		border: 1px solid #ccc !important;
		height: auto !important;
	}

	.panel-group .panel {
	    margin-bottom: 0;
	    overflow: hidden;
	    border-radius: 4px;
	}
	.panel-default {
    	border-color: #ddd;
	}
	.panel-default>.panel-heading {
	    color: #333;
	    background-color: #f5f5f5;
	    border-color: #ddd;
	}
	.panel-title {
	    margin-top: 0;
	    margin-bottom: 0;
	    font-size: 16px;
	    color: inherit;
	}

	.panel-body .table>thead>tr>th, .panel-body .table>tbody>tr>th, .panel-body .table>tfoot>tr>th, .panel-body .table>thead>tr>td, .panel-body .table>tbody>tr>td, .panel-body .table>tfoot>tr>td {
	    padding: 8px;
	    line-height: 1.428571429;
	    vertical-align: top;
	    border-top: 1px solid #ddd;
	}
	.glyphicon { margin-right:10px; }
	.panel-body { padding:0px; }
	.panel-body table tr td { padding-left: 15px }
	.panel-body .table {margin-bottom: 0px; }
</style>

<div class="inner-page">
	<div class="row">
		<div class="col-md-12">
			<div class="fluid">
				@if(count($errors) > 0)
				<div class="alert alert-danger icons-alert">
					@foreach($errors->all() as $error)
					<p>{{$error}}</p>
					@endforeach
				</div>
				@endif

				@if(Session::get('error_msg'))
				<div class="alert alert-danger icons-alert">
					{!! Session::get('error_msg') !!}
				</div>
				@elseif(Session::get('success_msg'))
				<div class="alert alert-success icons-alert">
					{!! Session::get('success_msg') !!}
				</div>
				@endif
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-12">
			<div class="card">
				<div class="card-header">
					<h5>Pengguna Permohonan</h5>
				</div>
				<div class="card-block">
					<div class="dt-responsive table-responsive">
						<table id="permohonan" class="table table-sm table-striped table-bordered nowrap">
							<thead>
								<tr>
									<th>Kategori</th>
									<th>Nama</th>
									<th>Alamat</th>
									<th>IC</th>
									<th>Tarikh</th>
									<th>Email</th>
									<th>Phone</th>
									<th>Tindakan</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<th>Kategori</th>
									<th>Nama</th>
									<th>Alamat</th>
									<th>IC</th>
									<th>Tarikh</th>
									<th>Email</th>
									<th>Phone</th>
									<th>Tindakan</th>
								</tr>
							</tfoot>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('external_js')

<script type="text/javascript">
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});

	$(document).ready(function() {

		var origin   = window.location.origin; 

		$(".theme-loader").animate({
			opacity: "0"
		},1000);
		
		setTimeout(function() {
			$(".theme-loader").remove();
		}, 800);

		$('[data-toggle="tooltip"]').tooltip();

		// $('#permohonan').DataTable({
		// 	"ordering": false,
		// 	"serverSide": true,
		// 	"processing": true,
		// 	"ajax": "{{ url('/senarai/request-application') }}",
		// 	"columns": [
		// 	{ "data": "kategori","name": "kategori"},
		// 	{ "data": "nama","name": "nama"},
		// 	{ "data": "alamat","name": "alamat"},
		// 	{ "data": "identiti" , "name": "identiti" },
		// 	{ "data": "tarikh", "name": "tarikh"},
		// 	{ "data": "email", "name": "email" },
		// 	{ "data": "phone", "name": "phone"},
		// 	{ "data": "tindakan","name": "tindakan"}
		// 	],	
		// 	"columnDefs": [
		// 	{
		// 		"render": function ( data, type, row ) {
		// 			return '<a href="#" class="btn btn-sm btn-out-dashed waves-effect waves-light btn-danger btn-square"><i class="icofont icofont-edit"></i></a>';
		// 		},
		// 		"targets": 7,
		// 	},
		// 	],				
		// 	"language": {
		// 		"paginate": {
		// 			"previous": "Sebelum",
		// 			"next": "Selepas"
		// 		},
		// 		"sLengthMenu": "Tunjukkan _MENU_ entri",
		// 		"zeroRecords": "Tiada Data Ditemui",
		// 		"infoEmpty": "Tiada Rekod Yang Wujud",
		// 		"infoFiltered": "(Ditapis daripada _MAX_ jumlah rekod)",
		// 		"info": "Tunjuk _START_ hingga _END_ daripada _TOTAL_ entri",
		// 		"sSearch": "Cari:",
		// 	}
		// });
	});
</script>
@endsection