@extends('adminlte::page')

@section('title', 'Detalle de usuario')

@section('content_header')
    <h1 class="font-weight-bold">
        <i class="fas fa-user"></i>
        Detalle de Usuario
    </h1>
@stop

@section('content')

<div class="card">
    <div class="card-header">
        <strong>{{ $usuario->name }}</strong>
    </div>

    <div class="card-body">
        <p>
            <strong>ID:</strong>
            {{ $usuario->id }}
        </p>

        <p>
            <strong>Nombre:</strong>
            {{ $usuario->name }}
        </p>

        <p>
            <strong>Correo:</strong>
            {{ $usuario->email }}
        </p>

        <p>
            <strong>Rol:</strong>
            @forelse($usuario->getRoleNames() as $rol)
                <span class="badge badge-dark">
                    {{ strtoupper($rol) }}
                </span>
            @empty
                <span class="badge badge-secondary">
                    Sin rol
                </span>
            @endforelse
        </p>

        <p>
            <strong>Equipo asignado:</strong>
            {{ $usuario->equipo->nombre ?? 'Sin equipo' }}
        </p>

        <p>
            <strong>Nivel de acceso:</strong>
            {{ $usuario->nivel_acceso ?? 'No definido' }}
        </p>
    </div>

    <div class="card-footer">
        <a href="{{ route('usuarios.edit', $usuario) }}" class="btn btn-warning">
            <i class="fas fa-edit"></i>
            Editar
        </a>

        <a href="{{ route('usuarios.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i>
            Volver
        </a>
    </div>
</div>

@stop