import Form from "./components/white-label-cfd-broker/Form";
import Hero from "./components/white-label-cfd-broker/Hero";
import ScrollForm from "./components/white-label-cfd-broker/ScrollForm";
import ScrollHash from "./components/white-label-cfd-broker/ScrollHash";
import Header from "./components/white-label-cfd-broker/Header";
import ScrollVideoPlay from "./components/white-label-cfd-broker/scrollVideoPlay";
import Popup from "./components/white-label-cfd-broker/Popup";

Image.prototype.onChangeSize;
Image.prototype.load = function(url){
    var _this = this,
        req   = ((XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"));

    req.open('GET', url, true);
    req.responseType = 'arraybuffer';

    req.onload = function(e) {
        if(req.response) {
            var blob = new Blob([req.response]);
            _this.src = window.URL.createObjectURL(blob);
        }
    }

    req.onprogress = function(e) {
        if(_this.onChangeSize) {
            _this.onChangeSize(e.loaded, e.total);
        }
    }

    req.send();
}

window.addEventListener('beforeunload', function (event) {
    event.preventDefault();

    event.returnValue = '';

    const arrayInput = document.querySelectorAll('input, select');

    arrayInput.forEach((item) => {
        if (item.type === 'checkbox') {
            item.checked = false;
        } else {
            item.value = '';
        }

        const label = document.querySelector(`[for="${item.id}"]`);

        if (label) {
            label.classList.remove('focus');
            label.classList.remove('error');
        }
    });
});

ScrollHash();
Header();
ScrollVideoPlay();

const forms = document.querySelectorAll(`[data-widget="form"]`);

Hero();
ScrollForm();

window.addEventListener('load', () => {
    Hero();
    Popup();
});

const urlParams = new URLSearchParams(window.location.search);
const entries = urlParams.entries();

for (const entry of entries) {
    localStorage.setItem('form__' + entry[0], entry[1]);
}

forms.forEach((item) => {
    Form(item, item.dataset.name);
});