@extends('layouts.app')

@section('title', 'Detalle Usuario')
@section('header', 'Detalle Usuario')

@section('content')

<div class="card">
    <div class="card-body">

        <p><strong>Nombre:</strong> {{ $user->name }}</p>
        <p><strong>Email:</strong> {{ $user->email }}</p>
        <p><strong>Teléfono:</strong> {{ $user->phone }}</p>
        <p><strong>CAPI ID:</strong> {{ $user->CAPI_ID }}</p>

        <p><strong>Roles:</strong>
            @foreach($user->roles as $role)
                <span class="badge bg-primary">{{ $role->name }}</span>
            @endforeach
        </p>

        <a href="{{ route('users.index') }}" class="btn btn-secondary mt-3">
            Volver
        </a>

    </div>
</div>

@endsection