@extends('layout.layoutForm')

@section('title', "Estim'bien - Estimateur de biens immobilier sur Montpellier - step8 estimation appartement ")


@section('content')
<section id="fondForm">
    <form action="{{ route('estimation.appartement.step8') }}" method="POST" class="form-step4">
        @csrf
        <div class="container-form">
            <div class="progress-bar">
                <div class="progress" style="width: {{ ($currentStep / 9) * 100 }}%;"></div>
            </div>
            <h2>Votre projet de vente</h2>
            <div class="input-group-100">
                <label for="">Logement déjà en vente</label>
                <div class="radio-between">
                    <input type="radio" id="radio_vente" name="vente" value="oui" class="radio_vente" 
                        {{ old('vente', session('formData.appartement.vente')) === 'oui' ? 'checked' : '' }}>
                    <label class="radio-label-vente" for="radio_vente">Oui</label>

                    <input type="radio" id="radio_pas_vente" name="vente" value="non" class="radio_vente" 
                        {{ old('vente', session('formData.appartement.vente')) === 'non' ? 'checked' : '' }}>
                    <label class="radio-label-vente" for="radio_pas_vente">Non</label>
                </div>
            </div>
            <!-- Div pour le reste du formulaire -->
            <div id="resteDuFormulaire" style="display: {{ old('vente', session('formData.appartement.vente')) === 'oui' ? 'block' : 'none' }};">
                <label for="quandVendre">Quand souhaitez-vous vendre ?</label>
                <div class="select-wrapper">
                    <select name="quandVendre" id="quandVendre" class="select-form">
                        <option value="" disabled {{ old('quandVendre', session('formData.appartement.quandVendre')) ? '' : 'selected' }}>Choisir une option</option>
                        <option value="au plus vite" {{ old('quandVendre', session('formData.appartement.quandVendre')) === 'au plus vite' ? 'selected' : '' }}>Au plus vite</option>
                        <option value="1 à 3 mois" {{ old('quandVendre', session('formData.appartement.quandVendre')) === '1 à 3 mois' ? 'selected' : '' }}>1 à 3 mois</option>
                        <option value="3 à 6 mois" {{ old('quandVendre', session('formData.appartement.quandVendre')) === '3 à 6 mois' ? 'selected' : '' }}>3 à 6 mois</option>
                        <option value="6 à 12 mois" {{ old('quandVendre', session('formData.appartement.quandVendre')) === '6 à 12 mois' ? 'selected' : '' }}>6 à 12 mois</option>
                        <option value="plus de 12 mois" {{ old('quandVendre', session('formData.appartement.quandVendre')) === 'plus de 12 mois' ? 'selected' : '' }}>plus de 12 mois</option>
                    </select>
                </div>
            </div>
            <div class="buttons-step">
                <a href="{{ route('estimation.appartement.step7') }}" id="precedent">
                    <img src="{{ asset('images/chevron.png') }}" alt="revenir étape précedente">
                    <p>Précédent</p>
                </a>
                <button type="submit" id="suivant" class="suivant-projet" >
                    <p>Étape suivante</p>
                    <img src="{{ asset('images/chevron-right.png') }}" alt="étape suivante">
                </button>
            </div>
        </div>
    </form>
</section>
@endsection