@extends('admin.layouts.app')
@section('title', 'Installer Company Rejected Report')
@section('content-heading')
<section class="content-header">
	<h1>Installer Company Rejected Report</h1>
    <ol class="breadcrumb">
		<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
		<li><a href="#">Installer Company</a></li>
		<li class="active">Installer Company Rejected Report</li>
    </ol>
</section>
@endsection
@section('content')
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header"></div>
				<div class="box-body">
					<table id="tblList" class="table table-bordered table-hover">
						<thead>
							<tr>
								<th>#No</th>
								<th>Username</th>
								<th>Company</th>
								<th>Gender</th>
								<th>Mobile</th>
								<th>Race</th>
								<th>Exp. in Year</th>
								<th>No of Wroker</th>
								<th>Speciality</th>
								<th>Address</th>
								<th>Date</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection
@section('extra-script')
<style>
.button-export {
	padding: 10px 15px;
	background: #4479BA;
	color: #FFF;
}
.dt-buttons {
  padding-left: 10px;
}
</style>
<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="//cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet">
<script src="//cdn.datatables.net/1.10.15/js/dataTables.material.min.js"></script>
<link href="//cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css" rel="stylesheet">
<script src="//cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>

<script>
	jQuery(function () {
		 var table=	jQuery('#tblList').DataTable({
				responsive:true,
				processing: true,
				serverSide: true,
				ajax: '{{ route("admin.installer.rejected.data") }}',
				lengthMenu:  [ 10, 25, 50, 75, 100 ],
				columns: [ 
					{ data: "DT_RowIndex", name: "DT_RowIndex", orderable: !1, searchable: !1}, 
					{ data: "owner.username", name: "owner.username"}, 
					{ data: "company", name: "company" },
					{ data: "gender", name: "gender" }, 
					{ data: "mobile", name: "mobile" }, 
					{ data: "race", name: "race"}, 
					{ data: "exp_year", name: "exp_year"}, 
					{ data: "worker_count", name: "worker_count"}, 
					{ data: "s_tag", name: "s_tag"}, 
					{ data: "address", name: "address"}, 
					{ data: "created_at", name: "created_at"}, 
				],
			});
	});
	</script>
@endsection