@extends('layouts.admin')

@section('scripts')


<script>
 
   $(document).ready( function () {
	   
		var userTable = $('#laravel_datatable').DataTable({
			aaSorting: [[0, 'desc']],
			processing: true,
			serverSide: true,
		    ajax: "{{ route('admin.order') }}",
		    columns: [
					{ data: 'DT_RowIndex', name: 'id' },
					{ data: 'user_name', name: 'user_name' },
					{ data: 'package_name', name: 'package_name' },
					{ data: 'package_price', name: 'package_price' },
					{ data: 'action', name: 'action' }
				
					
				]
		});
		
		 $(document).on('click', '.cancel_sub', function (e) {
            e.preventDefault();
            var row_id = $(this).attr('data-id');
            showCancelMessage(row_id);
        });
		
		function showCancelMessage(row_id) {
         swal({
            title: "Are you sure?",
            text: "This action cannot be undone!",
            icon: "warning",
            buttons: ["Cancel", "Confirm"],
        }).then((result) => {
                if (result) {
                    // AJAX request to delete coupon
                    $.ajax({
                        type: "POST",
                        url: "{{ route('getSubscriptionDetail') }}",
                        data: { 'id': row_id },
                        success: function (data) {
                            if (data) {
                                swal("Deleted!", "Subscription has been Cancelled.", "success");
                                userTable.draw();
                            } else {
                                swal("Cancelled", "Error", "error");
                            }
                        }
                    });
                } else {
                    swal("Cancelled", "", "error");
                }
            });
        }

        
       


	});
	
	
	
</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">Order</h5></div>
					
				</div>
             
			 

			  <div class="table-responsive">
						<table class="table table-bordered" id="laravel_datatable">
						   <thead>
							    <tr>
									<th>Id</th>
									<th>User</th>
									<th>Package_name</th>
								    <th>Package price</th>
								   <th>Action</th>
								
							    </tr>
						   </thead>
						</table>
</div>

            </div>
          </div>

        </div>
      </div>

   
@endsection