@extends('layouts.backoffice')

@section('content')

<div class="row">

    <div class="col-md-12">

        <a href="/administracao/usuario/novo" class="btn btn-block btn-default">
            Cadastrar novo usuário
        </a>

        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">Usuários cadastrados</h3>
            </div>
            <div class="box-body">
                <table class="table table-hover">
                    <tbody>
                        <tr>
                            <th>ID</th>
                            <th>User</th>
                            <th>Date</th>
                            <th>Papeis</th>
                            <th>Ações</th>
                        </tr>
                        @foreach($usuarios as $usuarioModel)
                        <tr>
                            <td>{{ $usuarioModel->clientuser_id }}</td>
                            <td>{{ $usuarioModel->name }}</td>
                            <td>{{ $usuarioModel->email }}</td>
                            <td>
                                @foreach($usuarioModel->getRoleNames() as $role)
                                <span class="label label-success">{{ $role }}</span>
                                @endforeach
                            </td>
                            <td>
                                <a href="/administracao/usuario/simular-acesso/{{ $usuarioModel->clientuser_id }}" class="btn btn-sm btn-default"><i class="fa fa-fw fa-user"></i></a>
                                <a href="/administracao/usuario/editar/{{ $usuarioModel->clientuser_id }}" class="btn btn-sm btn-default"><i class="fa fa-fw fa-pencil"></i></a>
                                <a href="/administracao/usuario/deletar/{{ $usuarioModel->clientuser_id }}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </div>

</div>

@endsection