@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
@php
//dd($usuarios);
@endphp

<div class="row">
    <div class="col-12 mg-b-20">
        <div>
            <div class="d-flex">
                <div class="az-content-label mg-b-20">Roles</div>
                @can('role.crear')
                <div class="mg-l-auto"><a href="{{route('role.create')}}" class="btn btn-primary">Nuevo Rol</a></div>
                @endcan
            </div>
        </div>
        <br>
        <!-- ============ mensaje ============ -->
        @if (Session::get('success'))
        <div class="alert alert-success col-lg-12 show" role="alert">{{ Session::get('success'); }}</div>
        @endif
        @if (Session::get('danger'))
        <div class="alert alert-danger col-lg-12 show" role="alert">{{ Session::get('danger'); }}</div>
        @endif
        <!-- ========== fin mensaje ========== -->
        <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.edit', $role->id) }}" class="btn-info btn-sm mr-1">Editar Permisos</a>
                                @endcan
                                @can('role.eliminar')
                                <form action="{{ route('role.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 -->
    </div><!-- card -->
</div><!-- col -->
    
@endsection