{% extends 'base2.html.twig' %} 

{% block body %}
    <div class="row no-gutters">
        <div class="
            col-xs-9 col-xs-offset-1
            col-sm-6 col-sm-offset-3
            col-md-5 col-md-offset-3
            col-lg-4 col-lg-offset-4"> 
            {% include 'flashes.html.twig' %}
        </div>
    </div> 
    {% if utilisateurTrouve == true %}
        <div class="row no-gutters">
            <div class="
                col-xs-9 col-xs-offset-1
                col-sm-2 col-sm-offset-3
                col-md-2 col-md-offset-3
                col-lg-1 col-lg-offset-4">
                <img src="{{ asset('/images/bob_200.jpg') }}" class="bob">
            </div> 
            <div class="
                col-xs-9 col-xs-offset-1
                col-sm-5 col-sm-offset-0
                col-md-4 col-md-offset-0
                col-lg-3 col-lg-offset-0">
                <h1 class="b-desabo">FORMULAIRE DE DÉSABONNEMENT</h1>
            </div>
        </div> 
        <div class="row no-gutters">
            <div class="
                col-xs-9 col-xs-offset-1
                col-sm-6 col-sm-offset-3
                col-md-5 col-md-offset-3
                col-lg-4 col-lg-offset-4"> 
                {% form_theme form 'bootstrap_3_layout.html.twig' %} 
                <p>
                    {{ userEmail -}}
                </p> 
                {{ form_start(form) }}
                    {{ form_label(form.question) }} 
                    <div id="question">
                        {{ form_widget(form.question, {label_attr: {class: 'radio-inline'} }) }}
                    </div> 
                    <div id="conteneur_optin">
                        <p>Confirmez votre souhait de ne plus recevoir par :</p> 
                        {{ form_widget(form.opt_in_email) }}
                        {{ form_widget(form.opt_in_sms) }}
                        {{ form_widget(form.opt_in_letter) }} 
                        <p>
                            des informations, des offres et des bons plans 
                            proposés par le Groupe Butagaz<big>¹</big>. 
                            <br><br><em><small> (1) Butagaz et Gaz de Paris, ces dernières pouvant relayer des offres
                            de leurs <a href="{{ butagaz_url_confidentialite }}">partenaires </a>si elles sont en lien avec votre contrat
                            ou si elles sont susceptibles de vous intéresser.</small></em>
                        </p>
                    </div> 
                    <input type="submit" class="btn btn-primary b-radius" value="Valider"/>
                {{ form_end(form) }}
            </div>
        </div>
    {% endif %}
{% endblock %}


{% block javascripts %}
    {{ encore_entry_script_tags('user_desabonner') }}
{% endblock %}