@include('dashboard.scripts.init_intram');

<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('click', '.paiement_choose', function(e) {
            let way = $(this).data('way');
            let data = sessionStorage.getItem('data');
            sessionStorage.removeItem('data');
            data = JSON.parse(data);
            getGateWayPaiementMethod(parseInt(data.price), data.devise, data.transaction_type, data,
                way);
        })

        $(document).on('click', '#valid_command', function(e) {
            e.preventDefault();
            let btn = $(this);
            let paid = btn.data('paid');
            if (check_error(['first_name', 'last_name', 'country', 'sex', 'phone', 'email'])) {
                btn.attr('disabled', true).html(
                    '<img src="{{ asset('images/loader.gif') }}" width="30px"> veuillez patienter...'
                );
                let url = $('#post_cart2').attr('action');
                let status = $('#post_cart2').data('home');
                let command = $('#post_cart2').data('command');
                let form = $('#post_cart2').serialize();
                let lastName = $('input[name="last_name"]').val();
                let firstName = $('input[name="first_name"]').val();

                $.ajax({
                    url: url,
                    method: "POST",
                    data: form,
                    success: function(data) {
                        btn.attr('disabled', false).html('Payer maintenant');
                        $('#PersonnalDataModal').modal('hide')
                        const d = new Date();
                        let time = d.getTime();
                        var slug = firstName + time;
                        var boutique_slug = '{{ session('boutique.slug') }}';
                        if (parseInt(paid) === 1) {
                            if (localStorage.getItem('continent') !== undefined &&
                                localStorage.getItem('continent') !== null && localStorage
                                .getItem('continent') !== "Africa") {
                                data = JSON.parse(data.total);
                                $('#form_choose_paiement_option').fadeOut(function() {
                                    $('#form_choose_paiement_option_loading')
                                        .fadeIn();
                                });

                                $('#choosePaiementOptionsModal').modal('show')
                                getGateWayPaiementMethod(parseInt(data.total),
                                    '{{ $metas->currency_client }}', 'commandes',
                                    'paypal');
                            } else {
                                btn.html('Payer maintenant');
                                $('#choosePaiementOptionsModal').modal('show');
                                console.log(data);
                                data = {
                                    price: data.total,
                                    devise: '{{ $metas->currency_client }}',
                                    transaction_type: 'commandes',
                                    paiement_type: data.commande.paiement_type, 
                                    type_slug: data.commande.slug,
                                    boutique_slug: data.commande.boutique_slug,
                                }
                                sessionStorage.setItem('data', JSON.stringify(data));
                            }
                        } else {
                            btn.html('Achat effectué');
                            let $user = $('#Isuser').val();
                            if ($user === 'not') {
                                Swal.fire({
                                    title: 'Commande.',
                                    text: 'Votre commande a été enregistrée avec succès. Il est prévu que le service client de la boutique vous contacte pour valider les détails de paiement et de livraison de la commande. Connectez-vous ou créer un compte maintenant pour avoir un suivi sur votre commande.',
                                    type: 'success',
                                    showCancelButton: true,
                                    confirmButtonColor: '{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}',
                                    cancelButtonColor: '#d33',
                                    cancelButtonText: 'se connecter',
                                    confirmButtonText: 'je ne veux pas suivre mes achats'
                                }).then((result) => {
                                    if (result.value) {
                                        location.href =
                                            '{{ url(\Illuminate\Support\Facades\Session::get('boutique')['nom_boutique']) }}';
                                    } else {
                                        location.href =
                                            '{{ url(\Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] . '/liste/commande') }}';
                                    }
                                })

                            } else {
                                location.href = command;
                            }
                        }

                    },
                    error: function(data) {
                        console.log(data,"****** commande data error")
                        btn.attr('disabled', false).html('Payer maintenant');
                        Swal.fire({
                            title: 'Validation de votre commande',
                            text: "Des champs dont requis avant validation de votre commande",
                            type: 'error',
                        })
                    }
                });
            } else {
                Swal.fire({
                    title: 'Validation de votre commande',
                    text: "Des champs dont requis avant validation de votre commande",
                    type: 'warning',
                })
            }
        })

        $(document).on('click', '#btn-paiement-cotisation', function(e) {
            e.preventDefault();
            let btn = $(this);
            btn.attr('disabled', true).html(
                '<img src="{{ asset('images/loader.gif') }}" width="30px"> initialisation du paiement...'
            );
            let url = btn.data('url');
            let form = {
                cotisations: $('#paiement-due').val(),
                _token: '{{ csrf_token() }}'
            };
            $.ajax({
                url: url,
                method: "POST",
                data: form,
                success: function(data) {
                    data.boutique_slug = btn.data('boutique');
                    data.cotisations = $('#paiement-due').val()
                    data.price = parseInt(data.price);
                    data.transaction_type = 'cotisations';
                    data.devise = 'XOF';
                    data.user= '{{\Illuminate\Support\Facades\Auth::id()}}'
                    if (localStorage.getItem('continent') !== undefined && localStorage
                        .getItem('continent') !== null && localStorage.getItem(
                            'continent') !== "Africa") {
                        $('#form_choose_paiement_option').fadeOut(function() {
                            $('#form_choose_paiement_option_loading').fadeIn();
                        });
                        $('#choosePaiementOptionsModal').modal('show')
                        getGateWayPaiementMethod(parseInt(data.price),
                            '{{ $metas->currency_client }}', 'cotisations', 'paypal');
                    } else {
                        $('#choosePaiementOptionsModal').modal('show');
                        sessionStorage.setItem('data', JSON.stringify(data));
                    }
                },
                error: function(data) {
                    btn.attr('disabled', false).html('Payer ma cotisation');
                    Swal.fire({
                        title: 'Une erreure s\est produite.',
                        text: "Une erreure s\est produite au cours du processu. Veuillez contacter l\'équipe technique, si elle persiste.",
                        type: 'error',
                    })
                }
            });

        })

        $(document).on('click', '#mib_subscription', function(e) {
            e.preventDefault();
            if (check_error(['nom', 'prenom', 'tel', 'adresse'])) {
                let souscription_price = $("#souscription_pricing").val()
                let btn = $(this),
                    data = {
                        boutique_slug: btn.data('boutique'),
                        price: parseInt(souscription_price),
                        transaction_type: 'souscription_mib',
                        devise: 'XOF',
                        response: {
                            'categorie_mib_slug': $('#categorie_mib_slug').val(),
                            'lot_mib_slug': $('#lot_mib_slug').val(),
                            'nom': $('#nom').val(),
                            'year': $('#year').val(),
                            'prenom': $('#prenom').val(),
                            'tel': $('#tel').val(),
                            'adresse': $('#adresse').val(),
                            'nom_mandataire': $('#nom_mandataire').val(),
                            'tel_mandataire': $('#tel_mandataire').val(),
                            'adresse_mandataire': $('#adresse_mandataire').val(),
                            'brunch': $('#brunch').val(),
                            'user': '{{\Illuminate\Support\Facades\Auth::id()}}'
                        }
                    };
                btn.attr('disabled', true).html('<img src="{{ asset('images/loader.gif') }}" width="20px"> en cours...');

                if (localStorage.getItem('continent') !== undefined && localStorage.getItem(
                        'continent') !== null && localStorage.getItem('continent') !== "Africa") {
                    $('#form_choose_paiement_option').fadeOut(function() {
                        $('#form_choose_paiement_option_loading').fadeIn();
                    });
                    $('#choosePaiementOptionsModal').modal('show')
                    getGateWayPaiementMethod(parseInt(data.price), '{{ $metas->currency_client }}',
                        'souscription_mib', 'paypal');
                } else {
                    $('#choosePaiementOptionsModal').modal('show');
                    sessionStorage.setItem('data', JSON.stringify(data));
                }
            } else {
                $.notify('Certaines informations sont requises pour continuer.', 'warning');
            }
        })


        $(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', '#demande_livraison', function(e) {
        e.preventDefault();
        let btn = $(this);
        let command = btn.data('command');
        btn.html(
            '<img src="{{ asset('images/loader.gif') }}" width="20px"> Initialisation de la demande de livraison ...'
        ).attr('disabled', true);
        let forms = $('#shipping_form');
        let url = forms.attr('action');
        let data = forms.serialize();
        $.ajax({
            url: url,
            method: "POST",
            data: data,
            success: function(data) {
                btn.html('En attente de livraison').attr('disabled', true);
                $('#LivraisonDataModal').modal('hide');
                $.notify(
                    'La demande de livraison a été effectuée avec succès. Le service de livraison vous contactera pour la validation de l adresse de livraison.',
                    'success');
                setTimeout(function() {
                    location.reload();
                }, 3000)
            },
            error: function(data) {}
        });
    })

    $(document).on('click', '.paiement-initalise', function(e) {
        e.preventDefault();
        let btn = $(this);
        let command = btn.data('command');
        let total_time_to_paid = 1;
        let echelonner_number_to_paid = $('#' + btn.data('slug'));
        if (echelonner_number_to_paid) {
            total_time_to_paid = echelonner_number_to_paid.val();
            let price = btn.data('price');
            btn.data('price', (price * total_time_to_paid));
        }
        btn.attr('disabled', true).html(
            '<img src="{{ asset('images/loader.gif') }}" width="20px"> Initialisation du paiement ...');
        let url = btn.data('url');
        let status = btn.data('home');
        let form = {
            slug: command,
            total_time_to_paid: total_time_to_paid
        };
        $.ajax({
            url: url,
            method: "POST",
            data: form,
            success: function(data) {
                btn.attr('disabled', false).html('Payer maintenant');
                btn.html('Payer maintenant');
                if (localStorage.getItem('continent') !== null && localStorage.getItem(
                        'continent') !== "Africa") {
                    data = JSON.parse(data);
                    $('#form_choose_paiement_option').fadeOut(function() {
                        $('#form_choose_paiement_option_loading').fadeIn();
                    });
                    $('#choosePaiementOptionsModal').modal('show')
                    getGateWayPaiementMethod(parseInt(data), '{{ $metas->currency_client }}',
                        'commandes', 'paypal');
                } else {
                    data = {
                        price: data,
                        devise: '{{ $metas->currency_client }}',
                        transaction_type: 'commandes'
                    }
                    sessionStorage.setItem('data', JSON.stringify(data));
                    $('#choosePaiementOptionsModal').modal('show');
                }
            },
            error: function(data) {
                btn.attr('disabled', false);
            }
        });
    })

    $(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 hasQuantity = quantityInput.length
            // alert('Want to add to cart'+hasQuantity)
            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', '');
                // $btnvalid.html('La valeur du champ ' + $inputname + ' est valide');
            }

        }
        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');
    //                 }
    //             })
    //         }
    //     })
    // }

    function getGateWayPaiementMethod(totalprice, devise, transaction_type, data, way) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        let form = new FormData();
        form.append('business', '45Y7FFUPWWMMC');
        form.append('cmd', '_xclick');
        form.append('amount', totalprice);
        form.append('currency_code', devise);
        form.append('return', location.origin + '/payment-status');
        form.append('csrf', '{{ csrf_token() }}');
        form.append('data', JSON.stringify(data));
        switch (transaction_type) {
            case 'commandes':
                if (way === 'paypal') {
                    form.append('transaction_type', 'commandes');
                    $('#form_choose_paiement_option').fadeOut(function() {
                        $('#form_choose_paiement_option_loading').fadeIn();
                    });
                    $.ajax({
                        url: '{{ route('payment.command.pay') }}',
                        method: "POST",
                        data: form,
                        cache: false,
                        processData: false,
                        contentType: false,
                        success: function(data) {
                            data = JSON.parse(data);
                            if (!data.error) {
                                location.href = data.redirect_url;
                            } else {
                                Swal.fire({
                                    title: 'PAIEMENT PAYPAL',
                                    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) {
                                        $('#form_choose_paiement_option_loading').fadeOut(
                                            function() {
                                                $('#form_choose_paiement_option').fadeIn();
                                            });
                                    }
                                })
                            }
                        },
                        error: function(data) {
                            Swal.fire({
                                title: 'PAIEMENT PAYPAL',
                                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) {
                                    $('#form_choose_paiement_option_loading').fadeOut(function() {
                                        $('#form_choose_paiement_option').fadeIn();
                                    });
                                    //  $('#PersonnalDataModal').modal('show')
                                }
                            })
                        }
                    })
                } else {
                    if (localStorage.getItem('country') !== undefined && localStorage.getItem('country') !== null) {
                        if (localStorage.getItem('country') === 'Benin') {
                            $('#PersonnalDataModal').modal('hide');
                            $('#choosePaiementOptionsModal').modal('hide');
                            //initIntramWidget(data)
                            /*  let sandbox = '{{ env('KKIAPAY_SANDBOX') }}';
                             openKkiapayWidget({
                                     amount: parseInt(totalprice),
                                     position: "right",
                                     callback: '{{ route('products.check_paiment', \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique']) }}',
                                     theme: "{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}",
                                     key: "{{ env('KKIAPAY_PUBLIC') }}",
                                     sandbox: sandbox === '1'
                                 },
                                 addSuccessListener(response => {
                                     $.Zebra_Dialog('La page va se rafraichir dans quelques instant . Veuillez patientez le temps qu\'elle se recharge.', {
                                         'type': 'information',
                                         'title': 'Paiement effectué avec succès.'
                                     });
                                 })
                             ); */
                             let sandbox = '{{ env('INTRAM_SANDBOX') }}';
                             console.log(data,"****** commande datas have to be sent")
                             intramOpenWidget.init({
                                 amount: parseInt(totalprice),
                                 callback_url: '{{ route('products.check_paiment.intram', \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique']) }}',
                                 public_key: '{{ env('INTRAM_PUBLIC') }}',
                                 sandbox: sandbox === '1',
                                 currency: 'xof',
                                 webhook_data:data,
                                 company: {
                                     name: '{{ \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] }}',
                                     template: 'default+',
                                     color: '{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}',
                                     logo_url: '{{ $metas->logo_boutique == null ? asset('images/logo_mini.jpg') : $metas->logo_boutique }}'
                                 },
                             }).then(response => {
                                 $.Zebra_Dialog(
                                     'La page va se rafraichir dans quelques instants. Veuillez patientez le temps qu\'elle se recharge.', {
                                         'type': 'information',
                                         'title': 'Paiement effectué avec succès.'
                                     });
                             });
                        } else {
                            form.append('transaction_type', 'commandes');
                            $('#form_choose_paiement_option').fadeOut(function() {
                                $('#form_choose_paiement_option_loading').fadeIn();
                            });
                            $.ajax({
                                url: '{{ route('paybyPaydunya') }}',
                                method: "POST",
                                data: form,
                                cache: false,
                                processData: false,
                                contentType: false,
                                success: function(data) {
                                    if (!data.error) {
                                        location.href = data.redirect_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();
                                                    });
                                                $('#PersonnalDataModal').modal('show')
                                            }
                                        })
                                    }
                                },
                                error: function(data) {
                                    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();
                                                });
                                            $('#PersonnalDataModal').modal('show')
                                        }
                                    })
                                }
                            })
                        }
                    }
                }
                break
            case 'souscription_mib':
                if (way === 'paypal') {
                    form.append('transaction_type', 'souscription_mib');
                    $('#form_choose_paiement_option').fadeOut(function() {
                        $('#form_choose_paiement_option_loading').fadeIn();
                    });
                    $.ajax({
                        url: '{{ route('payment.souscription_mib.pay') }}',
                        method: "POST",
                        data: form,
                        cache: false,
                        processData: false,
                        contentType: false,
                        success: function(data) {
                            data = JSON.parse(data);
                            if (!data.error) {
                                location.href = data.redirect_url;
                            } else {
                                Swal.fire({
                                    title: 'PAIEMENT PAYPAL',
                                    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) {
                                        $('#form_choose_paiement_option_loading').fadeOut(
                                            function() {
                                                $('#form_choose_paiement_option').fadeIn();
                                            });
                                    }
                                })
                            }
                        },
                        error: function(data) {
                            Swal.fire({
                                title: 'PAIEMENT PAYPAL',
                                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) {
                                    $('#form_choose_paiement_option_loading').fadeOut(function() {
                                        $('#form_choose_paiement_option').fadeIn();
                                    });
                                    //  $('#PersonnalDataModal').modal('show')
                                }
                            })
                        }
                    })
                } else {
                    if (localStorage.getItem('country') !== undefined && localStorage.getItem('country') !== null) {
                        if (localStorage.getItem('country') === 'Benin') {
                            $('#choosePaiementOptionsModal').modal('hide')
                            // initIntramWidget(data);
                             let sandbox = '{{ env('INTRAM_SANDBOX') }}';
                             intramOpenWidget.init({
                                 amount: parseInt(totalprice),
                                 callback_url: '',
                                 public_key: '{{ env('INTRAM_PUBLIC') }}',
                                 sandbox: sandbox === '1',
                                 currency: 'xof',
                                 webhook_data:data,
                                 company: {
                                     name: '{{ \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] }}',
                                     template: 'default+',
                                     color: '{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}',
                                     logo_url: '{{ $metas->logo_boutique == null ? asset('images/logo_mini.jpg') : $metas->logo_boutique }}'
                                 },
                             }).then(response => {
                                 let req = {
                                     _token: '{{ csrf_token() }}',
                                     boutique_slug: data.boutique_slug,
                                     data: data.response,
                                     response: response
                                 };
                                 $.ajax({
                                     url: '{{ route('souscription.paiement.mib.client.intram') }}',
                                     method: "POST",
                                     data: req,
                                     success: function(data2) {
                                         Swal.fire({
                                             title: 'Statut de Paiement.',
                                             text: data2['message'],
                                             type: data2['response'],
                                             showConfirmButton: false,
                                             timer: 1500
                                         }).then((result) => {
                                             location.href = location.origin +
                                                 '/{{ \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] }}' +
                                                 '/mib/client/list/' +
                                                 '{{ \Illuminate\Support\Facades\Session::get('mib_year') }}'
                                         })
                                     },
                                     error: function(error2) {
                                         console.log(error2,'***** subscription mib error identify ****')
                                     }
                                 }).done(function(data) {
                                     setTimeout(function() {
                                         $("#overlay").fadeOut(300);
                                     }, 500);

                                 })
                             });
                        } else {
                            $.ajax({
                                url: '{{ route('paybyPaydunya') }}',
                                method: "POST",
                                data: form,
                                cache: false,
                                processData: false,
                                contentType: false,
                                success: function(data) {
                                    if (!data.error) {
                                        location.href = data.redirect_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(data) {
                                    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')
                                        }
                                    })
                                }
                            })
                        }
                    }
                }
                break
            case 'cotisations':
                if (way === 'paypal') {
                    form.append('transaction_type', 'cotisations');
                    $('#form_choose_paiement_option').fadeOut(function() {
                        $('#form_choose_paiement_option_loading').fadeIn();
                    });
                    $.ajax({
                        url: '{{ route('payment.cotisation.pay') }}',
                        method: "POST",
                        data: form,
                        cache: false,
                        processData: false,
                        contentType: false,
                        success: function(data) {
                            data = JSON.parse(data);
                            if (!data.error) {
                                location.href = data.redirect_url;
                            } else {
                                Swal.fire({
                                    title: 'PAIEMENT PAYPAL',
                                    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) {
                                        $('#form_choose_paiement_option_loading').fadeOut(
                                            function() {
                                                $('#form_choose_paiement_option').fadeIn();
                                            });
                                    }
                                })
                            }
                        },
                        error: function(data) {
                            Swal.fire({
                                title: 'PAIEMENT PAYPAL',
                                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) {
                                    $('#form_choose_paiement_option_loading').fadeOut(function() {
                                        $('#form_choose_paiement_option').fadeIn();
                                    });
                                    //  $('#PersonnalDataModal').modal('show')
                                }
                            })
                        }
                    })
                } else {
                    if (localStorage.getItem('country') !== undefined && localStorage.getItem('country') !== null) {
                        if (localStorage.getItem('country') === 'Benin') {
                            $('#choosePaiementOptionsModal').modal('hide')
                            //initIntramWidget(data);
                            /*  let sandbox='{{ env('KKIAPAY_SANDBOX') }}';
                             openKkiapayWidget({
                                     amount: parseInt(totalprice),
                                     position: "right",
                                     callback: "",
                                     theme: "{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}",
                                     key: "{{ env('KKIAPAY_PUBLIC') }}",
                                     sandbox: sandbox==='1'
                                 },
                                 addSuccessListener(response => {
                                     let req={
                                         _token: '{{ csrf_token() }}',
                                         boutique_slug: data.boutique_slug,
                                         cotisations: data.cotisations,
                                         response: response
                                     };
                                     $.ajax({
                                         url: '{{ route('cotisation.mib.paiement') }}',
                                         method: "POST",
                                         data: req,
                                         success: function (data2) {
                                             Swal.fire({
                                                 title: 'Statut de Paiement.',
                                                 text: data2['message'],
                                                 type: data2['response']
                                             }).then((result) => {
                                                 if (result.value) {
                                                     location.reload();
                                                 }
                                             })
                                         }, error: function (data2) {
                                         }
                                     }).done(function (data) {
                                        
                                     })
                                 })
                             ); */

                             let sandbox = '{{ env('INTRAM_SANDBOX') }}';
                             intramOpenWidget.init({
                                 amount: parseInt(totalprice),
                                 callback_url: '',
                                 public_key: '{{ env('INTRAM_PUBLIC') }}',
                                 sandbox: sandbox === '1',
                                 currency: 'xof',
                                 webhook_data:data,
                                 company: {
                                     name: '{{ \Illuminate\Support\Facades\Session::get('boutique')['nom_boutique'] }}',
                                     template: 'default+',
                                     color: '{{ $metas->background_color != null ? $metas->background_color : '#88b121' }}',
                                     logo_url: '{{ $metas->logo_boutique == null ? asset('images/logo_mini.jpg') : $metas->logo_boutique }}'
                                 },
                             }).then(response => {
                                 let req = {
                                     _token: '{{ csrf_token() }}',
                                     boutique_slug: data.boutique_slug,
                                     cotisations: data.cotisations,
                                     response: response
                                 };
                                 $.ajax({
                                     url: '{{ route('cotisation.mib.paiement.intram') }}',
                                     method: "POST",
                                     data: req,
                                     success: function(data2) {
                                         Swal.fire({
                                             title: 'Statut de Paiement.',
                                             text: data2['message'],
                                             type: data2['response'],
                                             showConfirmButton: false,
                                             timer: 1500
                                        }).then((result) => {
                                             location.reload();
                                         })
                                     },
                                     error: function(data2) {}
                                 }).done(function(data) {

                                 })
                             });
                        } else {
                            $.ajax({
                                url: '{{ route('paybyPaydunya') }}',
                                method: "POST",
                                data: form,
                                cache: false,
                                processData: false,
                                contentType: false,
                                success: function(data) {
                                    if (!data.error) {
                                        location.href = data.redirect_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(data) {
                                    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')
                                        }
                                    })
                                }
                            })
                        }
                    }
                }
                break

        }
    }

    $(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