/* STRIPE */

$(document).ready(function () {
    $("body").delegate(".stripe-button-el", "click", function (event) {
        event.preventDefault();
        disableAllWaitPay()
        /*
        setTimeout(function () {
            $(".stripe-button-el").attr("disabled", "true")
        },2000)
        */
    })

    $("body").delegate("span.Header-navClose", "click", function (event) {
        event.preventDefault();
        //alert("close")
    })

    $("body").delegate(".btnDisablePay", "click", function (event) {
        event.preventDefault();
        $(".stripe-button-el").attr("disabled", "true")
        $(".ddlSelectSpedizione").attr("disabled", "true")
        $(".selectPay").each(function () {
            $(this).attr("disabled", "true")
        })
    })
    function disableAllWaitPay() {
        var t = setInterval(function () {
            if ($(".stripe-button-el").attr("disabled") == "true" || $(".stripe-button-el").attr("disabled") == "disabled") {
                //console.log("------> disattivo")
                $(".ddlSelectSpedizione").attr("disabled", "true")
                $(".selectPay").each(function () {
                    $(this).attr("disabled", "true")
                })
                $("body,html").css("cursor", "wait")
                $("#waitAjax").fadeIn(300, function () {

                })
                stopInterval(t)
            } else {
                //console.log("attivo")
            }
        }, 1000)
    }

    function stopInterval(t) {
        clearInterval(t);
    }



    //"stripe-button-el  disabled='true'"
    
    /*
    var style = {
        base: {
            color: '#32325d',
            lineHeight: '18px',
            fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
            fontSmoothing: 'antialiased',
            fontSize: '16px',
            '::placeholder': {
                color: '#aab7c4'
            }
        },
        invalid: {
            color: '#fa755a',
            iconColor: '#fa755a'
        }
    };

    var card = elements.create('card', { style: style });

    card.mount('#card-element');

    card.addEventListener('change', function (event) {
        var displayError = document.getElementById('card-errors');
        if (event.error) {
            displayError.textContent = event.error.message;
        } else {
            displayError.textContent = '';
        }
    });

    var form = document.getElementById('payment-form');
    form.addEventListener('submit', function (event) {
        event.preventDefault();

        stripe.createToken(card).then(function (result) {
            if (result.error) {
                var errorElement = document.getElementById('card-errors');
                errorElement.textContent = result.error.message;
            } else {
                stripeTokenHandler(result.token);
            }
        });

    });

    function stripeTokenHandler(token) {
        var form = document.getElementById('payment-form');
        var hiddenInput = document.createElement('input');
        hiddenInput.setAttribute('type', 'hidden');
        hiddenInput.setAttribute('name', 'stripeToken');
        hiddenInput.setAttribute('value', token.id);
        form.appendChild(hiddenInput);
        form.submit();
    }
    */
})