{% extends 'layout/base.html.twig' %}

{% block main %}
    {% set car = {
        'brand': 'Porsche',
        'model': 'Carrera GT',
        'subInfo': '5.7 V10 612',
        'year': '2005',
        'localisation': 'Perpignan',
        'price': '35 950'
    } %}
    {% set page_name = 'Fais-nous ta meilleure offre !' %}


    <section class="offre-section" data-controller="components--offre">
        {% include 'components/_title-reservation.html.twig' with page_name %}
        <div class="container" id="container">
            <div class="step show">
                <p class="text bold">Tes coordonnées</p>
                <div class="radio">
                    <input type="radio" id="mr" name="genre" value="Monsieur" />
                    <label for="mr">M.</label>
                    <input type="radio" id="mme" name="genre" value="Monsieur" />
                    <label for="mme">Mme.</label>
                </div>
                <div class="container-input">
                    <input type="text" name="nom" placeholder="Nom*" />
                    <input type="text" name="prenom" placeholder="Prénom*" />
                    <input type="text" name="mail" placeholder="e-Mail*" />
                    <input type="text" name="telephone" placeholder="Téléphone*" />
                    <p class="text mt-0 little w-100">* champs obligatoires</p>
                </div>
                <div class="checkbox text">
                    <input type="checkbox" id="condition2" name="condition2" required>
                    <label for="condition2">Je déclare avoir pris connaissance et accepté les <a href="#" class="white underline">conditions générales</a> LikeAuto.fr</label>
                </div>
                <div class="checkbox">
                    <input type="checkbox" id="condition3" name="condition3" required>
                    <label for="condition3">J’accepte que Like Auto récolte mes informations personnelles.</label>
                </div>
                <div class="checkbox">
                    <input type="checkbox" id="condition1" name="condition1" required>
                    <label for="condition1">J’accepte de recevoir des communications et des offres personnalisées de
                        la part de Like Auto</label>
                </div>

                <div class="container-next">
                    <a class="prev" href="./page-detail-vehicule.html">
                        <svg>
                            <use xlink:href="../assets/images/icons.svg#arrow"></use>
                        </svg>
                    </a>
                    <button class="btn next" data-action="click->components--offre#nextStep">Continuer</button>
                </div>
            </div>
            <div class="step center">
                <p class="text bold">
                   Ma meilleure offre pour ce coeur à débattre est de
                </p>
                <div class="offre-input">
                    <input type="text" name="offre" placeholder="Ton offre*" data-target="components--offre.offerValue"/>
                </div>
                <div class="container-next">
                    <button class="prev" data-action="click->components--offre#prevStep">
                        <svg>
                            <use xlink:href="../assets/images/icons.svg#arrow"></use>
                        </svg>
                    </button>
                    <button class="btn next" data-action="click->components--offre#offerValue">Proposer mon offre</button>
                </div>
            </div>
        </div>
    </section>



{% endblock %}