@extends('layouts.app')

@section('title', 'User Details')

@section('content')
<div class="container-fluid">
  <div class="card">
    <div class="card-header"><h5>User Details</h5></div>

    <div class="card-body">
      <p><strong>Name:</strong> {{ $user->name }}</p>
      <p><strong>Email:</strong> {{ $user->email }}</p>
      <p><strong>Roles:</strong> {{ $user->roles->pluck('name')->join(', ') }}</p>
    </div>

    <div class="card-footer">
      <a href="{{ route('users.index') }}" class="btn btn-secondary">Back</a>
    </div>
  </div>
</div>
@endsection