var token_triggered = false;
var handler = StripeCheckout.configure({
    key: 'pk_test_dw2c7TtUdsRHZVN9MEE3S8cK',
    image: 'https://image.ibb.co/kzVujb/logo_ico.png',
    locale: 'auto',
    closed: function() {
        if (!token_triggered) {
            document.getElementById("loading").style.display = "none";
        }
    },
    token: function(token) {
        token_triggered = true;
        submitToken(token.id, token.email);
    }
});
document.getElementById('checkout_button').addEventListener('click', function(e) {
    document.getElementById("loading").style.display = "block";
    $.ajax({
        url: "assets/functions/ajax_available.php",
        success: function(result) {
            if (result.indexOf("1") !== -1) {
                document.getElementById("loading").style.display = "block";
                handler.open({
                    name: 'Checkout',
                    description: 'Booking Reservation',
                    zipCode: true,
                    currency: 'gbp',
                    amount: parseFloat(document.getElementById("t-i-p").innerHTML)
                });
            } else {
                window.location.reload(true);
            }
        }
    });
    e.preventDefault();
});
window.addEventListener('popstate', function() {
    document.getElementById("loading").style.display = "none";
    handler.close();
});

function submitToken(token, email) {
    var form = document.createElement("form");
    var element1 = document.createElement("input");
    var element2 = document.createElement("input");
    form.method = "POST";
    form.action = "checkout.php";
    form.style.display = "none";
    element1.value = token;
    element1.name = "stripeToken";
    form.appendChild(element1);
    element2.value = email;
    element2.name = "stripeEmail";
    form.appendChild(element2);
    document.body.appendChild(form);
    form.submit();
}