@extends('admin.layout.app')

@section('body')
    <div class="card card-page p-3 shadow-sm">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <h4 class="mb-0">{{ __('admin.user') }}: {{ $user->name }}</h4>
                <small class="text-muted">{{ $user->email }}</small>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('users.edit', $user->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
                <a href="{{ route('users.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
            </div>
        </div>

        <div class="row g-3 mb-3">
            <div class="col-md-4"><strong>{{ __('admin.id_2') }}</strong> {{ $user->id }}</div>
            <div class="col-md-4"><strong>{{ __('admin.name_3') }}</strong> {{ $user->name }}</div>
            <div class="col-md-4"><strong>{{ __('admin.email_2') }}</strong> {{ $user->email }}</div>
            <a href="{{ route('two-factor.setup') }}" class="btn btn-outline-secondary">{{ __('admin.setup_two_factor_authentication') }}</a>
        </div>

        <h5 class="mb-2">{{ __('admin.roles') }}</h5>
        <div class="border rounded p-2">
            @php $rs = method_exists($user,'roles') ? $user->roles : collect(); @endphp
            @if($rs->count())
                @foreach($rs as $r)
                    <span class="badge bg-info me-1 mb-1">{{ $r->name }}</span>
                @endforeach
            @else
                <div class="text-muted">{{ __('admin.no_roles_assigned') }}</div>
            @endif
        </div>
    </div>
@endsection