<?php $__env->startSection('content'); ?>
<?php Fun::lang() ?>
<div class="page">
	<div class="row">
		<div class="col-sm-12 col-xs-12">
			<div class="title-add">
				<div class="pull-left">
					<h2>Client List</h2>
				</div>
			</div>
		</div>
		
	</div>
	<div class="row">
		<div class="col-sm-12 col-xs-12">
			<div class="box-body table-responsive">
				<table id="datatable_client_payment" class="table table-striped table-bordered table-hover nowrap">
					<thead>
						<tr>
							<th>No</th>
							<th>Client Code</th>
							<th>Client Name</th>
							<th>Gender</th>
							<th>DOB</th>
							<th>Phone</th>
							<th>Address</th>
							
							<th>Action</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
	</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>

<script type="text/javascript">
	$(document).ready(function() {
		$('#main-spinner').show();
		var index = $('#datatable_client_payment').DataTable({
			ordering: false,
			"serverSide": true,
			"lengthMenu": [
				[20, 30, 50, 100, -1],
				[20, 30, 50, 100, "All"]
			],
			ajax: "<?php echo e(route('sale-list.index')); ?>",
			columns: [{
					data: 'DT_RowIndex'
				},
				{
					data: 'client_code'
				},
				{
					data: 'client_fullname'
				},
				{
					data: 'client_gender'
				},
				{
					data: 'client_dob'
				},
				{
					data: 'client_phone1'
				},
				{
					data: 'client_address'
				},
				{
					data: 'action'
				},
			],

			"initComplete": function(settings, json) {
				$('#main-spinner').hide();
			}
		});
		index.on('order.dt search.dt', function() {
			index.column(0, {
				search: 'applied',
				order: 'applied'
			}).nodes().each(function(cell, i) {
				cell.innerHTML = i + 1;
			});
		}).draw();
		$.fn.dataTable.ext.errMode = 'throw';
	});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('adminlte::page', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>