@extends('admin/admin')
	
	@section('content')
	<!-- Breadcrumb-->
	<ol class="breadcrumb">
	  <li class="breadcrumb-item">{{ __('Super Admin') }}</li>
	  <li class="breadcrumb-item">
		<a href="{{route('list_dealers')}}">{{ __('Company') }}</a>
	  </li>
	  <li class="breadcrumb-item active">{{ __('Location List') }}</li>
	  <!-- Breadcrumb Menu-->
	  <li class="breadcrumb-menu d-md-down-none">
		
	  </li>
	</ol>
    <!-- Page Content -->
    <div class="container-fluid">
        <div class="row justify-content-center">
			<div class="col-sm-12">
                <div class="card">
	                <div class="card-header">
	                    <strong>{{ __('Location') }}</strong> {{ __('List') }}
						<div class="card-header-actions">
							<a class="btn btn-sm btn-primary" href="{{url('admin/user/location/create')}}/{{$company_id}}" role="button"><i class="fa fa-dot-circle-o"></i> {{ __('Add Location') }}</a>
						</div>
					</div>
					<div id="out" class="alert-success">
						@if (session()->has('success'))
							<h6><center>{{ session('success') }}</center></h6> 
						@endif
					</div>
	                <div class="card-body">
						<div class="messages"></div>
	                    <table class="table table-responsive-sm table-hover table-outline mb-0 display" id="dealer_list">
							<thead class="thead-light">
	                            <tr>
								<th >{{ __('ID') }}</th>
								<th >{{ __('Name') }}</th>
								<th >{{ __('Address') }}</th>
								<th >{{ __('Location Phone') }}</th>
								<!--<th >{{ __('Location Admin Name') }}</th>
								<th >{{ __('Location Admin Phone') }}</th>
								<th >{{ __('Location Admin Email') }}</th>-->
								<th >{{ __('Status') }}</th>
	                            <th>{{ __('Action') }}</th>
	                            </tr>
	                        </thead>
	                        <tbody>
	                         
	                        </tbody>
							<tfoot>
								<tr>
									<td><input type="text" data-column="0"  size="10" class="search-input-text"></td>
									<td><input type="text" data-column="1"  size="10" class="search-input-text"></td>
									<td><input type="text" data-column="2"  size="10" class="search-input-text"></td>
									<td><input type="text" data-column="3"  size="10" class="search-input-text"></td>
									<!--<td><input type="text" data-column="4"  size="10" class="search-input-text"></td>
									<td><input type="text" data-column="5"  size="10" class="search-input-text"></td>
									<td><input type="text" data-column="6"  size="10" class="search-input-text"></td>-->
									<td>
										<select data-column="4" class="search-input-select">
											<option value="">{{ __('Select status') }}</option>
											<option value="1">{{ __('Active') }}</option>
											<option value="0">{{ __('Inactive') }}</option>	
										</select>
									</td>
									<td></td>
									
								</tr>
							</tfoot>
	                    </table>
	                </div>
				</div>
			</div>
		</div>
	</div>
@endsection 
@section('footer-scripts')
@parent
<script>
jQuery(document).ready(function() {
	jQuery('#dealer_list').DataTable( {
		"processing": true,
        "serverSide": true,
	    "ajax":{
			'type': 'POST',
			'url': APP_URL+'/dealers/ajax_location_list',
			'dataType': 'json',
			'data':{company_id:'{!! $company_id !!}',_token: '{!! csrf_token() !!}'}
		},
		"order": [[ 0, "desc" ]],
		/*columnDefs: [
		   { orderable: false, targets: [-1,-2,-3,-4,-5] }
		]*/
		"columnDefs":[
		   {"visible": false, "targets":0},
		   { orderable: false, targets: [-1] }
		   ]
    });
	jQuery('.search-input-text').on( 'keyup', function () {   // for text boxes
		var i =jQuery(this).attr('data-column');  // getting column index
		var v =jQuery(this).val();  // getting search input value
		jQuery('#dealer_list').DataTable().columns(i).search(v).draw();
	});
	jQuery('.search-input-select').on( 'change', function () {   // for select box
		var i =jQuery(this).attr('data-column');
		var v =jQuery(this).val();
		jQuery('#dealer_list').DataTable().columns(i).search(v).draw();
	});
	jQuery(document).on('click','.change_status',function(){
		var id = jQuery(this).data('status');
		jQuery.ajax({
			url: APP_URL+'/location/ajax_change_location_status',
			type:'post',
			data:{location_id:id,_token: '{!! csrf_token() !!}'},
			success: function(res) {
				//jQuery('.success-span').html('Status changed successfully');
				jQuery('.messages').html('<div class="alert alert-success alert-dismissible fade show" role="alert"><strong>Success!</strong> status changed successfully.<button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button></div>');
				window.setTimeout(function() {
				jQuery(".alert").fadeTo(500, 0).slideUp(500, function(){
					jQuery(this).remove(); 
				});
			}, 2000);
			}
		});
	});
	jQuery(document).on('click','.delete-user',function(){
		var id = jQuery(this).data('udelete');
		// alert(id);
		if (confirm("Do you want to delete?")) {
			jQuery.ajax({
				url: APP_URL+'/location/ajax_location_delete',
				type:'post',
				data:{location_id:id,_token: '{!! csrf_token() !!}'},
				success:function(res) {
					jQuery('#dealer_list').DataTable().ajax.reload();
					window.setTimeout(function() {
				jQuery(".alert").fadeTo(500, 0).slideUp(500, function(){
					jQuery(this).remove(); 
				});
			}, 2000);
				}
			});
		}
	});
	window.setTimeout(function() {
				jQuery(".alert").fadeTo(500, 0).slideUp(500, function(){
					jQuery(this).remove(); 
				});
			}, 2000);
	jQuery('.dataTables_filter').hide();
});
</script>
@endsection