@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            User Manager
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li>Permission</li>
            <li class="active">User Permission</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <div class="box-header with-border">
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <table id="roleDatatable" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>User ID</th>
                        <th>User Name</th>
                        <th>User Mobile No</th>
                        <th>User Email</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(count($users) > 0)
                        @foreach($users as $key => $user)
                            <tr>
                                <td>{{$user->user_id}}</td>
                                <td>{{$user->full_name}}</td>
                                <td>
                                    {{$user->mobile_no}}
                                </td>
                                <td>
                                    {{$user->email}}
                                </td>
                                <td>
                                    <a href="{{ route('user.permission.edit', $user->user_id) }}"
                                       class="btn btn-info btn-xs" id="reference_{{$user->user_id}}">
                                        <i class="fa fa-edit" title="Edit"></i>
                                    </a>
                                    {{--                                            <a href="{{ route('role.remove', ['role' => $user->name, 'id' => $user->id]) }}" class="btn btn-danger btn-xs">--}}
                                    {{--                                                <i class="fa fa-trash" title="Delete"></i>--}}
                                    {{--                                            </a>--}}
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                    <tfoot>
                    <tr>
                        <th>User ID</th>
                        <th>User Name</th>
                        <th>User Mobile No</th>
                        <th>User Email</th>
                        <th>Action</th>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>

    </section>

@endsection
@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#roleDatatable')
                .addClass('nowrap')
                .dataTable({
                    columnDefs: [
                        {targets: [-1, -3], className: 'dt-body-right'}
                    ]
                });

        });
    </script>
@endsection