@extends('layouts.admin')

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
 
   $(document).ready( function () {
	   
		var userTable = $('#laravel_datatable').DataTable({
			aaSorting: [[0, 'desc']],
			processing: true,
			serverSide: true,
		    ajax: "{{ route('admin.tickets') }}",
		    columns: [
					{ data: 'DT_RowIndex', name: 'id' },
					{ data: 'user_name', name: 'user_name' },
					{ data: 'ticket_number', name: 'ticket_number' },
					
				
					
				]
		});

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

			  <div class="table-responsive">
						<table class="table table-bordered" id="laravel_datatable">
						   <thead>
							    <tr>
									<th>Id</th>
									<th>User</th>
									<th>Ticket Number</th>
								    
								   
								
							    </tr>
						   </thead>
						</table>
</div>

            </div>
          </div>

        </div>
      </div>

   
@endsection