{# templates/client_v2/client_nouvelle_demande.html.twig #}
{% extends 'client_v2/client.html.twig' %}

{% block title %}Nouvelle demande de devis - {{ parent() }}{% endblock %}
{% block description %}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('client/plugins/select2/css/select2.min.css') }}">
{% endblock %}

{% block body %}
    {{ include('client_v2/layout/client_mon_identifiant.html.twig') }}

    <section class="au-breadcrumb m-t-0">
        <div class="section__content section__content--p30">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12" style="padding-left:0;">
                        <div class="au-breadcrumb-content">
                            <div class="au-breadcrumb-left">
                                <ul class="list-unstyled list-inline au-breadcrumb__list">
                                    <li class="list-inline-item">Nouvelle demande de devis</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="section__content section__content--p30">
        {% if debug %}<div class="alert alert-info" role="alert">{{ debug|raw }}</div>{% endif %}

        {% if alert %}{{ alert|raw }}{% endif %}

        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    {% if display_form %}
                    {{ form_start(form, {'attr': {'class':'form-horizontal', 'id':'client_demande_devis_form', 'name':'client_demande_devis_form', 'method':'post', 'action':path('client_nouvelle_demande')}}) }}
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.typeClient, "Particulier / Professionnel *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.typeClient, {'attr': {'class':'form-control'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-type-client"></div>
                        </div>
                        <div class="row form-group fg-m-bottom row-adresse-facturation" style="display:none;">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.adresseFacturation, "Adresse de facturation", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.adresseFacturation, {'attr': {'class':'form-control', 'rows':'3', 'style':'resize:none;', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-adresse-facturation">{{ form_errors(form.adresseFacturation) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.adresse, "Adresse d\'intervention *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.adresse, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-adresse">{{ form_errors(form.adresse) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.idVille, "Ville / Code postal *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 col-md-4 fg-m-bottom">
                                {{ form_widget(form.idVille, {'attr': {'class':'form-control'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-ville">{{ form_errors(form.idVille) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.service, "Service *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.service, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-service">{{ form_errors(form.service) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom" id="detailService"></div>
                        <div class="row form-group fg-m-bottom" id="surface_area">
                            <div class="col col-md-3 spa-col-label fg-m-bottom" id="surface_label">
                                {{ form_label(form.surface, "Surface, Nombre d\'articles, ...", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                {{ form_widget(form.surface, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-surface">{{ form_errors(form.surface) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom" id="frequence_label">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.frequence, "Interventions", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.frequence, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-frequence">{{ form_errors(form.frequence) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.tel, "Tél. *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                {{ form_widget(form.tel, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-tel">{{ form_errors(form.tel) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.description, "Description *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.description, {'attr': {'class':'form-control', 'rows':'3', 'style':'resize:none;', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-description">{{ form_errors(form.description) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom" style="padding-bottom:0;margin-bottom:0;">
                            <div class="offset-md-3 col-12 col-md-8 fg-m-bottom" style="padding-bottom:0;margin-bottom:0;">
                                <div class="form-check fg-m-bottom" style="padding-bottom:0;margin-bottom:0;">
                                    <div class="checkbox fg-m-bottom" style="padding-bottom:0;margin-bottom:0;">
                                        <label class="form-check-label fg-m-bottom" style="padding-bottom:0;margin-bottom:0;">
                                            {{ form_widget(form.cgus, {'attr': {'class':'form-check-input'}}) }} <b id="cgus_label">J'accepte les <a target="_blank" href="{{ path('cgu_non_professionnels') }}" id="cgu-link">CGUS</a> *</b>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-cgus">{{ form_errors(form.cgus) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom" style="padding-top:0;margin-top:0;">
                            <div class="offset-md-3 col-12 col-md-8 fg-m-bottom" style="padding-top:0;margin-top:0;">
                                <div class="form-check fg-m-bottom" style="padding-top:0;margin-top:0;">
                                    <div class="checkbox fg-m-bottom" style="padding-top:0;margin-top:0;">
                                        <label class="form-check-label fg-m-bottom" style="padding-top:0;margin-top:0;">
                                            {{ form_widget(form.newsletter, {'attr': {'class':'form-check-input'}}) }} <b>J'accepte de recevoir la newsletter mensuelle par email</b>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row form-group">
                            <div class="col col-md-3"></div>
                            <div class="col-12 col-md-4">
                                <button type="button" id="client_demande_devis_submit" class="btn btn-info btn-sm btn-block">
                                    <i class="zmdi zmdi-playlist-plus"></i>&nbsp; Ajouter
                                </button>
                            </div>
                        </div>
                    {{ form_end(form) }}
                    {% endif %}
                </div>
            </div>

            {{ render(controller('App\\Controller\\ClientController::footer')) }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('client/plugins/select2/js/select2.min.js') }}"></script>
    <script type="text/javascript">
    // <![CDATA[

    function initFormSurface(init_surface_area, response = null) {
        window.longueur_largeur = false
        $(`#surface_area`).replaceWith($(init_surface_area));

        if (response) {
            $('div#surface_label label').html(response.surface_lab);
            $('div#surface_placeholder input#form_surface').attr('placeholder', response.surface_lab);
        }
    }

    function calculerSurface(longueur, largeur) {
        let surface = (parseFloat(longueur) * parseFloat(largeur) / 10000).toFixed(2);
        $('form#client_demande_devis_form #form_surface').val(surface);
        let form_description = $('form#client_demande_devis_form #form_description');
        let description_content = form_description.val();
        description_content += `\n Dimensions : ${longueur}(cm) X ${largeur}(cm) = ${surface}(m²)`;
        form_description.val(description_content);
    }

    function empecherAutreQueNumeric(selector = 'form#client_demande_devis_form #form_surface') {
        $(document).on('keypress', selector, (e) => {
            if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
                return false;
            }
        });
    }

    $(document).ready(function(){
        {% if display_form %}
		$('form#client_demande_devis_form #form_typeClient').find('option:first').remove();
        $('form#client_demande_devis_form #form_service').find('option:first').remove();
        $('form#client_demande_devis_form #form_frequence').find('option:first').remove();
        empecherAutreQueNumeric();
        empecherAutreQueNumeric('form#client_demande_devis_form #form_longueur');
        empecherAutreQueNumeric('form#client_demande_devis_form #form_largeur');

        $(document).on('keypress', 'form#client_demande_devis_form #form_tel', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });
        $(document).on('change', 'form#client_demande_devis_form #form_typeClient', function() {
            if ($(this).val() == 'professionnel') {
                $('div.row-adresse-facturation').show();
                $('a#cgu-link').attr('href', '{{ path("cgu_professionnels") }}');
            } else {
                $('div.row-adresse-facturation').hide();
                $('form#client_demande_devis_form textarea#form_adresseFacturation').val('');
                $('a#cgu-link').attr('href', '{{ path("cgu_non_professionnels") }}');
            }
        });

        $('form#client_demande_devis_form #form_idVille').select2({
            minimumInputLength: 2,
            ajax: {
                url: '{{ path("rechercher_ville_cp") }}',
                dataType: 'json',
                type: 'POST',
                quietMillis: 50,
                data: function (params) {
                    return {
                        q: params.term
                    };
                },
                processResults: function (response) {
                    return {
                        results: $.map(response.listing, function (item) {
                            return {
                                text: item.cp + ' - ' + item.ville,
                                id: item.id
                            }
                        })
                    };
                },
                cache: false
            }
        });

        {# /* $('form#client_demande_devis_form #form_solution').on('change', function(){
            alert('');
            var solution = $(this) .val();
            if (solution == '0') {
                $('form#client_demande_devis_form #form_service').removeClass('is-invalid').html('<option value="0">Choisir</option>');
                $('#error-client-demande-devis-service').html('');
            } else {
                $.ajax({
                    url : '{{ path("switch_solution_service") }}',
                    type : 'POST',
                    data : {solution:solution},
                    dataType : 'json',
                    success : function(response){
                        var services = response.services;
                        var options = '<option value="0">Choisir (' + response.solution + ') *</option>';

                        for (var k in services) {
                            var obj = services[k];

                            options += '<option value="' + obj.key + '">' + obj.value + '</option>';
                        }
                        $('#form_service').html(options);
                    },
                    error : function(e){
                    }
                });
            }
        });

		$(document).on('change', 'form#client_demande_devis_form #form_service', function() {
			if ($(this).val() == 'assainissement_vidange_curage') {
				$('div#surface_label label').html('Volume (㎥) *');
			} else if ($(this).val() == 'vitres') {
				$('div#surface_label label').html('Nombre de fenêtres *');
			} else {
				$('div#surface_label label').html('Surface (m²) *');
			}
        }); */ #}

        $('form#client_demande_devis_form #form_service').on('change', function(){
            var service = $(this).val();

            const init_surface_area = `<div class="row form-group fg-m-bottom" id="surface_area">
                                            <div class="col col-md-3 spa-col-label fg-m-bottom" id="surface_label">
                                                <label class="form-control-label spa-label" for="form_surface">Surface, Nombre d'articles, ...</label>
                                            </div>
                                            <div class="col-12 col-md-2 fg-m-bottom">
                                                <input type="text" id="form_surface" name="form[surface]" class="form-control" autocomplete="none">
                                            </div>
                                            <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-surface"></div>
                                        </div>`;
            const form_longueur_largeur = `<div id="surface_area">
                                               <div class="row form-group fg-m-bottom">
                                                    <div class="col col-md-3 spa-col-label fg-m-bottom" id="longueur_label">
                                                        <label class="form-control-label spa-label" for="form_longueur">Dimensions : Longueur (cm) *</label>
                                                    </div>
                                                    <div class="col-12 col-md-2 fg-m-bottom">
                                                        <input type="text" id="form_longueur" class="form-control" placeholder="Longueur (cm)" autocomplete="none">
                                                    </div>
                                                    <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-longueur"></div>
                                               </div>
                                               <div class="row form-group fg-m-bottom">
                                                    <div class="col col-md-3 spa-col-label fg-m-bottom" id="largeur_label">
                                                        <label class="form-control-label spa-label" for="form_largeur">Largeur (cm) *</label>
                                                    </div>
                                                    <div class="col-12 col-md-2 fg-m-bottom">
                                                        <input type="text" id="form_largeur" class="form-control" placeholder="Largeur (cm)" autocomplete="none">
                                                    </div>
                                                    <div class="offset-md-3 col-md-8 fm-error" id="error-client-demande-devis-largeur"></div>
                                               </div>
                                               <input type="hidden" id="form_surface" name="form[surface]" class="form-control" autocomplete="off">
                                           </div>`;

            initFormSurface(init_surface_area);

            if (service == '0') {
                $('#detailService').html('');
            } else {
                $.ajax({
                    url : '{{ path("client_switch_detail_service") }}',
                    type : 'POST',
                    data : {service:service},
                    dataType : 'json',
                    success : function(response){
                        if (response.message) {
                            $('#detailService').html(response.html);
                        } else {
                            $('#detailService').html('');
                        }
                        if (response.surface_lab.length > 0) {
                            if (service === `13`) {
                                window.longueur_largeur = true
                                $(`#surface_area`).replaceWith($(form_longueur_largeur));
                            } else {
                                initFormSurface(init_surface_area, response);
                                $('div#surface_label label').html(response.surface_lab);
                            }
                        }
                        $('div#frequence_label').show();
                        if (response.frequence_lab.length > 0) {
                            $('div#frequence_label label').html(response.frequence_lab);
                            $('select#form_frequence').html(response.html_interventions);
                        }
                    },
                    error : function(e){
                    }
                });
            }
        });

        $(document).on('change', 'form#client_demande_devis_form #detail_service', function(){
            var detail_service = $(this).val();
            if (detail_service > 0) {
                $.ajax({
                    url : '{{ path("client_switch_surface_lab") }}',
                    type : 'POST',
                    data : {detail_service:detail_service},
                    dataType : 'json',
                    success : function(response){
                        if (response.surface_lab.length > 0) {
                            $('div#surface_label label').html(response.surface_lab);
                        }
                        if (response.frequence_lab.length > 0) {
                            $('div#frequence_label label').html(response.frequence_lab);
                            $('select#form_frequence').html(response.html_interventions);
                        }
                    },
                    error : function(e){
                    }
                });
            }
        });

        $(document).on('click', 'form#client_demande_devis_form #client_demande_devis_submit', function(){
            var ckeck = 0;
            
            {# /* if ($('form#client_demande_devis_form #form_nom').val().length == 0) {	
                ckeck += 1;
                $('#error-client-demande-devis-nom').html('Veuillez insérer votre nom');
                $('form#client_demande_devis_form #form_nom').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-client-demande-devis-nom').html('');
                });
            } */ #}
			if ($('form#client_demande_devis_form #form_typeClient').val() == '0') {	
				ckeck += 1;
				$('#error-client-demande-devis-type-client').html('Veuillez choisir "Particulier / Professionnel"');
				$('form#client_demande_devis_form #form_typeClient').addClass('is-invalid').on('change', function(){
                    $(this).removeClass('is-invalid');
					$('#error-client-demande-devis-type-client').html('');
				});
			}
            if ($('form#client_demande_devis_form #form_adresse').val().length == 0) {	
                ckeck += 1;
                $('#error-client-demande-devis-adresse').html('Veuillez insérer votre adresse');
                $('form#client_demande_devis_form #form_adresse').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-client-demande-devis-adresse').html('');
                });
            }
            if ($('form#client_demande_devis_form #form_idVille').val() == '0') {	
                ckeck += 1;
                $('#error-client-demande-devis-ville').html('Veuillez choisir la ville d\'intervention');
                $('.select2-container--default .select2-selection--single').attr('style', 'border:1px solid #ff0000!important;');
                $('form#client_demande_devis_form #form_idVille').on('change', function(){
                    //$(this).removeClass('is-invalid');
                    $('.select2-container--default .select2-selection--single').attr('style', 'border:1px solid #cccccc!important;');
                    $('#error-client-demande-devis-ville').html('');
                });
            }
            {# /* if ($('form#client_demande_devis_form #form_solution').val() == '0') {	
                ckeck += 1;
                $('#error-client-demande-devis-solution').html('Veuillez choisir un service');
                $('form#client_demande_devis_form #form_solution').addClass('is-invalid').on('change', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-client-demande-devis-solution').html('');
                });
            } else { */ #}
                if ($('form#client_demande_devis_form #form_service').val() == '0') {	
                    ckeck += 1;
                    $('#error-client-demande-devis-service').html('Veuillez choisir un service');
                    $('form#client_demande_devis_form #form_service').addClass('is-invalid').on('change', function(){
                        $(this).removeClass('is-invalid');
                        $('#error-client-demande-devis-service').html('');
                    });
                }
            {# /* } */ #}
            if ($('div.form-group#detailService').html().length > 0) {	
                if ($('form#client_demande_devis_form #detail_service').val() == '0') {	
                    ckeck += 1;
                    $('#error-client-demande-devis-detail-service').html('Veuillez choisir votre prestation');
                    $('form#client_demande_devis_form #detail_service').addClass('is-invalid').on('change', function(){
                        $(this).removeClass('is-invalid');
                        $('#error-client-demande-devis-detail-service').html('');
                    });
                }
            }
            if (
                $('form#client_demande_devis_form #form_service').val() != '0' && 
                ($('div.form-group#detailService').html().length == 0 || ($('div.form-group#detailService').html().length > 0 && $('form#client_demande_devis_form #detail_service').val() != '0'))
            ) {
                if (window.longueur_largeur === true) {
                    if ($('form#client_demande_devis_form #form_longueur').val().length == 0) {
                        ckeck += 1;
                        $('#error-client-demande-devis-longueur').html('Veuillez remplir ce champ');
                        $('form#client_demande_devis_form #form_longueur').addClass('is-invalid').on('focus', function () {
                            $(this).removeClass('is-invalid');
                            $('#error-client-demande-devis-longueur').html('');
                        });
                    }
                    if ($('form#client_demande_devis_form #form_largeur').val().length == 0) {
                        ckeck += 1;
                        $('#error-client-demande-devis-largeur').html('Veuillez remplir ce champ');
                        $('form#client_demande_devis_form #form_largeur').addClass('is-invalid').on('focus', function () {
                            $(this).removeClass('is-invalid');
                            $('#error-client-demande-devis-largeur').html('');
                        });
                    }
                } else {
                    if ($('form#client_demande_devis_form #form_surface').val().length == 0) {
                        ckeck += 1;
                        $('#error-client-demande-devis-surface').html('Veuillez remplir ce champ');
                        $('form#client_demande_devis_form #form_surface').addClass('is-invalid').on('focus', function () {
                            $(this).removeClass('is-invalid');
                            $('#error-client-demande-devis-surface').html('');
                        });
                    }
                }
                if ($('form#client_demande_devis_form #form_frequence').val() == '0') {
                    ckeck += 1;
                    $('#error-client-demande-devis-frequence').html('Veuillez remplir ce champ');
                    $('form#client_demande_devis_form #form_frequence').addClass('is-invalid').on('change', function(){
                        $(this).removeClass('is-invalid');
                        $('#error-client-demande-devis-frequence').html('');
                    });
                }
            }
            {# /* var client_demande_devis_form_email = $('form#client_demande_devis_form #form_email').val();
            if (client_demande_devis_form_email.length == 0) {		
                ckeck += 1;
                $('#error-client-demande-devis-email').html('Veuillez insérer votre email');
                $('form#client_demande_devis_form #form_email').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-client-demande-devis-email').html('');
                });            
            }
            var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            var trim_client_demande_devis_form_email = client_demande_devis_form_email.trim();
            if (trim_client_demande_devis_form_email.length > 0 && !regex.test(trim_client_demande_devis_form_email)) {		
                ckeck += 1;
                $('#error-client-demande-devis-email').html('Votre email "' + trim_client_demande_devis_form_email + '" n\'est pas valide');
                $('form#client_demande_devis_form #form_email').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-client-demande-devis-email').html('');
                });            
            } */ #}
            if ($('form#client_demande_devis_form #form_tel').val().length < 10) {	
                ckeck += 1;
                $('#error-client-demande-devis-tel').html('Veuillez insérer votre n° de tél.');
                $('form#client_demande_devis_form #form_tel').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-client-demande-devis-tel').html('');
                });            
            }
            if ($('form#client_demande_devis_form #form_description').val().length == 0) {	
                ckeck += 1;
                $('#error-client-demande-devis-description').html('Veuillez insérer votre message');
                $('form#client_demande_devis_form #form_description').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-client-demande-devis-description').html('');
                });            
            }
            if (!$('form#client_demande_devis_form #form_cgus').is(':checked')) {		
                ckeck += 1;
                $('#error-client-demande-devis-cgus').html('');
                $('b#cgus_label').css({'color':'#ff0000'});
                $('form#client_demande_devis_form #form_cgus').on('click', function(){
                    $('b#cgus_label').css({'color':'#333333'});
                    $('#error-client-demande-devis-cgus').html('');
                });
            }
        
            if (ckeck == 0) {
                if (window.longueur_largeur === true) {
                    calculerSurface($('form#client_demande_devis_form #form_longueur').val(), $('form#client_demande_devis_form #form_largeur').val())
                }
                //ga('send', 'event', 'Nouvelle demande de devis - Interface client - Cleanolia', 'submit');
                $('form#client_demande_devis_form').submit();
                return true;
            } else {
                return false;
            }
        });
        {% else %}
        setInterval(function(){ 
            window.location.href='{{ path("client_mes_devis") }}'; 
        }, 3000);

        {% endif %}
    });
    // ]]>
    </script>
{% endblock %}