@extends('Admin.layouts.app')
@section('title', 'Seekers')

@section('content')

{{-- <style>
table.seeker-table th,
table.seeker-table td {
    vertical-align: middle;  
    text-align: center;       
    padding: 10px 12px;    
    line-height: 1.4;   
}

table.seeker-table thead th {
    border-bottom: 2px solid #dee2e6; 
}

table.seeker-table tbody td {
    border-top: 1px solid #dee2e6;
}

</style>          --}}

<!-- Page Heading -->
<!-- <h1 class="page-title h3 mb-2 text-gray-800">
    Users
    <a href="{{route('admin.user.form')}}" class="btn-gazna" style="text-decoration:none;height:50px;font-size:14px;" >Add User</a>
</h1> -->
<!-- DataTales Example -->  

    <div class="card-header py-3">
        <h6 class="">Seeker Listings</h6>
    </div>
   
    <div class="card-body">
        @if(Session::has('done'))
             <div class="alert alert-success">{{Session::get('done')}}</div> 
        @endif
        @if(Session::has('delete'))
             <div class="alert alert-success">{{Session::get('delete')}}</div> 
        @endif
        <div class="table-responsive">
           <table class="table seeker-table" id="laravel_datatable" width="100%" cellspacing="0">
    <thead>
        <tr>
            {{-- <th>S.No</th> --}}
            <th>User ID</th>
            {{-- <th>Name</th> --}}
            <th>Email</th>
            <th>Total Bookings</th>
            {{-- <th>Service Type</th> --}}
            <th>Status</th>
            <th>Action</th>
        </tr>
    </thead>
</table>

        </div>
    </div>
</div>

<!-- /.container-fluid -->
    @endsection


    @push('body-scripts')
<script src="//code.jquery.com/jquery-3.5.1.js"></script>
<script src="//cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
   
<script>
$(document).ready(function(){
   $('#laravel_datatable').DataTable({
    processing: true,
    serverSide: true,
    ajax: "{{ route('admin.seekers') }}",
    columns: [
        {data: 'user_id', name: 'users.id'}, // FIXED HERE
        {data: 'email', name: 'users.email'},
        {data: 'total_bookings', name: 'total_bookings', orderable: false, searchable: false},
        {data: 'status', name: 'users.is_block'},
        {data: 'action', name: 'action', orderable: false, searchable: false}
    ],
    order: [[0, 'asc']]
});

});
</script>
@endpush