@extends('layout.layoutForm')

@section('title', "Estim'bien - Estimateur de biens immobilier sur Montpellier - choix type de bien ")


@section('content')
    <section id="fondForm">
        <form action="{{ route('estimation.step2') }}" method="POST" id="form-type" class="form-step3">
            @csrf
        <div class="container-form container-form-choix">
            <div class="progress-bar">
                <div class="progress" style="width: {{ ($currentStep / 9) * 100 }}%;"></div>
            </div>
            <h2 id="titre-choix">Quel type de bien ?</h2>
                <div class="radio-group">
                    <input type="radio" id="option1" name="typeHabitation" value="maison" />
                    <label for="option1" class="radio-button">
                        <svg class="fill-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"  ><path d="M200-160v-366L88-440l-48-64 440-336 160 122v-82h120v174l160 122-48 64-112-86v366H520v-240h-80v240H200Zm80-80h80v-240h240v240h80v-347L480-739 280-587v347Zm120-319h160q0-32-24-52.5T480-632q-32 0-56 20.5T400-559Zm-40 319v-240h240v240-240H360v240Z"/></svg>
                        <p>Maison</p>
                    </label>

                    <input type="radio" id="option2" name="typeHabitation" value="appartement" />
                    <label for="option2" class="radio-button">
                        <svg class="fill-icon"  xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" ><path d="M120-120v-560h160v-160h400v320h160v400H520v-160h-80v160H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z"/></svg>                     
                        <p>Appartement</p>
                    </label>
                </div>
                <div class="buttons">
                    <a href="{{ url()->previous() }}" id="precedent">
                        <img src="{{ asset('images/chevron.png') }}" alt="revenir étape précédente">
                        <p>Précédent</p>
                    </a>
                    <button type="submit" id="suivant" class="suivant-choix">
                        <p> Etape suivant</p>
                        <img src="{{ asset('images/chevron-right.png') }}" alt="étape suivante">
                    </button>
                </div>
            </div>
        </form>
    </section>
@endsection