@extends('layouts.admin')

@section('content')
    <h1 class="h3 mb-4 text-gray-800">Usuários</h1>

    <div class="card shadow mb-4">

        <div class="card-header py-3 d-flex justify-content-between align-items-center">

            <h6 class="m-0 font-weight-bold text-primary">
                Gerenciar Usuários e Acessos
            </h6>

            <a href="{{ route('users.create') }}"
               class="btn btn-success btn-sm shadow-sm">
                <i class="fas fa-user-plus"></i>
                Novo Usuário
            </a>

        </div>

        <div class="card-body">

            @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif

            @if(session('error'))
                <div class="alert alert-danger">
                    {{ session('error') }}
                </div>
            @endif

            <div class="table-responsive">

                <table class="table table-bordered" id="tabelaAuditoria" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>Username</th>
                            <th>Nome</th>
                            <th>E-mail</th>
                            <th>Funções</th>
                            <th>Ações</th>
                        </tr>
                    </thead>

                    <tbody>

                        @foreach($users as $user)
                        <tr>

                            <td class="font-weight-bold text-primary">
                                {{ $user->username }}
                            </td>

                            <td>
                                {{ $user->name }}
                            </td>

                            <td>
                                {{ $user->email }}
                            </td>

                            <td>
                                @foreach($user->getRoleNames() as $role)
                                    <span class="badge badge-info">
                                        {{ Str::headline($role) }}
                                    </span>
                                @endforeach
                            </td>

                            <td class="text-center">

                                <a href="{{ route('users.edit', $user->id) }}"
                                   class="btn btn-primary btn-sm btn-circle shadow-sm"
                                   title="Gerenciar Permissões">

                                    <i class="fas fa-user-shield"></i>

                                </a>

                                <form action="{{ route('users.destroy', $user->id) }}"
                                      method="POST"
                                      class="d-inline"
                                      onsubmit="return confirm('Deseja realmente excluir este usuário?');">

                                    @csrf
                                    @method('DELETE')

                                    <button type="submit"
                                            class="btn btn-danger btn-sm btn-circle shadow-sm"
                                            title="Excluir Usuário">

                                        <i class="fas fa-trash"></i>

                                    </button>

                                </form>

                            </td>

                        </tr>
                        @endforeach

                    </tbody>

                </table>

                {{ $users->links() }}

            </div>

        </div>

    </div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {

    $('#tabelaAuditoria').DataTable({
        stateSave: true,
        language: {
            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/pt-BR.json"
        },
        order: [[0, "asc"]]
    });

});
</script>
@endpush