@extends('layouts.admin')

@section('content')
	<style>.select-checkbox { display: none; }</style>

	@can('customer_property_create')
	    <div style="margin-bottom: 10px;" class="row">
	        <div class="col-lg-12">
	            <a class="btn btn-success" href="{{ route('admin.customer_property.add') }}">
	                {{ trans('global.add') }} {{ trans('cruds.customerProperty.title_singular') }}
	            </a>
	        </div>
	    </div>
	@endcan

	<div class="card">
		@if(Session::has('success'))
			<div class="alert alert-success">
			  {{ Session::get('success')}}
			</div>
		@endif

	    <div class="card-header">
	        {{ trans('cruds.customerProperty.title_singular') }} {{ trans('global.list') }}
	    </div>

	    <div class="card-body">
	        <table class="table table-bordered table-striped table-hover ajaxTable datatable datatable-Customer-Property">
	            <thead>
	                <tr>
	                	<th width="10"></th>
	                    <th>{{ trans('cruds.customerProperty.fields.id') }}</th>
	                    <th>{{ trans('cruds.customerProperty.fields.name') }}</th>
	                    <th>{{ trans('cruds.customerProperty.fields.phone') }}</th>
	                    <th>{{ trans('cruds.customerProperty.fields.dob') }}</th>
	                    <th>{{ trans('cruds.customerProperty.fields.passport') }}</th>
	                    <th>{{ trans('cruds.customerProperty.fields.number_of_project') }}</th>
	                    <th>{{ trans('cruds.customerProperty.fields.emirates_id_number') }}</th>
	                    <th>{{ trans('cruds.customerProperty.fields.residence_country') }}</th>
	                    <th>&nbsp;</th>
	                </tr>
	            </thead>
	        </table>
	    </div>
	</div>
@endsection

@section('scripts')
	@parent
	<script>
	    $(function () {
	  		let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)

			let dtOverrideGlobals = {
			    buttons: [],
			    processing: true,
			    serverSide: true,
			    retrieve: true,
			    aaSorting: [],
			    ajax: "{{ route('admin.customer_property.index') }}",
			    columns: [
				    { data: 'placeholder', name: 'placeholder' },
					{ data: 'id', name: 'id' },
					{ data: 'name', name: 'name' },
					{ data: 'phone', name: 'phone' },
					{ data: 'dob', name: 'dob' },
					{ data: 'passport', name: 'passport' },
					{ data: 'number_of_project', name: 'number_of_project' },
					{ data: 'emirates_id_number', name: 'emirates_id_number' },
					{ data: 'residence_country', name: 'residence_country' },
					{ data: 'actions', name: '{{ trans('global.actions') }}'}
			    ],
			    orderCellsTop: true,
			    order: [[ 1, 'desc' ]],
			    pageLength: 10,
			};

			let table = $('.datatable-Customer-Property').DataTable(dtOverrideGlobals);
			$('a[data-toggle="tab"]').on('shown.bs.tab click', function(e){
			    $($.fn.dataTable.tables(true)).DataTable().columns.adjust();
			});
		});
	</script>
@endsection