@extends('admin.layouts.app')
@section('title', 'Installer Company Paid Report')
@section('content-heading')
<section class="content-header">
	<h1>Installer Company Paid 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 Paid 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>
<!-- Export Buttons -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.3.1/css/buttons.dataTables.min.css">
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
<script>
	jQuery(function () {
		 var table=	jQuery('#tblList').DataTable({
			responsive:true,
			processing: true,
			serverSide: true,
			ajax: '{{ route("admin.installer.approved.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"}, 
			],
			dom: 'lBfrtip',
			buttons: [{
				extend: 'collection',
				text: 'Export',
				className: 'button-export',
				autoClose: true,
				buttons: [{
					extend: 'excelHtml5',
					text: 'Export to MS Excel',
					exportOptions: {
						columns: [1, 2, 3, 4],
						exportOptions: { orthogonal: 'export' },
					}
				}]
			}]
		});
		$('#tblList').on('click','.btnIsBlocked', function() {
			var iid = $(this).attr("data-id");
			var datavalue = $(this).attr("data-value");
			swal({
				title: "@lang('w.are_you_sure')",
				text: datavalue,
				type: "warning",
				showCancelButton: true,
				confirmButtonColor: "#DD6B55",
				confirmButtonText: "@lang('w.yes')",
				cancelButtonText: "@lang('w.no')",
				closeOnConfirm: false,
				closeOnCancel: true ,
				html:true,
			},
			function(isConfirm) {
				if (isConfirm) {
					swal({
						text: "",
						html: true,
						imageUrl: "{{asset('images/ajax-loader.gif')}}",
						title: '@lang("w.processing")',
						showConfirmButton: false,
					});
					$.ajax({
						url: '{{route("admin.installer.isblocked.update")}}',
						type: 'POST',
						data: {
							id: iid,
							action: datavalue,
							"_token": "{{ csrf_token() }}",
						},
						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");
							}
						}
					});
					return false;
				} else {
				}
			});
		});
	});
	</script>
@endsection