@extends('layouts.user')

@section('title', 'Profile')
@section('page-title', 'My Profile')
@section('page-subtitle', 'Manage your account information.')

@section('content')

    <div class="page-heading">
        <div>
            <h2>My Profile</h2>
            <p>Update your NutriTrack account details.</p>
        </div>
    </div>

    @if (session('success'))
        <div class="card">{{ session('success') }}</div>
    @endif

    @if ($errors->any())
        <div class="card">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card form-card">
        <div class="profile-header">
            <div class="large-avatar">
                {{ strtoupper(substr(auth()->user()->name, 0, 2)) }}
            </div>

            <div>
                <h3>{{ auth()->user()->name }}</h3>
                <p>NutriTrack Member</p>
            </div>
        </div>

        <form method="POST" action="{{ route('user.profile.update') }}">
            @csrf
            @method('PATCH')

            <div class="form-grid">
                <div class="form-group">
                    <label for="name">Full Name</label>
                    <input id="name" name="name" class="form-control" value="{{ old('name', auth()->user()->name) }}"
                        required maxlength="255">
                </div>

                <div class="form-group">
                    <label for="email">Email Address</label>
                    <input id="email" name="email" class="form-control" type="email"
                        value="{{ old('email', auth()->user()->email) }}" required maxlength="255">
                </div>
            </div>

            <button type="submit" class="btn btn-primary">
                Save Changes
            </button>
        </form>
    </div>

@endsection