@extends('includes.navbarclient')
@section('content')
<div class="container-fluid" id="xd">
	<div class="row" style="height: 100%;">
		<!--<div class="col-2" style="background-color: #93a6b7">
			<div class="row">
				<div class="col-12">
					<h1>{{ trans( 'messages.configuracion' ) }}</h1>
				</div>
			</div>
			<hr>
			<div class="row">
				<div class="col-12">
					<br>
					<h5><a href="{{ asset('/admin/config/user/create') }}">+ {{ trans( 'messages.nuevo_usuario' ) }}</a></h5>
				</div>
			</div>
			<div class="row">
				<div class="col-12 alert alert-dark">
                    <br>
					<h5><a href="{{ asset('/admin/config/user/index') }}">+ {{ trans( 'messages.usuarios' ) }}</a></h5>
				</div>
			</div>
		</div>-->
		<div class="col-12" id="divFormCliente" >
			<div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <h5>{{ trans( 'messages.usuarios' ) }}</h5>
                    </div>
                </div>
            <div class="row">
                <div class="col-2">
                   <a class="btn btn-info btn-block" href="{{ asset('/admin/config/user/create') }}">+ {{ trans( 'messages.nuevo_usuario' ) }}</a>
                </div>
            </div>
            <!--<div class="row">
                <div class="col-12">
                    <a class="btn btn-info" href="{{ asset('/admin/config/user/index') }}">+ {{ trans( 'messages.usuarios' ) }}</a>
                </div>
            </div>-->
                <div class="row">
                    <div class="col-12">
                        <table id="gridClientes" class="table table-bordered table-hover" style="background-color: white;">
                            <thead>
                                <tr>
                                    <th>{{ trans('messages.id_usuario') }}</th>
                                    <th>{{ trans('messages.nombre') }}</th>
                                    <th>{{ trans('messages.correo') }}</th>
                                    <th>{{ trans('messages.tipo_permiso') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ( App\User::all() as $user )
                                
                                    <tr>
                                        <td>{{ $user->id }}</td>
                                        <td>{{ $user->name }}</td>
                                        <td>{{ $user->email }}</td>
                                        <td>
                                            @foreach ($user->roles as $role)
                                                {{ $role->title }}<br/>
                                            @endforeach
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                        
                </div>
			</div>
		</div>
	</div>
</div>
<script>
    $(document).ready(function() {
        $('#gridClientes').DataTable();
    } );
</script>
@endsection