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

<h5 class="card-title">ROLES 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="">
    @can('role.sistema.crear')
    <a href="{{route('role.sistema.create')}}" class="btn btn-az-primary mr-1">
        <ion-icon name="add-outline" size="small" style="vertical-align: middle"></ion-icon>Crear Rol
    </a>
    @endcan
</div>
<br>
<div class="table-responsive">
    <table class="table table-striped table-bordered datatable" width="100%">
        <thead>
            <tr>
                <th>Acciones</th>
                <th>ID</th>
                <th>Nombre Rol</th>
                <th>Fecha Creación</th>
                <th>Fecha Modificación</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($roles as $role)
            <tr>
                <td>

                    <div class="btn-group">
                        {{-- <button class="btn btn-secondary mr-1">Detalle</button> --}}
                        @can('role.editar')
                        <a href="{{ route('role.sistema.edit', $role->id) }}" class="btn-info btn-sm mr-1">Editar
                            Permisos</a>
                        @endcan
                        @can('role.eliminar')
                        <form action="{{ route('role.sistema.destroy', $role->id) }}" method="post"
                            onsubmit="return confirm('¿Está seguro que desea eliminar el registro?')">
                            @csrf
                            {{-- @method('DELETE') --}}
                            <button type="submit" class="btn-danger btn-sm mr-1">Eliminar</button>
                        </form>
                        @endcan
                    </div>
                </td>
                <td>{{ $role->id }}</td>
                <td>{{ $role->name }}</td>
                <td>{{ $role->created_at }}</td>
                <td>{{ $role->updated_at }}</td>

            </tr>
            @endforeach
        </tbody>
    </table>
    {{-- {{ $roles->links('pagination::bootstrap-4') }} --}}
</div><!-- table-responsive -->


@endsection