@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto px-8 py-10">
    <h1 class="text-3xl font-bold text-white mb-6">Account</h1>

    <div class="bg-gray-900 p-8 rounded-lg shadow-lg">
        <h2 class="text-xl font-semibold text-gray-200 mb-4">Personal Details</h2>

        <p class="text-gray-300">Name: {{ auth()->user()->name }}</p>
        <p class="text-gray-300">Email: {{ auth()->user()->email }}</p>

        <a href="/account/profile/edit" class="mt-4 inline-block bg-red-600 px-4 py-2 rounded hover:bg-red-700">
            Edit Profile
        </a>
    </div>
</div>
@endsection