{# templates/devis.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}{{ title|raw }}{% endblock %}
{% block description %}{{ description|raw }}{% endblock %}

{% block body %}
    
    <section id="sub_header">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12" id="position">
                    <ul>
                        <li><a href="{{ path('home_page') }}">Accueil</a></li>
                        <li>{{ fad|raw }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    
    <div class="container margin_60">
        <div class="row">
            <div class="col-md-12">
              {% if alert is not empty %}
              <h3>Demande Validée</h3>
              <div id="message-contact">{{ alert|raw }}</div>
              {% else %}
              <h3>Demander un devis gratuitement</h3>
              {{ form_start(form_devis, {'attr':{'id':'devis_form', 'action':path('demander_devis')}}) }}  
                <div class="form_title">
                    <h3><strong><i class="icon-user-8"></i></strong></h3>
                </div>
                <div class="step">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_devis.nom) }}
                                {{ form_widget(form_devis.nom) }}
                                <div class="form-error" id="error-devis-nom">{{ form_errors(form_devis.nom) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_devis.typeClient) }}
                                {{ form_widget(form_devis.typeClient) }}
								{{ form_widget(form_devis.modeDde) }}
                                <div class="form-error" id="error-devis-type-client">{{ form_errors(form_devis.typeClient) }}</div>
                            </div>
						</div>
                    </div>
                    <div class="row row-adresse-facturation" style="display:none;">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_devis.adresseFacturation) }}
                                {{ form_widget(form_devis.adresseFacturation) }}
                                <div class="form-error" id="error-devis-adresse-facturation">{{ form_errors(form_devis.adresseFacturation) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_devis.adresse) }}
                                {{ form_widget(form_devis.adresse) }}
                                <div class="form-error" id="error-devis-adresse">{{ form_errors(form_devis.adresse) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_devis.idVille) }}
                                {{ form_widget(form_devis.idVille) }}
                                <div class="form-error" id="error-devis-ville">{{ form_errors(form_devis.idVille) }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_devis.email) }}
                                {{ form_widget(form_devis.email) }}
                                <div class="form-error" id="error-devis-email">{{ form_errors(form_devis.email) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_devis.tel) }}
                                <div style="clear:both;"></div>
                                {{ form_widget(form_devis.tel) }}
                                <div class="form-error" id="error-devis-tel">{{ form_errors(form_devis.tel) }}</div>
                            </div>
                        </div>
                    </div>
                </div>
        
                <div class="form_title">
                    <h3><strong><i class="icon-pencil-7"></i></strong></h3>
                </div>
                <div class="step">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                {{ form_label(form_devis.solution) }}
                                {{ form_widget(form_devis.solution) }}
                                <div class="form-error" id="error-devis-solution"></div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                <label>&nbsp;</label>
                                {{ form_widget(form_devis.service) }}
                                <div class="form-error" id="error-devis-service">{{ form_errors(form_devis.service) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6"><div class="form-group" id="detailService"></div></div>
                        <div class="col-md-6 col-sm-6"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6" id="surface_area">
                            <div class="form-group" id="surface_label">
                                {{ form_label(form_devis.surface) }}
                                {{ form_widget(form_devis.surface) }}
                                <div class="form-error" id="error-devis-surface">{{ form_errors(form_devis.surface) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group" id="frequence_label">
                                {{ form_label(form_devis.frequence) }}
                                {{ form_widget(form_devis.frequence) }}
                                <div class="form-error" id="error-devis-frequence">{{ form_errors(form_devis.frequence) }}</div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group add_bottom_45">
                        {{ form_label(form_devis.description) }}
                        {{ form_widget(form_devis.description) }}
                        <div class="form-error" id="error-devis-description">{{ form_errors(form_devis.description) }}</div>
                    </div>
					
					<div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="form-group">
                                <label for="form_email">Code de sécurité * : <img src="{{ asset('captcha/' ~ filename_captcha) }}" alt="" style="margin-top:-3px;"></label>
                                {{ form_widget(form_devis.captcha) }}
                                <div class="form-error" id="error-devis-captcha"></div>
                            </div>
                        </div>
                        <div class="col-md-9 col-sm-6"></div>
                    </div>
					
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                <label for="form_cgus">
                                    {{ form_widget(form_devis.cgus) }} <span id="cgus_label">J'accepte les <a target="_blank" href="{{ path('cgu_non_professionnels') }}" id="cgu-link">CGUS</a> *</span>
                                <label>
                                <div class="form-error" id="error-devis-cgus">{{ form_errors(form_devis.cgus) }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-9 col-sm-6">
                            <div class="form-group">
                                <label for="form_newsletter">
                                    {{ form_widget(form_devis.newsletter) }} <span id="newsletter_label">Je ne souhaite pas recevoir d'informations, de bons plans et de cadeaux de Cleanolia</span>
                                <label>
                                <div class="form-error" id="error-devis-newsletter">{{ form_errors(form_devis.newsletter) }}</div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6"><button type="button" id="submit_devis" class="btn_1 medium">Envoyer</button></div>
                    </div>
                    
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <span style="color:#ff0000;font-size:0.9em;font-style:italic;">(*) : Champs obligatoires</span>
                    </div>
                </div>
        
              {{ form_end(form_devis) }}
              {% endif %}
            </div>
            
            {# { render(controller('App\\Controller\\LayoutController::rightColumn', {'current': current})) } #}
        </div>
    </div>

{% endblock %}