{# templates/layout/right_column.html.twig #}
<div class="col-md-3" id="right-form">
    {% if current in ['home_page', 'home_v2', 'societe_nettoyage', 'fin_chantier', 'maison_appartement', 'entretien_bureaux', 'immeubles', 'industriel', 'entretien_entrepot', 'evenementiel', 'cristallisation', 'apres_sinistre', 'vitres', 'locaux_en_location', 'prestation_depannage', 'electricite', 'miroiterie_vitrerie', 'serrurerie_metallerie', 'videosurveillance', 'interphones_controle_acces', 'plomberie', 'isolation', 'renovation_locaux', 'assainissement_vidange_curage', 'renovation_peinture', 'chauffage_climatisation', 'nuisible', 'desinfection_covid_coronavirus', 'merule', 'deratisation', 'punaises_de_lit', 'desinsectisation','entretien_espaces_verts','menuiseries_bois_aluminium_pvc','pompe_a_chaleur','renovation_charpentes','insecticide_fongicide','intervention_apres_sinistre','charpente_metallique'] %}
    <div class="box_style_1">
        <h4 style="text-align:center;color:#eea236;">Demander un devis gratuitement</h4>
        <p>Veuillez remplir le formulaire ci-dessous :</p>

        <div class="row">
            <div class="col-md-12 col-sm-12">
              {{ form_start(form_devis, {'attr':{'id':'devis_form', 'action':path('demander_devis')}}) }}  
                <div class="form-group">
                    {{ form_widget(form_devis.description, {'attr':{'class':'form-control', 'placeholder':'Préciser vos besoins : Nombre de pièces, Nature des travaux à effectuer...', 'style':'height:66px;resize:none;'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.typeClient) }}
					{{ form_widget(form_devis.modeDde) }}
                </div>
                <div class="form-group row-adresse-facturation" style="display:none;">
                    {{ form_widget(form_devis.adresseFacturation, {'attr':{'class':'form-control', 'placeholder':'Adresse de facturation', 'style':'height:48px;resize:none;', 'autocomplete':'none'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.adresse, {'attr':{'class':'form-control', 'placeholder':'Adresse d\'intervention *', 'style':'height:48px;resize:none;', 'autocomplete':'none'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.idVille) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.solution) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.service) }}
                </div>
                <div class="form-group" id="detailService">{{ select_detail_services|raw }}</div>
                <div id="surface_area">
                    <div class="form-group" id="surface_placeholder">
                        {% set paceholder_surface = getPlaceholderSurface(current) %}
                        {{ form_widget(form_devis.surface, {'attr':{'class':'form-control', 'placeholder':paceholder_surface|html_entity_decode, 'autocomplete':'off'}}) }}
                    </div>
                </div>
                <div class="form-group" id="frequence_placeholder">
                    {{ form_widget(form_devis.frequence) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.email, {'attr':{'class':'form-control', 'placeholder':'Email *', 'autocomplete':'none'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.tel, {'attr':{'class':'form-control', 'placeholder':'Tél. mobile * (la validation par SMS)', 'autocomplete':'off', 'maxlength' : '13','size' : '13'}}) }}
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.nom, {'attr':{'class':'form-control', 'placeholder':'Nom *', 'autocomplete':'none'}}) }}
                </div>
				<div class="form-group" style="margin-bottom:0;">
                    <label>
                        <span style="font-weight:normal;">Code de sécurité : <img src="{{ asset('captcha/' ~ filename_captcha) }}" alt="" style="margin-top:-3px;"></span>
                    </label>
                </div>
                <div class="form-group">
                    {{ form_widget(form_devis.captcha, {'attr':{'class':'form-control', 'placeholder':'Saisir le code de sécurité *', 'autocomplete':'none'}}) }}
                </div>
                <div class="form-group">
                    <label for="form_cgus">
                        {{ form_widget(form_devis.cgus) }} <span id="cgus_label" style="font-weight:normal;">J'accepte les <a target="_blank" href="{{ path('cgu_non_professionnels') }}" id="cgu-link">CGUS</a> *</span>
                    </label>
                </div>
                <div class="form-group">
                    <label for="form_newsletter">
                        {{ form_widget(form_devis.newsletter) }} <span id="newsletter_label" style="font-weight:normal;">Je ne souhaite pas recevoir d'informations, de bons plans et de cadeaux de Cleanolia</span>
                    </label>
                </div>
                <div class="form-group">
                    <div id="form_alert" style="color:#ff0000;font-size:0.9em;text-align:center;"></div>
                </div>
                <div class="form-group">
                    <button type="button" id="submit_devis" class="btn_1 medium">Envoyer</button>
                </div>
              {{ form_end(form_devis) }}  
            </div>
        </div>
    </div>
    {% endif %}

    <div style="clear:both;"></div>
    <div class="col-md-12 container-stars c_pointer" id="container-stars-glb" onclick="window.open('{{ path('votre_avis') }}');">
        <div id="one" class="star-rating-display" data-average-score="{{ rating_value }}"></div>
        <span class="nb_avis_span" title="Votre avis nous intéresse">{{ diff }} Avis</span>
    </div>
</div>