@include('dashboard.scripts.init_intram');
@include('dashboard.Boutique.Boutique_template.layouts.grocery.script-payment')

<script>
    $(document).ready(function() {

        let route_secure_from_reload = ['boutique.index']
        $(".se-pre-con").fadeOut("slow");

        $(document).ajaxStart(function() {
            if (!route_secure_from_reload.includes('{{ \Request::route()->getName() }}')) {
                $(".se-pre-con").fadeIn("slow");
            }
        });
        $(document).ajaxComplete(function() {
            $(".se-pre-con").fadeOut("slow");
        });
        $(document).ajaxError(function() {
            $(".se-pre-con").fadeOut("slow");
        });
        $(document).ajaxStop(function() {
            $(".se-pre-con").fadeOut("slow");
        });
        $(document).ajaxSuccess(function() {
            $(".se-pre-con").fadeOut("slow");
        });
        window.onbeforeunload = function() {
            $(".se-pre-con").fadeIn("slow");
        };

        $('.choosen').chosen({
            no_results_text: "Oops, pas de résultat ! ",
            width: "100%"
        });

        if ($('.chosen-container').length > 0) {
            $('.chosen-container').on('touchstart', function(e) {
                e.stopPropagation();
                e.preventDefault();
                // Trigger the mousedown event.
                $(this).trigger('mousedown');
            });
        }

        $(document).on('click', '#verify_promo', function(e) {
            e.preventDefault();
            let btn = $(this),
                url = btn.data('url'),
                form = {
                    code: $('#code_promo').val(),
                    boutique: btn.data('boutique'),
                    total_price: parseInt($('.price_total').html()),
                };
            btn.text('en cours').attr('disabled', true);
            $.ajax({
                url: url,
                method: "POST",
                data: form,
                success: function(data) {
                    if (data.error) {
                        $('#code_promo_panel').html(data.message).css('color', 'red').css(
                            'font-style', 'bold').fadeIn();
                    } else {
                        $('#code_promo_panel').html(data.message).css('color', 'green').css(
                            'font-style', 'bold').fadeIn();
                        $('.price_total').html(data.price);
                    }
                    btn.attr('disabled', false).text('vérifier');
                },
                error: function(data) {}
            })
        })

        $(document).on('click', '#wresearchBtn', function() {
            let btn = $(this);
            btn.html('<i class="fa fa-spinner mt-1" style="color: white"></i> en cours')
            btn.attr('disabled', true);
            $('#wrCloseBtn').attr('disabled', true);
            $('#formWbSearch').submit();
        })

        $(document).on('click', '#promotion', function() {
            if ($(this).attr('checked')) {
                $(this).attr('checked', false)
            } else {
                $(this).attr('checked', true)
            }
        })

        $(document).on('click', '#btn-reset_product', function() {
            $('.nothing').fadeOut();
            $('#name').val('');
            $('#category').val('').trigger('chosen:updated');
            $('#min_price').val('');
            $('#max_price').val('');
            $('.produit_list').fadeIn('slow').each(function(e) {
                if ($(this).hasClass('have')) {
                    $(this).removeClass('have');
                }
            })
        })

        $(document).on('click', '#btn_research_product', function() {
            $('.loader').fadeIn();
            let disponible = 0;
            let $name = $('#name').val();
            let $category = $('#category').val();
            let $minprice = $('#min_price').val();
            let $maxprice = $('#max_price').val();
            $('.produit_list').fadeOut('slow').each(function(e) {
                let valide = 0;
                let $btn = $(this);
                if ($btn.hasClass('have')) {
                    $btn.removeClass('have');
                }
                if ($name != "") {
                    valide++;
                    let product_name = $btn.data('name');
                    if (product_name.toLowerCase().includes($name.toLowerCase())) {

                        if (!$btn.hasClass('have')) {
                            $btn.addClass('have');
                        }
                    } else {
                        if ($btn.hasClass('have')) {
                            $btn.removeClass('have');
                        }
                    }
                }

                if ($category != "") {

                    if (valide > 0) {
                        if ($btn.hasClass('have')) {
                            let product_caterory = $btn.data('category');
                            if (product_caterory == $category) {
                                if (!$btn.hasClass('have')) {
                                    $btn.addClass('have');
                                }
                            } else {
                                if ($btn.hasClass('have')) {
                                    $btn.removeClass('have');
                                }
                            }
                        }
                    } else {
                        let product_caterory = $btn.data('category');
                        if (product_caterory == $category) {
                            if (!$btn.hasClass('have')) {
                                $btn.addClass('have');
                            }
                        } else {
                            if ($btn.hasClass('have')) {
                                $btn.removeClass('have');
                            }
                        }
                    }
                    valide++;
                }

                if ($maxprice != "" && $minprice != "") {

                    let product_price = $btn.data('price');
                    if (valide > 0) {
                        if ($btn.hasClass('have')) {
                            if (parseInt(product_price) <= parseInt($maxprice) && parseInt(
                                    product_price) >= parseInt($minprice)) {} else {
                                if ($btn.hasClass('have')) {
                                    $btn.removeClass('have');
                                }
                            }
                        }
                    } else {
                        if (parseInt(product_price) <= parseInt($maxprice) && parseInt(
                                product_price) >= parseInt($minprice)) {
                            if (!$btn.hasClass('have')) {
                                $btn.addClass('have');
                            }
                        } else {
                            if ($btn.hasClass('have')) {
                                $btn.removeClass('have');
                            }
                        }

                    }
                    valide++;
                }
                if ($maxprice != "" && $minprice == "") {

                    if (valide > 0) {
                        if ($btn.hasClass('have')) {
                            let product_price = $btn.data('price');
                            if (parseInt(product_price) <= parseInt($maxprice)) {
                                if (!$btn.hasClass('have')) {
                                    $btn.addClass('have');
                                }
                            } else {
                                if ($btn.hasClass('have')) {
                                    $btn.removeClass('have');
                                }
                            }
                        }
                    } else {
                        let product_price = $btn.data('price');
                        if (parseInt(product_price) <= parseInt($maxprice)) {
                            if (!$btn.hasClass('have')) {
                                $btn.addClass('have');
                            }
                        } else {
                            if ($btn.hasClass('have')) {
                                $btn.removeClass('have');
                            }
                        }
                    }
                    valide++;
                }

                if ($maxprice == "" && $minprice != "") {
                    if (valide > 0) {
                        if ($btn.hasClass('have')) {
                            let product_price = $btn.data('price');
                            if (parseInt(product_price) >= parseInt($minprice)) {
                                if (!$btn.hasClass('have')) {
                                    $btn.addClass('have');
                                }
                            } else {
                                if ($btn.hasClass('have')) {
                                    $btn.removeClass('have');
                                }
                            }
                        }
                    } else {
                        let product_price = $btn.data('price');
                        if (parseInt(product_price) >= parseInt($minprice)) {
                            if (!$btn.hasClass('have')) {
                                $btn.addClass('have');
                            }
                        } else {
                            if ($btn.hasClass('have')) {
                                $btn.removeClass('have');
                            }
                        }
                    }
                    valide++;
                }

                if ($('#promotion').attr('checked')) {
                    let product_promotion = $btn.data('promotion');

                    if (valide > 0) {
                        if ($btn.hasClass('have')) {
                            if (product_promotion == ' oui ') {

                            } else {
                                if ($btn.hasClass('have')) {
                                    $btn.removeClass('have');
                                }
                            }
                        }
                    } else {
                        if (product_promotion == ' oui ') {
                            if (!$btn.hasClass('have')) {
                                $btn.addClass('have');
                            }
                        } else {
                            if ($btn.hasClass('have')) {
                                $btn.removeClass('have');
                            }
                        }
                    }
                }
                if ($btn.hasClass('have')) {
                    disponible++;
                }
            })
            if (parseInt(disponible) <= 0) {
                $('.loader').fadeOut('slow', function() {
                    $('.nothing').fadeIn();

                });
            } else {
                $('.nothing').fadeOut();
                $('.loader').fadeOut('slow', function() {
                    $('.have').slideDown();
                });
            }
        })

        $(document).on('submit', '#newsletters_forms', function(e) {
            e.preventDefault();
            let $form = $(this);
            let btn = $('#btnnewsletter');
            if (check_error(['newslettersemail'])) {
                btn.text('Abonnement en cours');
                btn.attr('disabled', true);
                $.ajax({
                    url: $form.attr('action'),
                    method: "POST",
                    data: $form.serialize(),
                    success: function(data) {
                        data = JSON.parse(data);
                        if (data.status == false) {
                            $.Zebra_Dialog(data.message, {
                                'type': 'error',
                                'title': 'Newsletters'
                            });
                        } else {
                            $.Zebra_Dialog(data.message, {
                                'type': 'information',
                                'title': 'Newsletters'
                            });
                        }
                        $form.trigger("reset");
                        btn.attr('disabled', false);
                        btn.text('Souscrire');
                    },
                    error: function(data) {}
                })
            }
        })
    })

    $(document).on('click', '.cart-btn-every-where', function() {
        let btn = $(this),
            cartPriceHolder = $('.cart_price'),
            cartCountHolder = $('.cart_count'),
            article = $(this).data('article'),
            quantity = 1,
            url = '{{ route('cart.add') }}',
            data = {
                _token: '{{ csrf_token() }}',
                article: article,
                quantity: quantity,
                maximum: 2
            };
        btn.html('<i class="fa fa-spinner mt-1" style="color: white"></i>');
        $.ajax({
            url: url,
            data: data,
            method: "POST",
            success: function(data) {
                cartPriceHolder.text(data.price)
                cartCountHolder.text(data.count)
                if (parseInt(data.reste) !== 0) {
                    $.notify('Vous ne pouvez ajouté que ' + data.reste + '  à votre panier',
                        'warning');
                    btn.html("<svg width=\"20px\" height=\"20px\">\n" +
                        "                                                        <use xlink:href=\"#pcart\"></use>\n" +
                        "                                                    </svg>");
                    $('a.cart_i_value' + article).css('background-color', '#6e6e6e');
                } else {
                    $.notify('Article ajouté au panier avec succès', 'success');
                    btn.html("<svg width=\"20px\" height=\"20px\">\n" +
                        "                                                        <use xlink:href=\"#pcart\"></use>\n" +
                        "                                                    </svg>");
                    $('a.cart_i_value' + article).css('background', 'red');
                    $.Zebra_Dialog(
                        '<span style="color: green;"><i class="fa fa-check-circle"></i>Produit ajouter à votre panier avec succès.</span> Souhaitez-vous poursuivre votre achat ou accéder au panier pour confirmer la commande?.', {
                            'type': 'question',
                            'title': 'Panier',
                            'buttons': ['Acceder au panier', 'Continuer mes achats'],
                            'onClose': function(caption) {
                                if (caption == 'Acceder au panier') {
                                    location.href =
                                        '{{ route('products.cart', \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique']) }}';
                                }
                            }
                        });
                }
            },
            error: function(data) {}
        });

    })

    $(document).ready(function() {
        let quantityInput = $('#quantity_input');
        let cartPriceHolder = $('.cart_price');
        let cartCountHolder = $('.cart_count');
        $('#quantity_inc_button').click(function() {
            let value = parseInt(quantityInput.val())
            quantityInput.val(value + 1)
        })
        $('#quantity_dec_button').click(function() {
            let value = parseInt(quantityInput.val())
            if (value > 1) {
                quantityInput.val(value - 1)
            }
        })

        $('.cart-btn').click(function() {
            let article = $(this).data('article');
            let quantity = quantityInput.val();
            let max = quantityInput.data('max');
            if (parseInt(quantity) <= parseInt(max) && parseInt(quantity) > 0) {
                let url = '{{ route('cart.add') }}',
                    data = {
                        article: article,
                        quantity: quantity,
                        maximum: max,
                        _token: '{{ csrf_token() }}'
                    };
                $.ajax({
                    url: url,
                    data: data,
                    method: "POST",
                    success: function(data) {
                        cartPriceHolder.text(data.price)
                        cartCountHolder.text(data.count)
                        if (parseInt(data.reste) !== 0) {
                            $.notify('Vous ne pouvez ajouté que ' + data.reste +
                                '  à votre panier', 'warning');
                        } else {
                            $.notify('Article ajouté au panier avec succès', 'success');

                            $.Zebra_Dialog(
                                '<span style="color: green;"><i class="fa fa-check-circle"></i>Produit ajouter à votre panier avec succès.</span> Souhaitez-vous poursuivre votre achat ou accéder au panier pour confirmer la commande?', {
                                    'type': 'question',
                                    'title': 'Panier',
                                    'buttons': ['acceder au panier', 'continuer'],
                                    'onClose': function(caption) {
                                        if (caption === 'acceder au panier') {
                                            location.href =
                                                '{{ route('products.cart', \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique']) }}';
                                        }
                                    }
                                });
                        }
                    },
                    error: function(data) {}
                });
            } else {
                $.notify('Vous ne pouvez pas excéder le stock disponible qui est : ' + max +
                    ' ou être en dessous de 1', 'error');
            }
        })
    })



    function check_error($table) {
        let $reponse = true;
        for (let i = 0; i < $table.length; i++) {
            let $btn = $('#' + $table[i]);
            let $btnerror = $('#error' + $table[i]);
            let $name = $btn.attr('type');
            let $requis = $btn.attr('required');
            let $inputname = $btn.data('input_name');
            let $val = $btn.val();
            if ($val === null || $val == "") {
                if ($requis) {
                    $btnerror.html('La valeur du champs ' + $inputname + ' est requise');
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('La valeur du champs ' + $inputname + ' est requise', 'error');
                    break;
                }
            } else
            if ($name === 'number') {
                let $min = $btn.attr('min');
                let $minlenght = $btn.attr('minlength');
                if (parseInt($val) < parseInt($min)) {
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('La valeur du champs ' + $inputname + ' doit être supérieur à ' + $min, 'error');
                    break;
                } else if ($val.length < $minlenght) {
                    $btnerror.html('La taille de la valeur du champs ' + $inputname + ' doit être supérieur à ' +
                        $minlenght);
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('La taille de la valeur du champs ' + $inputname + ' doit être supérieur à ' + $minlenght);
                    break;
                }
            } else if ($name === 'email') {
                if (!isValidEmailAddress($val)) {
                    $btnerror.html('L\'adresse mail saisis est incorrecte.');
                    $btn.css('border', '1px solid red');
                    $.notify('L\'adresse mail saisis est incorrecte', 'error');
                    $reponse = false;
                    break;
                }
            } else if ($name === 'password') {
                let $minlenght = 6;
                if ($val.length < $minlenght) {
                    $btnerror.html('La taille de la valeur du champs ' + $inputname + ' doit être supérieur à ' +
                        $minlenght);
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('La taille de la valeur du champs ' + $inputname + ' doit être supérieur à ' + $minlenght,
                        'error');

                    break;
                }
            }

            if ($reponse) {
                $btnerror.html(' ');
                $btn.css('border', '');
            }

        }
        return $reponse;
    }

    // function initIntramWidget(data) {
    //     $.ajax({
    //         url: '/api/init_intram_paiement',
    //         method: "POST",
    //         data: {
    //             _token: '{{ csrf_token() }}',
    //             data: data
    //         },
    //         success: function(res) {
    //             console.log('res', res);
    //             if (res.receipt_url) {
    //                 window.location.href = res.receipt_url;
    //             } else {
    //                 Swal.fire({
    //                     title: 'PAIEMENT MOBILE MONEY OU CARTE DE CREDIT',
    //                     text: "Un problème est survenue au cours de l\'initialisation du paiement. Veuillez reéssayer un plus tard.",
    //                     type: 'error',
    //                 }).then((result) => {
    //                     if (result.value) {
    //                         $('#choosePaiementOptionsModal')
    //                             .modal('hide')
    //                         $('#form_choose_paiement_option_loading')
    //                             .fadeOut(
    //                                 function() {
    //                                     $('#form_choose_paiement_option')
    //                                         .fadeIn();
    //                                 });
    //                         $('#AbonnementModal')
    //                             .modal('show')
    //                     }
    //                 })
    //             }
    //         },
    //         error: function(res) {
    //             Swal.fire({
    //                 title: 'PAIEMENT MOBILE MONEY OU CARTE DE CREDIT',
    //                 text: "Un problème est survenue au cours de l\'initialisation du paiement. Veuillez reéssayer un plus tard.",
    //                 type: 'error',
    //             }).then((result) => {
    //                 if (result.value) {
    //                     $('#choosePaiementOptionsModal').modal('hide');
    //                     $('#form_choose_paiement_option_loading')
    //                         .fadeOut(
    //                             function() {
    //                                 $('#form_choose_paiement_option')
    //                                     .fadeIn();
    //                             });
    //                     $('#AbonnementModal').modal('show');
    //                 }
    //             })
    //         }
    //     })
    // }

    // getGateWayPaiementMethod() moved to script-payment.blade.php
    $(document).ready(function() {
        $(document).on('click', '.showAuthPanel', function() {
            $('#BoutiqueAuthModal').modal('show')
        })
        $(document).on('click', '.show_register', function() {
            $('#login_form').fadeOut('slow', function() {
                let input = document.querySelector("#subscrib_phone"),
                    errorMsg = document.querySelector("#error-msg"),
                    validMsg = document.querySelector("#valid-msg");
                // here, the index maps to the error code returned from getValidationError - see readme
                var errorMap = ["Numéro invalide", "Code du pays invalide", "Trop court",
                    "Trop long", "Numero Invalide"
                ];
                var iti = window.intlTelInput(input, {
                    // allowDropdown: false,
                    // autoHideDialCode: false,
                    autoPlaceholder: "polite",
                    // dropdownContainer: document.body,
                    // excludeCountries: ["us"],
                    // formatOnDisplay: false,
                    geoIpLookup: function(callback) {
                        $.get("http://ipinfo.io", function() {}, "jsonp").always(
                            function(resp) {
                                $('#city').val(resp.city);
                                var countryCode = (resp && resp.country) ? resp
                                    .country : "";
                                callback(countryCode);
                            });
                    },
                    hiddenInput: "full_number",
                    initialCountry: "auto",
                    // localizedCountries: { 'de': 'Deutschland' },
                    nationalMode: true,
                    // onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
                    // placeholderNumberType: "MOBILE",
                    preferredCountries: ['BJ', 'BF', 'CI', 'GN', 'ML', 'NE', 'SN',
                        'TG'
                    ],
                    separateDialCode: true,
                    utilsScript: "{{ asset('plugin/telephone_input/build/js/utils.js') }}",
                });
                $('#register_form').fadeIn('slow')
            })
        })
        $(document).on('click', '.show_login', function() {
            $('#register_form').fadeOut('slow', function() {
                $('#login_form').fadeIn('slow')
            })
        })
        $(document).on('click', '#retrait_mib', function() {
            Swal.fire({
                title: 'BIENTÔT',
                text: 'Cette option n\'est pas encore disponible',
                type: 'warning'
            })
        })
        $(document).on('click', '.showForgetPassword', function() {
            $('#login_form').fadeOut('slow', function() {
                $('#reset_password_form').fadeIn('slow')
            })
        })
        $(document).on('click', '#connection', function() {
            let form = $('#login_form'),
                url = form.data('url'),
                $form = form.serialize(),
                btn = $(this);
            btn.attr('disabled', true).html(
                '<img src="{{ asset('images/loader.gif') }}" width="20px"> veuillez patienter ...');
            $.ajax({
                url: url,
                method: "POST",
                data: $form,
                success: function(data) {
                    btn.attr('disabled', false).html('SE CONNECTER');
                    if (data.error) {
                        $.notify(data.message, 'error')
                        Swal.fire({
                            title: 'Echec connexion',
                            text: data.message,
                            type: 'error'
                        })
                    } else {
                        Swal.fire({
                            title: 'Connexion établie',
                            text: data.message,
                            type: 'success',
                            showConfirmButton: false,
                            timer: 1500
                        }).then((result) => {
                            if ('{{ \Request::route()->getName() }}' ===
                                'products.cart') {
                                $('#BoutiqueAuthModal').modal('hide')
                                $('#valid_command').attr('data-paid', 1);
                                $('#type-transaction').append(
                                    '<input type="hidden" value="1" name="command_type">'
                                )
                                $('#type-transaction').append(
                                    '<input id="echellonset" type="hidden" value="1" name="echellonPaiement">'
                                )
                                $('#PersonnalDataModal').modal('show');
                                $('#valid_command').html('PAYER LA PREMIERE PARTIE')
                                    .css('background', '#10a2e5').css('color',
                                        '#fff').css('border', 'none');
                            } else {
                                location.reload();
                            }
                        })
                    }
                },
                error: function(data) {
                    btn.attr('disabled', false).html('SE CONNECTER');
                    Swal.fire({
                        title: 'Echec connexion',
                        text: 'Une erreur s\'est est survenue au cours du processus. Veuillez réactualiser la page et reéssayer si elle persiste.',
                        type: 'error',
                    })
                }
            })
        });

        $(document).on('click', '#fpassword', function(e) {
            e.preventDefault();
            let form = $('#reset_password_form'),
                url = form.data('url'),
                $form = form.serialize(),
                btn = $(this);
            btn.attr('disabled', true).html(
                '<img src="{{ asset('images/loader.gif') }}" width="20px"> veuillez patienter ...');
            $.ajax({
                url: url,
                method: "POST",
                data: $form,
                success: function(data) {
                    btn.attr('disabled', false).html('M\'ENVOYER UN EMAIL');
                    if (data.error) {
                        $.notify(data.message, 'error')
                        Swal.fire({
                            title: 'Echec connexion',
                            text: data.message,
                            type: 'error'
                        })
                    } else {
                        Swal.fire({
                            title: 'Mail envoyé',
                            text: data.message,
                            type: 'success',
                            showConfirmButton: false,
                            timer: 1500
                        }).then((result) => {
                            $('#reset_password_form').fadeOut('slow', function() {
                                $('#login_form').fadeIn('slow')
                            })
                        })
                    }
                },
                error: function(data) {
                    btn.attr('disabled', false).html('M\'ENVOYER UN EMAIL');
                    Swal.fire({
                        title: 'Echec',
                        text: 'Nous ne parvenons pas à envoyez un mail sur l\'adresse mail ou le nom d\'utilisateur fournis. Verifiez que vous avez déjà un compte ou que votre adresse mail est valide.',
                        type: 'error',
                    })
                }
            })
        });
    })
</script>
<script src="{{ asset('plugin/telephone_input/build/js/intlTelInput.js') }}"></script>
<script>
    function myFunction() {
        var x = document.getElementById("myInput");
        if (x.type === "password") {
            x.type = "text";
        } else {
            x.type = "password";
        }
    }
</script>
<script>
    $(document).ready(function($) {
        let country = $('.pays');
        let regionsLoader = $('.regions-loader');
        if (country.data('country') !== undefined && country.data('country') !== 'undefined' && country.data(
                'country') !== null) {
            regionsLoader.show();
            getCountries();
        }
        $(document).on('change', '.pays', function() {
            getCountries();
        });

        function getCountries() {
            regionsLoader.show();
            let pays_id = country.val();
            let url = location.origin + '/register/get/regions/' + pays_id;
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: url,
                method: "GET",
                success: function(data) {
                    $('.regions-container').html(data);
                    $(".choosen").chosen({
                        width: "100%"
                    });
                    getCities();
                },
                error: function(error) {}
            }).always((result) => {
                regionsLoader.hide();
            });
        }

        function getCities() {
            let region = $('#regions');
            let villesLoader = $('.villes-loader');
            villesLoader.show();
            let region_id = region.val();
            let url = location.origin + '/register/get/villes/' + region_id;
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: url,
                method: "GET",
                success: function(data) {
                    $('.villes-container').html(data);
                    $(".choosen").chosen({
                        width: "100%"
                    });
                },
                error: function(error) {}
            }).always((result) => {
                villesLoader.hide();
            });
        }


    });
</script>
<!-- loading villes on regions select -->
<script>
    $(document).ready(function($) {
        let region = $('#regions');
        if (region.data('region') !== undefined && region.data('region') !== null) {

            getCities();
        }

        $(document).on('change', '#regions', function() {

            getCities();
        });

        function getCities() {
            let villesLoader = $('.villes-loader');
            villesLoader.show();
            let region_id = $('#regions').val();
            let url = location.origin + '/register/get/villes/' + region_id;
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: url,
                method: "GET",
                success: function(data) {
                    $('.villes-container').html(data);
                    $(".choosen").chosen({
                        width: "100%"
                    });
                },
                error: function(error) {}
            }).always((result) => {
                villesLoader.hide();
            });
        }

    });
</script>

<script>
    $(document).on('focus', '#cpassword', function(e) {
        $('#cpassword').css('border', '');
    })

    $(document).on('click', '#new_account', function() {
        let form = $('#register_form'),
            url = form.data('url'),
            $form = form.serialize(),
            btn = $(this);
        btn.attr('disabled', true).html(
            '<img src="{{ asset('images/loader.gif') }}" width="20px"> veuillez patienter ...');
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: url,
            method: "POST",
            data: $form,
            success: function(data) {
                btn.attr('disabled', false).html('CRÉER MON COMPTE');
                if (data.error) {
                    $.notify(data.message, 'error')
                    Swal.fire({
                        title: 'Echec inscription',
                        text: data.message,
                        type: 'error',
                    })
                } else {
                    Swal.fire({
                        title: 'Inscription réussie',
                        text: data.message,
                        type: 'success',
                    }).then((result) => {
                        if (result) {
                            if ('{{ \Request::route()->getName() }}' === 'products.cart') {
                                $('#BoutiqueAuthModal').modal('hide')
                                $('#valid_command').attr('data-paid', 1);
                                $('#type-transaction').append(
                                    '<input type="hidden" value="1" name="command_type">'
                                )
                                $('#type-transaction').append(
                                    '<input id="echellonset" type="hidden" value="1" name="echellonPaiement">'
                                )
                                $('#PersonnalDataModal').modal('show');
                                $('#valid_command').html('PAYER LA PREMIERE PARTIE').css(
                                    'background', '#10a2e5').css('color', '#fff').css(
                                    'border', 'none');
                            } else {
                                location.reload();
                            }
                        }
                    })

                }
            },
            error: function(data) {
                btn.attr('disabled', false).html('CRÉER MON COMPTE');
                $.notify(
                    'Une erreur s\'est est survenue au cours du processus. Veuillez réactualiser la page et reéssayer si elle persiste.',
                    'error')
            }
        })
    });

    function check_error($table) {
        let $reponse = true;
        for (let i = 0; i < $table.length; i++) {
            let $btn = $('#' + $table[i]);
            let $btnerror = $('#error' + $table[i]);
            let $name = $btn.attr('type');
            let $requis = $btn.attr('required');
            let $inputname = $btn.data('input_name');
            let $val = $btn.val();
            if ($val == null || $val == "") {
                if ($requis) {
                    $btnerror.html('La valeur du champs ' + $inputname + ' est requise');
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('La valeur du champs ' + $inputname + ' est requise', 'error');
                    break;
                }
            } else
            if ($name == 'number') {
                let $min = $btn.attr('min');
                let $minlenght = $btn.attr('minlength');
                if (parseInt($val) < parseInt($min)) {
                    $btnerror.html('La valeur du champs ' + $inputname + ' doit être supérieur à ' + $min);
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('La valeur du champs ' + $inputname + ' doit être supérieur à ' + $min, 'error');
                    break;
                } else if ($val.length < $minlenght) {
                    $btnerror.html('La taille de la valeur du champs ' + $inputname + ' doit être supérieur à ' +
                        $minlenght);
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('La taille de la valeur du champs ' + $inputname + ' doit être supérieur à ' + $minlenght);
                    break;
                }
            } else if ($name == 'email') {
                if (!isValidEmailAddress($val)) {
                    $btnerror.html('L\'adresse mail saisis est incorrecte.');
                    $btn.css('border', '1px solid red');
                    $.notify('L\'adresse mail saisis est incorrecte', 'error');
                    $reponse = false;
                    break;
                }
            } else if ($name == 'password') {
                let $minlenght = 6;
                if ($val.length < $minlenght) {
                    $btnerror.html('La taille de la valeur du champs ' + $inputname + ' doit être supérieur à ' +
                        $minlenght);
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('La taille de la valeur du champs ' + $inputname + ' doit être supérieur à ' + $minlenght,
                        'error');

                    break;
                }
            }

            if ($btn.data('imite')) {
                let $btn2 = $('#' + $btn.data('imite')),
                    value = $btn2.val(),
                    value2 = $btn.val();
                if (value != value2) {
                    $btnerror.html('Le ' + $btn2.data('input_name') + ' et ' + $inputname + ' doivent être conforme');
                    $btn.css('border', '1px solid red');
                    $reponse = false;
                    $.notify('Le ' + $btn2.data('input_name') + ' et ' + $inputname + ' doivent être conforme',
                        'error');
                    break;
                }
            }

            if ($reponse) {
                $btnerror.html(' ');
                $btn.css('border', '');
                // $btnvalid.html('La valeur du champ ' + $inputname + ' est valide');
            }

        }
        return $reponse;
    }


    function isValidEmailAddress(emailAddress) {
        var pattern =
            /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
        return pattern.test(emailAddress);
    }
</script>
<script>
    $(document).ready(function() {
        $('.choosen').chosen({
            no_results_text: "Oops, pas de résultat ! ",
            width: "100%"
        });
        let input = document.querySelector("#subscrib_phone"),
            errorMsg = document.querySelector("#error-msg"),
            validMsg = document.querySelector("#valid-msg");

        // here, the index maps to the error code returned from getValidationError - see readme
        var errorMap = ["Numéro invalide", "Code du pays invalide", "Trop court", "Trop long",
            "Numero Invalide"
        ];

        var iti = window.intlTelInput(input, {
            // allowDropdown: false,
            // autoHideDialCode: false,
            autoPlaceholder: "polite",
            // dropdownContainer: document.body,
            // excludeCountries: ["us"],
            // formatOnDisplay: false,
            geoIpLookup: function(callback) {
                $.get("http://ipinfo.io", function() {}, "jsonp").always(function(resp) {
                    $('#city').val(resp.city);
                    var countryCode = (resp && resp.country) ? resp.country : "";
                    callback(countryCode);
                });
            },
            hiddenInput: "full_number",
            initialCountry: "auto",
            // localizedCountries: { 'de': 'Deutschland' },
            nationalMode: true,
            // onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
            // placeholderNumberType: "MOBILE",
            preferredCountries: ['BJ', 'BF', 'CI', 'GN', 'ML', 'NE', 'SN', 'TG'],
            separateDialCode: true,
            utilsScript: "{{ asset('plugin/telephone_input/build/js/utils.js') }}",
        });

        var reset = function() {
            input.classList.remove("error");
            errorMsg.innerHTML = "";
            errorMsg.classList.add("hide");
            validMsg.classList.add("hide");
        };

        // on blur: validate
        input.addEventListener('blur', function() {
            reset();
            if (input.value.trim()) {
                if (iti.isValidNumber()) {
                    validMsg.classList.remove("hide");
                } else {
                    input.classList.add("error");
                    var errorCode = iti.getValidationError();
                    errorMsg.innerHTML = errorMap[errorCode];
                    errorMsg.classList.remove("hide");
                }
            }
        });

        // on keyup / change flag: reset
        input.addEventListener('change', reset);
        input.addEventListener('keyup', reset);
        $(document).on('change', '#phone', function() {
            var countryData = iti.getSelectedCountryData();
            var number = '+' + countryData.dialCode + $('#phone').val();
            $('#telInput').val(number);

        });
    })
</script>
@if ($errors->any())
    <script>
        $.Zebra_Dialog(
            '@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach', {
                'type': 'error',
                'title': 'Une ou plusieurs erreures se sont produites.'
            });
    </script>
@endif
@if (session('success'))
    <script>
        $.Zebra_Dialog('{{ session('success') }}', {
            'type': 'information',
            'title': 'Opération effectuée avec succès'
        });
    </script>
@elseif(session('error'))
    <script>
        $.Zebra_Dialog('{{ session('error') }}', {
            'type': 'error',
            'title': 'L\'opération à échouer.'
        });
    </script>
@endif