@extends('layouts.front.app')

@section('title', 'My Profile')

@section('content')
@php
    $user = auth()->guard('user')->user();
@endphp

<x-layouts.user.dashboard>
    <div class="animate-fade-in">
        <header class="mb-5 sm:mb-6 lg:mb-8">
            <p class="text-xs font-medium uppercase tracking-wider text-muted-foreground">{{ __('pages/profile.title') }}</p>
            <h1 class="mt-1 text-xl font-bold tracking-tight text-foreground sm:text-2xl lg:text-3xl">
                {{ __('pages/profile.my_profile') }}
            </h1>
            <p class="mt-2 max-w-2xl text-sm leading-relaxed text-muted-foreground">
                {{ __('pages/profile.description') }}
            </p>
        </header>

        <x-profile.user-details :user="$user" />
    </div>
</x-layouts.user.dashboard>
@endsection