@extends('layout.main')
@section('contenido')
    @if(Session::has('mensaje'))
        <div class="alert alert-success alert-dismissible fade show mb-2 mt-2" role="alert">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            <strong>{{Session::get('mensaje')}}</strong>
        </div>
    @endif
    <div class="card mb-2">
        <div class="card-header">
            <div class="navbar">                
                <h4>Lista de Roles</h4>
                <form class="d-flex" role="search">
                    <input name="texto" autocomplete="off" class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar">
                    <button class="btn btn-secondary me-2" type="submit">Buscar</button>
                    <a href="{{url('/rol/create')}}" class="btn btn-primary btn">Nuevo</a>
                </form>               
            </div>
        </div>
        <div class="card-body">
            <table class="table table-light table-condensed table-striped table-sm">
                <thead class="thead-light">
                    {{-- <th><div align="center">ID</div></th> --}}
                    <th>Nombre Rol</th>
                    <th>Estado</th>
                    <th><div align="center">Acciones</div></th>
                </thead>
                <tbody>
                    @foreach($rol as $roles)
                        <tr>
                            {{-- <td width=10% align="center">{{$roles->idrol}}</td> --}}
                            <td>{!!$roles->nombrerol!!}</td>
                            <td width=5%>{!!$roles->estadorol!!}</td>
                            <td width=15% align="center"> 
                                <a href="{{url('/rol/'.$roles->idrol.'/edit')}}" class="btn btn-warning btn-sm">
                                    <i class="fas fa-pen fa-lg" title="Editar" style="cursor: pointer"></i>
                                </a> 
                                <a href="{{url('/rol/permisos/'.$roles->idrol)}}" class="btn btn-warning btn-sm">
                                    <i class="fas fa-users-cog" title="Permisos" style="cursor: pointer"></i>
                                    {{-- <i class="fas fa-user-tag"></i> --}}
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table> 
            {!! $rol->links() !!}
        </div>
    </div>
@endsection