@extends('layouts.backend')

@section('content')
<section class="content-header">
    <h1>
      Users
    </h1>
    <ol class="breadcrumb">
      <li><a href="{{ route('admin_dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
      <li class="active">Users</li>
    </ol>
</section>

<section class="content">
    <div class="row">
    <div class="col-md-12">
        <div class="data-table-container-custom">
            <table id="users-table" class="table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <th>ZipCode</th>
                        <th>Created At</th>                      
                    </tr>
                </thead>
            </table>
        </div>
        </div>
    </div>
 </section>       
@endsection



@section('head')
<link href="{{ asset('plugins/datatables/datatables.bootstrap.css') }}" rel="stylesheet">
@endsection


@section('script_bottom')
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables/datatables.bootstrap.js') }}"></script>

<script type="text/javascript">
    $('#users-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{{ Route("admin_usersdata") }}',
        columns: [
            {data: 'name', name: 'name'},
            {data: 'email', name: 'email'},
            {data: 'zipcode', name: 'zipcode'},
            {data: 'created_at', name: 'created_at'},            
        ]
    });  
</script>
@endsection