@extends('admin.layouts.app')

@section('content')
<!--begin::Content container-->
<div id="kt_app_content_container" class="app-container container-xxl" data-bs-backdrop='static'>
    <div class="p-2"></div>
    <!--begin::Card-->
    <div class="card">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title">Client Logs</div>
            <!--begin::Card title-->
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body py-4">
            <div class="table-responsive mt-5">
            <!--begin::Table-->
            <table class="table table-rounded table-striped table-row-bordered table-row-gray-300 gy-7 gs-7" id="kt_table_client_logs">
                <!--begin::Table head-->
                <thead>
                    <!--begin::Table row-->
                    <tr class="fw-semibold fs-6 text-gray-800 border-bottom border-gray-700">
                        <th class="w-10px pe-2 text-dark fw-bold">#</th>
                        <th class="min-w-125px text-dark fw-bold">Action</th>
                        <th class="min-w-125px text-dark fw-bold">IP</th>
                        <th class="min-w-125px text-dark fw-bold">Date</th>
                    </tr>
                    <!--end::Table row-->
                </thead>
                <!--end::Table head-->
                <!--begin::Table body-->
                <tbody class="text-dark fw-semibold">
                </tbody>
                <!--end::Table body-->
            </table>
            </div>
            <!--end::Table-->
        </div>
        <!--end::Card body-->
    </div>
    <!--end::Card-->
</div>
<!--end::Content container-->
@endsection

@section('script')
<script>
var table = $('#kt_table_client_logs').DataTable({

    ajax: {
        "method": "GET",
        "url": "{{ route('admin.users.user_client_logs', ['id' => $client_detail->primary_client_id]) }}",
        "data": function ( d ) {
        }
    },
    columns: [
        {data: 'id', name: 'id', orderable: true},
        {data: 'action', name: 'action', orderable: true},
        {data: 'report_ip', name: 'report_ip', orderable: true},
        {data: 'report_date', name: 'report_date', orderable: true},
    ]
});
</script>
@endsection