@extends('backend.layouts.app')
@section('content')
<h1 class="page-header">
    @lang('messages.activities.activities')
</h1>
<div class="panel panel-inverse">
    <div class="panel-heading">
        <h4 class="panel-title">@lang('messages.activities.activities')</h4>
        <div class="panel-heading-btn">
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success reload" data-id="dataTableActivityList"><i class="fa fa-redo"></i></a>
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
        </div>
    </div>
    <div class="panel-body">        
        <table class="datatables-users table" id="dataTableActivityList">
            <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 = $("#dataTableActivityList").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