function load() {
    if (typeof frontAPI === "undefined" || document.readyState !== 'complete') {
        setTimeout(load, 250)

        return
    }

    var userId = null;
    var phone = null;

    frontAPI.getUser(function (userInfo) {
        if (userInfo && userInfo.user_id) {
            userId = userInfo.user_id;

            if (userInfo.billing_address && userInfo.billing_address.phone) {
                phone = userInfo.billing_address.phone;
            }
            if (!phone && userInfo.shipping_address && userInfo.shipping_address.phone) {
                phone = userInfo.shipping_address.phone;
            }

            var getStatusRequest = new XMLHttpRequest();
            getStatusRequest.onreadystatechange = function () {
                if (parseInt(getStatusRequest.readyState) === 4 && parseInt(getStatusRequest.status) === 200) {
                    if (parseInt(getStatusRequest.responseText) === 0) {
                        if (phone) {
                            appendButtonForLoggedUser(userId, phone);
                        } else {
                            createLink(userId);
                        }
                    } else {
                        appendSavedAlertText();
                    }
                }
            }
            getStatusRequest.open("GET", "https://shoper.smsapi.com/products/3830/alerts/d0ee49100b0f4aaebf6ff2bf4da6dce558d44ffb/" + userId, true);
            getStatusRequest.send();

        } else {
            createLink(null);
        }

    }, {
        lang: 'pl_PL'
    });
}


    function appendButtonForLoggedUser(userId, phone) {
        document.head.insertAdjacentHTML("beforeend", `<style>#availability-notice a span:before {font-family: FontAwesome;font-weight: normal;font-style: normal;content: '\\f095';text-decoration: inherit;-webkit-font-smoothing: antialiased;background-color: transparent;color: #000;display: inline-block;padding: 0 .5em;border: 0;}</style>`)
        var link = document.createElement('li');
        link.id = 'availability-notice';
        link.innerHTML = '<a href="#" title="Powiadom mnie kiedy produkt będzie dostępny"><span>Powiadom mnie kiedy produkt będzie dostępny</span></a>';
        link.onclick = function(event) {
            event.stopPropagation;
            event.preventDefault();
            var data = new FormData();
            data.append('user_id', userId);
            data.append('shop', 'd0ee49100b0f4aaebf6ff2bf4da6dce558d44ffb');
            data.append('product_id', '3830');
            data.append('phone_number', phone);
            var xhttp = new XMLHttpRequest();
            xhttp.open("POST", "https://shoper.smsapi.com/products/availability", true);
            xhttp.send(data);
            link.remove();
            appendSavedAlertText();
            openSuccessModal();

        }
        document.getElementsByClassName('links-q')[0].appendChild(link);
    }

    function appendSavedAlertText() {
        document.head.insertAdjacentHTML("beforeend", `<style>#availability-notice-info span:before {font-family: FontAwesome;font-weight: normal;font-style: normal;content: '\\f095';text-decoration: inherit;-webkit-font-smoothing: antialiased;background-color: transparent;color: #000;display: inline-block;padding: 0 .5em;border: 0;}</style>`)
        var li = document.createElement('li');
        li.id = 'availability-notice-info';
        li.innerHTML = '<span>Zostaniesz powiadomiony, gdy produkt będzie dostępny</span>';
        document.getElementsByClassName('links-q')[0].appendChild(li);
    }

    function openSuccessModal() {
        var modal = new Shop.Modal({
            showMask: true,
            position: 'center',
            positionType: 'absolute',
            offset: 20,
            header: '',
            content: '\
            <div class="ask-for-product">\
                <div class="container">\
                    <div class="alert-success alert">\
                        <div class="row">\
                            <p>Dziękujemy za zapisanie do bazy. Jak tylko produkt będzie dostępny, wyślemy Ci wiadomość SMS.</p>\
                        </div>\
                    </div>\
                </div>\
            </div>'
        });

        modal.createModal();
    }

    function openModal(userId) {
        var modal = new Shop.Modal({
            showMask: true,
            position: 'center',
            positionType: 'absolute',
            offset: 20,
            header: 'Powiadom mnie o dostępności',
            content: '\
            <div class="ask-for-product" data-header-title="zapytaj o produkt:">\
                    <form method="post" id="product-availability-form" class="multirow">\
                        <fieldset>\
                            <div class="edition-form-field">\
                                <label for="question_name">\
                                    Twój numer telefonu*:\
                                </label>\
                                <input type="text" name="phone" id="phone_number" size="15" required pattern="[0-9]+">\
                                <div class="row">* - pole wymagane</div>\
                                <br>\
                                <div class="row">\
                                    <button type="submit" class="btn">\
                                        <img src="/libraries/images/1px.gif" alt="Powiadom mnie" class="px1">\
                                        <span style="text-transform: none">Powiadom mnie</span>\
                                    </button>\
                                </div>\
                            </div>\
                        </fieldset>\
                    </form>\
                </div>'
        });

        modal.createModal();

        var form = document.getElementById('product-availability-form');
        form.onsubmit = function(event) {
            event.preventDefault();
            var data = new FormData();
            if (userId) {
                data.append('user_id', userId);
            }
            data.append('shop', 'd0ee49100b0f4aaebf6ff2bf4da6dce558d44ffb');
            data.append('product_id', '3830');
            data.append('phone_number', document.getElementById('phone_number').value);
            var xhttp = new XMLHttpRequest();
            xhttp.open("POST", "https://shoper.smsapi.com/products/availability", true);
            xhttp.send(data);
            modal.destroyModal();
            var link = document.getElementById('availability-notice');
            link.remove();
            appendSavedAlertText();
            openSuccessModal();
        }
    }

    function createLink(userId) {
        var link = document.createElement('li');
        link.id = 'availability-notice';
        link.innerHTML = '<a href="#" title="Powiadom mnie kiedy produkt będzie dostępny"><img src="https://shoper.smsapi.com/img/notification.svg" width="35px">&nbsp;<span>Powiadom mnie kiedy produkt będzie dostępny</span></a>';
        link.onclick = function(event) {
            event.preventDefault();
            openModal(userId)
        }

        document.getElementsByClassName('links-q')[0].appendChild(link);
    }

    load()