@extends('layout.default')

@section('content')
<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th width="80px">Name</th>
                    <th width="80px">Email</th>
                    <th width="50px">Phone Number</th>
                    <th width="50px">Remarks</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->

@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script>
  var table;
      ajaxListing();
    
  function ajaxListing()
  {
    $(function () {