@extends('layouts.app')

@section('content')
<div class="container mt-5">
    <div class="row justify-content-center">

        <div class="col-md-8 text-center">
            <img src="{{ $user->avatar ?? asset('images/default-avatar.png') }}"
                 class="rounded-circle mb-3"
                 style="width:120px; height:120px; object-fit:cover;">

            <h3>{{ $user->name }}</h3>
            <p>{{ $user->email }}</p>

            <div class="mt-4">
                <p><strong>Phone:</strong> {{ $user->phone ?? 'Not provided' }}</p>
                <p><strong>Member Since:</strong> {{ $user->created_at->format('F Y') }}</p>
            </div>
        </div>

    </div>
</div>
@endsection