@extends('layouts.app')
@section('title', 'Faire un don')
@section('immersive-account', '1')
@section('content')
<div class="member-shell">@include('account._sidebar')<main class="member-content guided-page">
    <header class="guided-head"><a href="{{ route('dashboard') }}">← Retour</a><span>Faire un don</span></header>
    <div class="guided-layout"><aside class="guided-aside"><span class="stitch-kicker">Votre geste solidaire</span><h1>Donnez ce que vous avez déjà.</h1><p>Décrivez un bien qui vous appartient ou un service que vous souhaitez offrir. Aucun achat auprès d’un marchand n’est nécessaire.</p><div class="guided-reassurance"><strong>Simple et sécurisé</strong><span>Vous choisissez le bénéficiaire et le mode de remise.</span></div></aside>
    <section class="guided-card"><ol class="guided-progress" aria-label="Progression"><li class="active" data-step-indicator="1"><span>1</span>Détails</li><li data-step-indicator="2"><span>2</span>Remise</li><li data-step-indicator="3"><span>3</span>Confirmation</li></ol>
    <form method="POST" action="{{ route('donations.store') }}" enctype="multipart/form-data" class="guided-form" data-wizard data-start-step="{{ $errors->hasAny(['handover_city','handover_address','pickup_location_uuid','beneficiary_identifier']) ? 2 : 1 }}">@csrf
        <div class="donation-photo-inline"><label for="photos"><strong>Photos du don</strong><small>Jusqu’à 4 images JPG, PNG ou WebP, 5 Mo maximum.</small></label><input id="photos" type="file" name="photos[]" accept="image/jpeg,image/png,image/webp" multiple data-photo-input><div class="donation-photo-preview" data-photo-preview></div>@error('photos.*')<span class="field-error">{{ $message }}</span>@enderror</div>
        <section data-wizard-step="1"><span class="guided-step-count">Étape 1 sur 3</span><h2>Que souhaitez-vous donner ?</h2><p>Donnez les informations essentielles pour aider les membres à comprendre votre offre.</p><div class="form-stack"><div class="field"><label for="label">Nom du bien ou du service</label><input id="label" name="label" value="{{ old('label') }}" placeholder="Ex. Lot de vêtements pour enfant" required>@error('label')<span class="field-error">{{ $message }}</span>@enderror</div><div class="field-row"><div class="field"><label for="type">Type de don</label><select id="type" name="type"><option value="product" @selected(old('type')==='product')>Bien matériel</option><option value="service" @selected(old('type')==='service')>Service</option></select></div><div class="field"><label for="quantity">Quantité</label><input id="quantity" type="number" name="quantity" value="{{ old('quantity',1) }}" min="0.01" step="0.01" required></div></div><div class="field-row"><div class="field"><label for="unit_price">Valeur indicative</label><input id="unit_price" type="number" name="unit_price" value="{{ old('unit_price',0) }}" min="0" step="1"><small>Facultatif, en XOF. Le don reste gratuit.</small></div><div class="field"><label for="expires_at">Disponible jusqu’au</label><input id="expires_at" type="datetime-local" name="expires_at" value="{{ old('expires_at') }}"></div></div></div></section>
        <section data-wizard-step="2" hidden><span class="guided-step-count">Étape 2 sur 3</span><h2>Comment remettre le don ?</h2><p>Choisissez un lieu de remise et la personne qui pourra demander ce don.</p><div class="form-stack"><fieldset class="guided-choice"><legend>Mode de remise</legend><label><input type="radio" name="handover_method" value="direct" @checked(old('handover_method','direct')==='direct') data-handover><span><strong>Remise directe</strong><small>Le don reste chez vous jusqu’au rendez-vous.</small></span></label><label><input type="radio" name="handover_method" value="partner" @checked(old('handover_method')==='partner') data-handover><span><strong>Point partenaire</strong><small>Un relais FreeGive sécurise la remise.</small></span></label></fieldset><div data-direct-handover><div class="field-row"><div class="field"><label for="handover_city">Ville</label><input id="handover_city" name="handover_city" value="{{ old('handover_city') }}"></div><div class="field"><label for="handover_address">Quartier ou lieu de rendez-vous</label><input id="handover_address" name="handover_address" value="{{ old('handover_address') }}"></div></div></div><div class="field" data-partner-handover hidden><label for="pickup_location_uuid">Point partenaire</label><select id="pickup_location_uuid" name="pickup_location_uuid"><option value="">Choisir un partenaire</option>@foreach($locations as $location)<option value="{{ $location->uuid }}" @selected(old('pickup_location_uuid')===$location->uuid)>{{ $location->organization->name }} — {{ $location->label }}, {{ $location->city }}</option>@endforeach</select>@error('pickup_location_uuid')<span class="field-error">{{ $message }}</span>@enderror</div><fieldset class="guided-choice"><legend>Qui peut recevoir ce don ?</legend><label><input type="radio" name="visibility" value="public" @checked(old('visibility','public')==='public') data-visibility><span><strong>La communauté</strong><small>Tout le monde peut consulter et demander le don.</small></span></label><label><input type="radio" name="visibility" value="private" @checked(old('visibility')==='private') data-visibility><span><strong>Une personne précise</strong><small>Vous l’identifiez par téléphone, e-mail ou nom complet.</small></span></label></fieldset><div class="field" data-beneficiary hidden><label for="beneficiary_identifier">Bénéficiaire</label><input id="beneficiary_identifier" name="beneficiary_identifier" value="{{ old('beneficiary_identifier') }}" placeholder="Téléphone, e-mail ou nom complet"><small>Le téléphone ou l’e-mail permet d’éviter les homonymes.</small>@error('beneficiary_identifier')<span class="field-error">{{ $message }}</span>@enderror</div></div></section>
        <section data-wizard-step="3" hidden><span class="guided-step-count">Étape 3 sur 3</span><h2>Confirmez votre don</h2><p>Vérifiez votre saisie avant de publier. Vous pourrez suivre la réservation depuis votre tableau de bord.</p><div class="guided-summary"><article><span>Votre don</span><strong data-summary="label">—</strong><small data-summary="quantity"></small></article><article><span>Remise</span><strong data-summary="handover">—</strong><small data-summary="location"></small></article><article><span>Visibilité</span><strong data-summary="visibility">—</strong><small>La confidentialité de l’adresse est protégée.</small></article></div><label class="guided-consent"><input type="checkbox" required> Je confirme que ce bien ou service m’appartient et que je souhaite le donner gratuitement.</label></section>
        <footer class="guided-actions"><button class="guided-back" type="button" data-wizard-back hidden>Retour</button><button class="button" type="button" data-wizard-next>Continuer</button><button class="button" type="submit" data-wizard-submit hidden>Publier mon don</button></footer>
    </form></section></div>
</main></div>
@endsection