templates/front/trade_in/begin.html.twig line 41
{% extends 'front/base.html.twig' %}{% set title = 'Démarrez votre reprise | BACK ipln' %}{% set metadescription = 'Démarrer dès maintenant votre reprise sur BACK ipln pour estimer le montant de votre matériel photo & vidéo.' %}{% set index = 'index' %}{% block stylesheets %}{{ encore_entry_link_tags('tradeIn') }}{% endblock %}{% block javascripts %}{{ encore_entry_script_tags('tradeIn') }}{% endblock %}{% block body %}<header><div class="container"><div class="row"><div class="w-100"><ul class="breadcrumb"><li><a href="{{ path('index') }}">Accueil</a></li><li>Démarrez votre reprise</li></ul></div></div><div class="row"><div class="w-100"><h1 class="dynamic">Faites reprendre votre <span>boîtier</span></h1><p class="subtitle">Voilà la première étape du simulateur, renseignez les informations relatives à votre produit. Soyez le plus précis possible, elles nous permettront de vous donner l'estimation la plus juste possible ! 📸</p></div></div></div></header><section><div class="container"><div class="row h-space-between"><main>{{ form_start(formStepOne) }}{% if tradeInProgress %}<div class="alert alert-success"><div class="w-100"><p class="text-center mb-1">Il semblerait que vous avez déjà commencé une reprise. Souhaitez-vous la reprendre ?</p></div><div class="w-100 text-center"><a href="{{ path('tradeIn.addProduct') }}" class="btn btn-primary">Continuer ma reprise</a><a href="{{ path('tradeIn.reset') }}" class="btn btn-primary-outline">Créer une nouvelle reprise</a></div></div>{% endif %}{% for label, messages in app.flashes(['notice', 'warning']) %}{% for message in messages %}<div class="alert alert-error my-1"><div class="w-100"><p>{{ message }}</p></div></div>{% endfor %}{% endfor %}<div id="product" class="card primary"><div class="wrapper"><h2>Votre produit</h2><div class="form-row"><div class="w-50"><div class="input brand">{{ form_label(formStepOne.productTradeIn.brand) }}<div class="select-style">{{ form_widget(formStepOne.productTradeIn.brand) }}</div></div></div><div class="w-50"><div class="input search"><label for="search">Modèle</label><input id="autoComplete" type="search" dir="ltr" spellcheck=false name="search" autocorrect="off" autocomplete="off" autocapitalize="off" maxlength="2048" tabindex="1"></div></div></div><div class="second-step"><div class="form-row"><div class="w-50"><div class="input quality">{{ form_label(formStepOne.productTradeIn.productQuality) }}<div class="help"><a href="">Besoin d'aide ?</a><div class="popup"></div></div><div class="select-style">{{ form_widget(formStepOne.productTradeIn.productQuality) }}</div></div></div><div class="w-50 shutter-count"><div class="input">{{ form_label(formStepOne.productTradeIn.shutterCount) }}<div class="help"><a href="">Besoin d'aide ?</a><div class="popup"><p>Rendez-vous sur le site <a href="https://www.camerashuttercount.com/" target="_blank">camerashuttercount.com</a>. Choisissez une photo au format RAW non retouchée et provenant de l’appareil dont vous souhaitez connaître le nombre de clics. Cliquez sur Upload.<br>🚨 Si vous rencontrez des difficultés, n’hésitez pas à nous contacter.</p></div></div><div class="select-style">{{ form_widget(formStepOne.productTradeIn.shutterCount) }}</div></div></div></div><div class="form-row number-shutter-count"><div class="w-100"><div class="input">{{ form_label(formStepOne.productTradeIn.numberShutterCount) }}{{ form_widget(formStepOne.productTradeIn.numberShutterCount) }}</div></div></div><div class="form-row"><div class="w-50"><div class="input radios">{{ form_label(formStepOne.productTradeIn.packaging) }}{{ form_widget(formStepOne.productTradeIn.packaging) }}</div></div><div class="w-50"><div class="input radios">{{ form_label(formStepOne.productTradeIn.accessories) }}{# <div class="help">#}{# <a href="">Besoin d'aide ?</a>#}{# <div class="popup">#}{# <ul>#}{# <li><b>Comme neuf :</b> Aucune rayure</li>#}{# <li><b>Très bon état :</b> Micros rayures, invisibles à 20 cm</li>#}{# <li><b>Bon état :</b> Rayures et légers impacts visibles lors de l’utilisation</li>#}{# <li><b>Cassé :</b> Dommages apparents, l’appareil peut être cassé, fissuré ou déformé</li>#}{# </ul>#}{# </div>#}{# </div>#}{{ form_widget(formStepOne.productTradeIn.accessories) }}</div></div></div></div></div></div><div id="authentication" class="card primary"><div class="wrapper"><h2>Votre compte</h2><div class="form-row h-center"><div class="w-50"><div class="input email">{{ form_label(formStepOne.user.email) }}{{ form_widget(formStepOne.user.email) }}<div class="callback">L'email renseigné n'est pas bon.</div></div></div></div><div class="form-row h-center password-input"><div class="w-50"><div class="input password">{{ form_label(formStepOne.user.plainPassword) }}{{ form_widget(formStepOne.user.plainPassword) }}<div class="callback">Le mot de passe n'est pas renseigné.</div></div></div></div><div class="registration-form"><div class="form-row h-center"><div class="w-50"><div class="input password-repeat">{{ form_label(formStepOne.user.repeatPassword) }}{{ form_widget(formStepOne.user.repeatPassword) }}<div class="callback">Les deux mots de passe ne correspondent pas.</div></div></div></div><div class="form-row"><div class="w-33"><div class="input lastname">{{ form_label(formStepOne.user.lastname) }}{{ form_widget(formStepOne.user.lastname) }}<div class="callback">Veuillez renseigner votre nom.</div></div></div><div class="w-33"><div class="input firstname">{{ form_label(formStepOne.user.firstname) }}{{ form_widget(formStepOne.user.firstname) }}<div class="callback">Veuillez renseigner votre prénom.</div></div></div><div class="w-33"><div class="input phone">{{ form_label(formStepOne.user.phone) }}{{ form_widget(formStepOne.user.phone) }}<div class="callback">Veuillez renseigner votre téléphone.</div></div></div></div><div class="form-row"><div class="w-50"><div class="input country">{{ form_label(formStepOne.user.country) }}<div class="select-style">{{ form_widget(formStepOne.user.country) }}</div><div class="callback">Veuillez renseigner votre pays.</div></div></div><div class="w-50"><div class="input postcode">{{ form_label(formStepOne.user.postcode) }}{{ form_widget(formStepOne.user.postcode) }}<div class="callback">Veuillez renseigner votre code postal.</div></div></div></div><div class="form-row"><div class="w-50"><div class="input city">{{ form_label(formStepOne.user.city) }}{{ form_widget(formStepOne.user.city) }}<div class="callback">Veuillez renseigner votre ville.</div></div></div><div class="w-50"><div class="input address">{{ form_label(formStepOne.user.streetAddress) }}{{ form_widget(formStepOne.user.streetAddress) }}<div class="callback">Veuillez renseigner votre adresse postale.</div></div></div></div></div><div class="form-row"><div class="input conditions h-center v-center text-bold">{{ form_widget(formStepOne.user.conditions) }}{{ form_label(formStepOne.user.conditions)|replace({'##conditions##':'<a href="'~path('mentions')~'" target="_blank">conditions</a>'})|raw }}<div class="callback">Veuillez accepter les conditions pour poursuivre.</div></div></div><div class="validation"><button type="button" class="btn btn-primary validateButton">Valider</button><button type="submit" class="btn btn-primary submitForm">Se connecter</button></div></div></div>{{ form_end(formStepOne) }}</main><aside class="steps"><div class="card primary"><div class="wrapper"><h2>Comment ça marche ?</h2><div class="step"><img src="{{ asset('build/img/pictos/coin.svg') }}" alt="" class="img-responsive"><div class="step-title">Obtenez une estimation</div><p>Recherchez votre appareil et découvrez deux tarif que l’on vous propose. L’un pour un bon d’achat sur Ipln.fr ( plus avantageux) l’autre pour un paiement cash par virement.</p></div><div class="step"><img src="{{ asset('build/img/pictos/delivery_free.svg') }}" alt="" class="img-responsive"><div class="step-title">Envoyez votre produit</div><p>Expédiez gratuitement votre produit afin que nous puissions valider l’estimation.</p></div><div class="step"><img src="{{ asset('build/img/pictos/card.svg') }}" alt="" class="img-responsive"><div class="step-title">Recevez votre paiement</div><p>Recevez votre paiement par virement bancaire sous 48h à 72h ou un bon d’achat valable sur ipln.fr</p></div></div></div></aside></div></div></section>{% endblock %}