@extends('layouts.app')

@section('content')
<div class="max-w-md mx-auto">
  <h2 class="text-xl font-semibold mb-4">Mon compte</h2>
  <form id="update-account-form" method="POST" action="{{ route('account.update') }}">
    @csrf
    <label class="block mb-1">Nom</label>
    <input type="text" name="name" value="{{ old('name', $user->name) }}" class="w-full border p-2 rounded mb-4" required>
    <label class="block mb-1">Email</label>
    <input type="email" name="email" value="{{ old('email', $user->email) }}" class="w-full border p-2 rounded mb-4" required>
    <button type="button" onclick="openModal('confirm-update-account')" class="bg-green-600 text-white p-2 rounded w-full">Mettre à jour</button>
  </form>
  <x-confirm-modal id="confirm-update-account" formId="update-account-form" message="Mettre à jour le compte ?" confirmText="Mettre à jour" />
  <a href="{{ route('account.password.edit') }}" class="text-blue-600 mt-4 inline-block">Changer le mot de passe</a>
</div>
@endsection