@extends('layout/principal')
@section('titulo', 'Home')
@section('content')

<h5 class="card-title">ROLES DE USUARIO SISTEMA</h5>
<hr>
<!-- ============ MENSAJES ==================================================================== -->
{{-- Mensajes estandar de Laravel --------}}
@if (isset($errors) && $errors->any())
<div class="alert alert-danger" role="alert">
    @foreach ($errors->all() as $error)
    {{ $error }}
    @endforeach
</div>
@endif
{{-- Mensajes de Session personalizados --}}
@if (Session::has('success')) <div class="alert alert-success"> {{ Session::get('success') }} </div> @endif
@if (Session::has('danger')) <div class="alert alert-danger"> {{ Session::get('danger') }} </div> @endif
<!-- ========== FIN MENSAJES ================================================================== -->

{{-- <div class="mb-1">
    @can('SuperAdmin')
    <a href="{{ route('role.create') }}" class="btn btn-az-primary mr-1">Crear Rol</a>
    @endcan
</div> --}}

<div class="table-responsive">
    <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%">
        <thead>
            <tr>
                <th>Acciones</th>
                <th>ID</th>
                <th>Rol de Usuario</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($roles as $rol)
            <tr>
                <td style="width: 1%">
                    {{-- <div class="btn-group">
                        <form action="{{ route('roleIntranet.destroy', $rol->id) }}" method="post"
                            onsubmit="return confirm('¿Está seguro que desea eliminar el Rol?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn-panal-danger btn-sm mr-1" title="Eliminar">
                                <ion-icon name="trash-outline" size="small" style="vertical-align: middle"></ion-icon>
                            </button>
                        </form>
                        <a href="#" class="btn-panal-warning btn-sm mr-1">Editar</a>
                        <button class="btn-panal-primary btn-sm mr-1">Ver</button>
                    </div> --}}
                </td>
                <td>{{ $rol->id }}</td>
                <td>{{ $rol->name }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
    {{-- {{ $roles->links('pagination::bootstrap-4') }} --}}
</div><!-- table-responsive -->

@endsection