@extends('dashboard.layouts.master')
@section('title', 'Chat Monitoring | Admin Panel')

@section('content')
<div class="padding">
    <div class="box">
        <div class="box-header">
            <h3>Chat Monitoring</h3>
            <small><a href="{{ route('adminHome') }}">Dashboard</a> / Chat Monitoring</small>
        </div>

        <div class="box-body">
            <div class="table-responsive">
                <table class="table table-striped b-t" id="chatTable">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Customer</th>
                            <th>Business</th>
                            <th>Last Message</th>
                            <th>Last Message Time</th>
                            <th>Options</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@push('after-scripts')
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script>
    $('#chatTable').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: "{{ route('chat-monitoring.anyData') }}",
            type: 'POST',
            data: { _token: "{{ csrf_token() }}" }
        },
        columns: [
            { data: 'id',           name: 'id' },
            { data: 'customer',     name: 'customer' },
            { data: 'business',     name: 'business' },
            { data: 'last_message', name: 'last_message' },
            { data: 'last_time',    name: 'last_time' },
            { data: 'options',      name: 'options', orderable: false, searchable: false }
        ],
        order: [[0, 'desc']]
    });
</script>
@endpush