@extends('administrative.layouts.master')
@section('title', 'Runner Three Wheeler Customers')
@section('content')
  <table id="datatables" class="table">
    <thead>
      <tr>
        <th>SL</th>
        <th>Name</th>
        <th>Mobile Number</th>
        <th>Has Logged In?</th>
        <th>Last Log In</th>
        <th>User Created</th>
      </tr>
    </thead>
    <tbody></tbody>
  </table>
@endsection
@section('page-js')
  <script>
    var table = $('#datatables').DataTable({
      aLengthMenu: [
        [10, 30, 50, -1],
        [10, 30, 50, "All"]
      ],
      iDisplayLength: 10,
      processing: true,
      serverSide: true,
      ajax: '{{ route('administrative.runner-tw.datatable') }}',
      columns: [{
          data: 'id',
          name: 'id'
        },
        {
          data: 'customer_name',
          name: 'customer_name',
        },
        {
          data: 'phone_number',
          name: 'phone_number',
        },
        {
          data: 'is_first_login',
          name: 'is_first_login',
          render: function(data) {
            return data == 'true' ?
              '<span class="bg-success badge text-white">Yes</span>' :
              '<span class="bg-warning badge text-white">No</span>';
          }
        },
        {
          data: 'last_login_time',
          name: 'last_login_time'
        },
        {
          data: 'created_at',
          name: 'created_at'
        },
      ],
    });
  </script>
@endsection