@extends('layouts.app')
@section('title', 'Profil et paramètres')
@section('immersive-account', '1')
@section('content')
<div class="member-shell">@include('account._sidebar')<main class="member-content">
    <header class="member-page-head"><div><h1>Profil & Paramètres</h1><p>Gérez vos informations personnelles et la sécurité de votre compte.</p></div></header>
    <section class="member-profile-hero"><div class="member-profile-avatar">{{ mb_substr($user->firstname,0,1) }}{{ mb_substr($user->lastname,0,1) }}</div><div><div class="profile-name-row"><h2>{{ $user->firstname }} {{ $user->lastname }}</h2><span>Membre FreeGive</span></div><p>{{ collect([$user->profile?->city,$user->profile?->country])->filter()->join(', ') ?: 'Localisation non renseignée' }}</p><small>Membre depuis {{ $user->created_at->translatedFormat('F Y') }}</small></div></section>
    <div class="member-profile-grid"><section class="member-panel"><h2>Informations personnelles</h2><form method="POST" action="{{ route('account.profile.update') }}" class="form-stack">@csrf @method('PUT')<div class="field-row"><div class="field"><label for="firstname">Prénom</label><input id="firstname" name="firstname" value="{{ old('firstname',$user->firstname) }}" required>@error('firstname')<small class="field-error">{{ $message }}</small>@enderror</div><div class="field"><label for="lastname">Nom</label><input id="lastname" name="lastname" value="{{ old('lastname',$user->lastname) }}" required>@error('lastname')<small class="field-error">{{ $message }}</small>@enderror</div></div><div class="field-row"><div class="field"><label for="username">Nom d’utilisateur</label><input id="username" name="username" value="{{ old('username',$user->username) }}" required></div><div class="field"><label for="phone">Téléphone</label><input id="phone" name="phone" value="{{ old('phone',$user->phone) }}" required></div></div><div class="field"><label for="email">Adresse e-mail</label><input id="email" type="email" name="email" value="{{ old('email',$user->email) }}" required></div><div class="field-row"><div class="field"><label for="country">Pays</label><input id="country" name="country" value="{{ old('country',$user->profile?->country) }}"></div><div class="field"><label for="city">Ville</label><input id="city" name="city" value="{{ old('city',$user->profile?->city) }}"></div></div><div class="field"><label for="address">Adresse</label><input id="address" name="address" value="{{ old('address',$user->profile?->address) }}"></div><div class="field-row"><div class="field"><label for="birth_date">Date de naissance</label><input id="birth_date" type="date" name="birth_date" value="{{ old('birth_date',$user->profile?->birth_date?->format('Y-m-d')) }}"></div><div class="field"><label for="gender">Genre</label><select id="gender" name="gender"><option value="">Non renseigné</option><option value="female" @selected($user->profile?->gender==='female')>Femme</option><option value="male" @selected($user->profile?->gender==='male')>Homme</option><option value="other" @selected($user->profile?->gender==='other')>Autre</option></select></div></div><button class="button">Enregistrer les modifications</button></form></section><aside class="member-profile-aside"><section class="member-panel impact-summary"><h2>Impact solidaire</h2><span>Total des contributions</span><strong>{{ $impactCount }}</strong><small>Dons réalisés et demandes aidées</small></section><section class="member-panel"><h2>Confidentialité & Sécurité</h2><form method="POST" action="{{ route('account.password') }}" class="form-stack">@csrf @method('PUT')<div class="field"><label for="current_password">Mot de passe actuel</label><input id="current_password" type="password" name="current_password" required></div><div class="field"><label for="new_password">Nouveau mot de passe</label><input id="new_password" type="password" name="password" required></div><div class="field"><label for="password_confirmation">Confirmation</label><input id="password_confirmation" type="password" name="password_confirmation" required></div><button class="button button-blue">Modifier le mot de passe</button></form></section></aside></div>
</main></div>
@endsection