@extends('layouts.admin')

@section('content')
<div class="content">

  <div class="card">
    <div class="card-header">
      <h6 class="card-title">@lang('keyword.admin') @lang('keyword.list')</h6>
    </div>
    <div class="table-responsive  p-3">
      <table class="table text-nowrap" id="users_table">
        <thead>
          <tr>
            <th>No</th>
            <th>@lang('keyword.name')</th>
            <th>@lang('keyword.email')</th>
            <th>@lang('keyword.created_at')</th>
             <th class="text-center" style="width: 20px;">@lang('keyword.action')</th>
          </tr>
        </thead>
        <tbody>

        </tbody>
      </table>
    </div>
  </div>

<script type="text/javascript">
$(document).ready(function(){
   $('#users_table').DataTable({
    'severSide': true,

    'ajax':{
      url: '/admin/data',
      dataSrc: 'data'

    },
    language: {
      "paginate": {
      "first":      "@lang('keyword.first')",
      "last":       "@lang('keyword.latest')",
      "next":       "@lang('keyword.next')",
      "previous":   "@lang('keyword.previous')"
    },
    "search": '@lang('keyword.search') : ',
    "zeroRecords":    "@lang('keyword.no-result')",
    "lengthMenu":     "បង្ហាញ  _MENU_  @lang('keyword.report')",
    "info":           "បង្ហាញ _START_ ទៅ _END_ នៃ _TOTAL_ @lang('keyword.report')",
    "infoEmpty":      "គ្មានទិន្នន័យ",
    },
    'columns': [
      {
        data: 'id'
      },
      {
        data: 'name'
      },
      {
        data: 'email'
      },
      {
        data: 'created_at'
      },
      {
        class: 'text-center',
        data: 'action'
      }
    ],
    "aoColumnDefs": [ {
               "aTargets": [ 1 ],
               "mRender": function ( data, type, full ) {
                return $("<div/>").html(data).text();
                }
      } ],
    'order': [[0, 'desc']]
  });
})
</script>
@endsection