@extends('admin.layouts.app')
@section('title', 'Installer Company Pending Report')
@section('content-heading')
<section class="content-header">
	<h1>Installer Company Pending 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 Pending 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>Status</th>
								<th>Approve Date</th>
								<th>Date</th>
								<th>Action</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.pending.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: "status", name: "status"}, 
				{ data: "approve_at", name: "approve_at"}, 
				{ data: "created_at", name: "created_at"}, 
				{ data: "action", name: "action"}, 
			],
		});
		$('#tblList').on('click','.btnPaid', function() {
			swal({
				title: "",
				text: "Processing...",
				imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{route("admin.installer.status.update")}}',
				type: 'POST',
				data: {
					id: $(this).attr('data-value'),
					"_token": "{{ csrf_token() }}",
					"operation": "approve",
				},
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "Message",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload();
						});
					} else {
						swal("Message", data.message, "error");
					}
				}
			});
		});
		$('#tblList').on('click','.btnReject', function() {
			swal({
				title: "",
				text: "Processing...",
				imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{route("admin.installer.status.update")}}',
				type: 'POST',
				data: {
					id: $(this).attr('data-value'),
					"_token": "{{ csrf_token() }}",
					"operation": "reject",
				},
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "Message",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload();
						});
					} else {
						swal("Message", data.message, "error");
					}
				}
			});
		});
	});
	</script>
@endsection