@extends('admin.layout.dashboard-template')

@section('content')
<div class="db-info-wrap db-package-wrap">
    <div class="dashboard-box table-opp-color-box">

        <h4>Contacts List</h4>

        <div class="table-responsive">
            <table id="contactTable" class="table table-bordered">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Phone</th>
                        <th>Uploaded At</th>
                    </tr>
                </thead>
            </table>
        </div>

    </div>
</div>

<script>
$(document).ready(function() {
    $('#contactTable').DataTable({
        processing: true,
        serverSide: true,
        ajax: "{{ route('admin.contacts.data', $user_id) }}",
        columns: [
            { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
            { data: 'name', name: 'name' },
            { data: 'phone', name: 'phone' },
            { data: 'created_at', name: 'created_at' }
        ]
    });
});
</script>
@endsection