@extends('layouts.app')
@section('title','Créer un compte')
@section('content')
<section class="access-page register-access"><div class="shell access-shell"><aside class="access-story register-story"><span class="access-badge"><x-icon name="help"/> Rejoindre FreeGive</span><h1>Votre parcours commence par le bon espace.</h1><p>Choisissez votre profil : l’interface et les outils seront automatiquement adaptés à votre activité.</p><ol class="registration-benefits"><li><span>1</span><div><strong>Créez votre identité</strong><small>Des informations simples pour sécuriser votre compte.</small></div></li><li><span>2</span><div><strong>Choisissez votre rôle</strong><small>Membre, organisation ou marchand partenaire.</small></div></li><li><span>3</span><div><strong>Agissez immédiatement</strong><small>Accédez directement à votre tableau de bord dédié.</small></div></li></ol><p class="admin-restriction"><x-icon name="shield"/> Les comptes administrateurs sont créés exclusivement par FreeGive.</p></aside><main class="access-card register-card"><header><a class="access-mobile-brand" href="{{ route('home') }}">FreeGive</a><span class="stitch-kicker">Inscription</span><h2>Créer votre compte</h2><p>Déjà membre ? <a href="{{ route('login') }}">Se connecter</a></p></header>@if($errors->any())<div class="access-error" role="alert"><x-icon name="flag"/><div><strong>Vérifiez les informations saisies</strong><p>{{ $errors->first() }}</p></div></div>@endif<form method="POST" action="{{ route('register') }}" class="access-form registration-form">@csrf<fieldset class="access-profile-choice"><legend>Quel espace souhaitez-vous créer ?</legend><label><input type="radio" name="profile_type" value="individual" @checked(old('profile_type','individual')==='individual') data-profile-type><span class="profile-card-icon green"><x-icon name="help"/></span><span><strong>Donateur / Bénéficiaire</strong><small>Dons et assistance entre membres</small></span><i>✓</i></label><label><input type="radio" name="profile_type" value="organization" @checked(old('profile_type')==='organization') data-profile-type><span class="profile-card-icon blue"><x-icon name="building"/></span><span><strong>Organisation</strong><small>ONG, association, école, hôpital…</small></span><i>✓</i></label><label><input type="radio" name="profile_type" value="merchant" @checked(old('profile_type')==='merchant') data-profile-type><span class="profile-card-icon fluor"><x-icon name="store"/></span><span><strong>Marchand</strong><small>Catalogue, stocks et commandes</small></span><i>✓</i></label></fieldset><div class="form-divider"><span>Informations du compte</span></div><div class="field-row"><div class="access-field"><label for="firstname">Prénom</label><div><input id="firstname" name="firstname" value="{{ old('firstname') }}" required></div>@error('firstname')<small class="field-error">{{ $message }}</small>@enderror</div><div class="access-field"><label for="lastname">Nom</label><div><input id="lastname" name="lastname" value="{{ old('lastname') }}" required></div>@error('lastname')<small class="field-error">{{ $message }}</small>@enderror</div></div><div class="access-field"><label for="username">Nom d’utilisateur</label><div><span class="input-prefix">@</span><input id="username" name="username" value="{{ old('username') }}" autocomplete="username" required></div>@error('username')<small class="field-error">{{ $message }}</small>@enderror</div><div class="field-row"><div class="access-field"><label for="email">Adresse e-mail</label><div><input id="email" type="email" name="email" value="{{ old('email') }}" autocomplete="email" required></div>@error('email')<small class="field-error">{{ $message }}</small>@enderror</div><div class="access-field"><label for="phone">Téléphone</label><div><input id="phone" type="tel" name="phone" value="{{ old('phone') }}" placeholder="+225…" required></div>@error('phone')<small class="field-error">{{ $message }}</small>@enderror</div></div><section class="organization-registration" data-organization-fields hidden><div class="form-divider"><span>Informations de la structure</span></div><div class="access-field"><label for="organization_name">Nom de la structure ou du commerce</label><div><x-icon name="building"/><input id="organization_name" name="organization_name" value="{{ old('organization_name') }}"></div></div><div class="access-field" data-organization-type><label for="organization_type">Type d’organisation</label><select id="organization_type" name="organization_type"><option value="">Choisir un type</option>@foreach(['school'=>'Établissement scolaire','hospital'=>'Centre hospitalier','ngo'=>'ONG','association'=>'Association','company'=>'Entreprise','ministry'=>'Ministère','other'=>'Autre'] as $value=>$label)<option value="{{ $value }}" @selected(old('organization_type')===$value)>{{ $label }}</option>@endforeach</select></div><div class="field-row"><div class="access-field"><label for="city">Ville</label><div><input id="city" name="city" value="{{ old('city') }}"></div></div><div class="access-field"><label for="address">Adresse</label><div><input id="address" name="address" value="{{ old('address') }}"></div></div></div></section><div class="form-divider"><span>Sécurité</span></div><div class="field-row"><div class="access-field"><label for="password">Mot de passe</label><div><x-icon name="shield"/><input id="password" type="password" name="password" autocomplete="new-password" required><button type="button" data-password-toggle="password">Afficher</button></div><small>8 caractères minimum, majuscule, minuscule et chiffre.</small>@error('password')<small class="field-error">{{ $message }}</small>@enderror</div><div class="access-field"><label for="password_confirmation">Confirmation</label><div><x-icon name="shield"/><input id="password_confirmation" type="password" name="password_confirmation" autocomplete="new-password" required><button type="button" data-password-toggle="password_confirmation">Afficher</button></div></div></div><label class="registration-consent"><input type="checkbox" required><span>J’accepte les conditions d’utilisation et la politique de confidentialité de FreeGive.</span></label><button class="button button-wide access-submit">Créer mon espace <span>→</span></button></form></main></div></section>
@endsection