@extends('backend.layouts.app')
@section('content')
    <h4 class="py-3 mb-4">
    @lang('messages.activities.activities')
    </h4>

    <div class="card">
        <div class="card-datatable table-responsive datatable-roles">
            <table class="datatables-users table" id="dataTableUserList">
                <thead>
                    <tr>
                        <th>@lang('messages.activities.sr_no')</th>
                        <th>@lang('messages.activities.activity_performed')</th>
                        <th>@lang('messages.activities.operation')</th>
                        <th>@lang('messages.activities.status')</th>
                        <th>@lang('messages.activities.modified_by')</th>
                        <th>@lang('messages.activities.time')</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Table body content goes here -->
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('footer_scripts')
    <script>
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var table = $("#dataTableUserList").DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('users-activity.index') }}", // Assuming the route for talent index
                columns: [
                    { data: "id" },
                    { data: "full_name"},
                    { data: "modify_user"},
                    { data: "status"},
                    { data: "modifier_fullname"},
                    { data: "date_time"},
                ],
            });
        });
    </script>
@endsection