@extends('layouts.admin')

@section('scripts')

<script>
 
   $(document).ready( function () {
	   
		var userTable = $('#laravel_datatable').DataTable({
			aaSorting: [[0, 'desc']],
			processing: true,
			serverSide: true,
		    ajax: "{{ route('package.list') }}",
		    columns: [
					{ data: 'DT_RowIndex', name: 'id' },
					{ data: 'name', name: 'name' },
					{ data: 'price', name: 'price' },
					{ data: 'monthly_price', name: 'monthly_price' },
					{ data: 'expiry_days', name: 'expiry_days' },
					{ data: 'quantity', name: 'quantity' },
					{ data: 'action', name: 'action' },
				]
		});

		function showCancelMessage( row_id ) {
			swal({
			title: "Are you sure?",
			text: "This action cannot be undone!",
			icon: "warning",
			buttons: ["Cancel", "Confirm"],
			}).then((isConfirm) => {
			if (isConfirm) {
  				$.ajax({
					type : "POST",
					url: "{{route('package.delete')}}",
					data : {'id' : row_id},
					success: function(data){
						if(data){
							swal("Deleted!", "Package has been deleted.", "success");
							userTable.draw();
						} else {
							swal("Cancelled", "Error", "error");
						}
					}
				})
			} else {
				swal("Cancelled", "", "error");
			}
			});
			}	

			$(document).on('click','.delete', function (e) {
			e.preventDefault();
			var row_id = $(this).attr('data-id');
			showCancelMessage( row_id );
			
		});

	});

	
		
		
	
</script>

@endsection

@section('content')

<div class="row">
        <div class="col-lg-12">

          <div class="card">
            <div class="card-body">
				<div class="row">
					<div class="col-sm-6"> <h5 class="card-title">Packgae</h5></div>
					<div class="col-sm-6 pt-3"> <a href="{{route('package.add')}}" class="btn btn-primary" type="submit">Add</a></div>
				</div>
             
			 

			  <div class="table-responsive">
						<table class="table table-bordered" id="laravel_datatable">
						   <thead>
							    <tr>
									<th>Id</th>
									<th>Name</th>
								    <th>Price</th>
								    <th>Monthly Price</th>
								    <th>Expiry Days</th>
								    <th>Quantity</th>
									<th>Action</th>
								
							    </tr>
						   </thead>
						</table>
</div>

            </div>
          </div>

        </div>
      </div>

   
@endsection