@extends('layouts.guest', ['title' => 'Créer un compte'])

@section('content')
<div class="guest-card">
  <h1>Créer un compte</h1>

  <form method="POST" action="{{ route('register.store') }}">
    @csrf

    <div class="stack">

      <div class="field">
        <label for="name">Nom</label>
        <input id="name" name="name" type="text" value="{{ old('name') }}" required autocomplete="name">
        @error('name') <div class="err">{{ $message }}</div> @enderror
      </div>

      <div class="field">
        <label for="email">Email</label>
        <input id="email" name="email" type="email" value="{{ old('email') }}" required autocomplete="email">
        @error('email') <div class="err">{{ $message }}</div> @enderror
      </div>

      <div class="field">
        <label for="password">Mot de passe</label>
        <input id="password" name="password" type="password" required autocomplete="new-password">
        @error('password') <div class="err">{{ $message }}</div> @enderror
      </div>

      <div class="field">
        <label for="password_confirmation">Confirmer</label>
        <input id="password_confirmation" name="password_confirmation" type="password" required autocomplete="new-password">
      </div>

      <p class="small">
        En créant votre compte, vous acceptez l’utilisation de vos données pour la gestion de votre dossier (devis, documents, livrables, factures). 🔒
      </p>

      <div class="form-actions">
        <button class="btn" type="submit">Créer mon compte</button>
        <a class="btn2" href="{{ route('login') }}">Déjà un compte ?</a>
      </div>

      <p class="small">
        🔒 Espace sécurisé — données confidentielles, échanges protégés (HTTPS).
      </p>

    </div>
  </form>
</div>
@endsection