@extends('layouts.admin')
@section('content')
<style>
.custom-control-label:after {
    border: 2px solid grey !important;
	border-radius:5px;
}
</style>
       <div style="padding:20px;">
	    
	    <div class="" style="display: flex;padding-bottom: 20px;justify-content: space-between;flex-wrap: wrap;">
	    <h1>Plan Name : {{$model->title}} </h1>
		<h1>Provider Name : {{$model->display_name}}</h1>
		</div>
		
		<div style=" margin-bottom:10px;" >
		<div class="text-end" style="margin-bottom:10px;" >
			<!--<a href="{{route('user.create')}}" class="btn btn-primary">Add Reseller</a>-->
		</div>
		 </div>
		 <div class="card shadow mb-4">
			<div class="card-header py-3">
				<div class="card-body">
					<div class="table-responsive">
						<table class="table table-bordered" id="listtable1" width="100%" cellspacing="0">
							<thead>
								<tr>
									
									<th>Customer Id/User Name</th>
									<th>Customer Name</th>
									<th>Data</th>									
									<th>Created Date</th>
									
									
								</tr>
							</thead>
							<tbody class="list">
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>	
		


@endsection
@push('scripts')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.12.1/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.12.1/datatables.min.js"></script>
<script type="text/javascript">
var reseller_id = "{{$model->user_id}}";
var datatableRender;
$( document ).ready(function(){
	datatableRender=$('#listtable1').DataTable({
			responsive: true,
			processing: true,
			serverSide: true,
			searching: true,
			ajax:  {
				"url":"{{route('user.plan.detail')}}",
				"data": function(data){
					data.reseller_id = reseller_id;
				}
			},
			aoColumnDefs: [
			{
			bSortable: false,
			aTargets: [ 2,3, ]
			}
			],
			stateSave: true,
			bSort: false,
			 bLengthChange: true,
			//bInfo: false,

		});
});		
function deleteUser(obj)
	{
		var url=$(obj).data('href');
		$('#confirm-delete .modal-title').html('Delete User');
		$('#confirm-delete form').attr('action',url);
		$('#confirm-delete .text-left').html('Are you sure, you want to delete this user?');
		$('#confirm-delete').modal('show');
	}

</script>
@endpush