@extends('layouts.admin')

@section('breadcrumb')
<div class="container">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url('admin') }}">Inicio</a></li>
        <li class="breadcrumb-item"><a href="{{ url('admin/usuarios') }}">Usuarios</a></li>
        <li class="breadcrumb-item"><a href="#">{{ $usuario->nombres }} {{ $usuario->apellidos }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">Roles</li>
    </ol>
</div>
@endsection

@section('content')
<div class="container">

<h2 class="destacado mb-5">Roles
    @if(Auth::user()->hasPermiso('UsuarioRoles', 'c'))
        <div class="pull-right btn-group">
            <a class="btn btn-primary btn-sm" href="{{ url('admin/usuarios/' . $usuario->id . '/roles/create') }}"><i class="fa fa-plus"></i>Agregar Rol</a>
        </div>
    @endif
</h2>

@if($pertenencias->count())
    <table class="table table-striped mt-5">
        <thead class="table-dark">
            <tr>
                <th style="width: 25%" scope="col">Institución</th>
                <th style="width: 25%" scope="col">Fecha inicio</th>
                <th style="width: 25%" scope="col">Rol</th>
                @if(Auth::user()->hasPermiso('UsuarioRoles', 'd'))
                    <th style="width: 25%" scope="col">Acciones</th>
                @endif
            </tr>
        </thead>
        <tbody>
            @foreach($pertenencias as $p)
                <tr>
                    <td>{{ $p->institucion->nombre }}</td>
                    <td>{{ $p->fecha_inicio }}</td>
                    <td>{{ $p->rol }}</td>
                    @if(Auth::user()->hasPermiso('UsuarioRoles', 'd'))
                        <td>
                            <form action="{{ url('admin/usuarios/' . $usuario->id . '/roles/' . $p->id) }}" method="post">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-danger btn-ssm" onclick="return confirm('¿Seguro que desea eliminar?')">Eliminar</button>
                            </form>
                        </td>
                    @endif
                </tr>
            @endforeach
        </tbody>
    </table>
@else
    <p class="destacado-descripcion">El usuario no tiene roles asignados.</p>
@endif

</div>
@endsection