@extends('admin::curd.index')
@section('heading')
<i class="fa fa-file-text-o"></i> {!! trans('user::user.user.name') !!} <small> {!! trans('cms.manage') !!} {!! trans('user::user.user.names') !!}</small>
@stop
@section('title')
{!! trans('user::user.user.names') !!}
@stop
@section('breadcrumb')
<ol class="breadcrumb">
    <li><a href="{!! trans_url('admin') !!}"><i class="fa fa-dashboard"></i> {!! trans('cms.home') !!} </a></li>
    <li class="active">{!! trans('user::user.user.names') !!}</li>
</ol>
@stop
@section('entry')
<div class="box box-warning" id='entry-user'>
</div>
@stop
@section('tools')
<h4>
<a href='#' class="label label-primary filter-role" data-role=''>All</a>
@foreach(User::roles() as $role)
<a href='#' class="label label-warning filter-role" data-role='{{ $role->name }}'>{{ ucfirst($role->name) }}</a>
@endforeach
</h4>
@stop
@section('content')
<table id="main-list" class="table table-striped table-bordered">
    <thead>
        <th>{!! trans('user::user.user.label.name')!!}</th>
        <th>{!! trans('user::user.user.label.email')!!}</th>
        <th>{!! trans('user::user.user.label.sex')!!}</th>
        <th>{!! trans('user::user.user.label.designation')!!}</th>
    </thead>
</table>
@stop
@section('script')
<script type="text/javascript">
var oTable;
$(document).ready(function(){
    $('#entry-user').load('{{trans_url('admin/user/user/0')}}');
    oTable = $('#main-list').DataTable( {
        "ajax": '{{ trans_url('/admin/user/user') }}',
        "columns": [
        { "data": "name" },
        { "data": "email" },
        { "data": "sex" },
        { "data": "designation" },],
        "userLength": 50
    });
    $('#main-list tbody').on( 'click', 'tr', function () {
        $(this).toggleClass("selected").siblings(".selected").removeClass("selected");
        var d = $('#main-list').DataTable().row( this ).data();
        $('#entry-user').load('{{trans_url('admin/user/user')}}' + '/' + d.id);
    });

    $('.filter-role').on( 'click', function (e) {
        role = $( this ).data( "role" );

        oTable.ajax.url('{!! trans_url('/admin/user/user?role=') !!}' + role).load();
        e.preventDefault();
    });
});
</script>
@stop
@section('style')
@stop