jQuery(function ($) {
    $(document).on("change", '[name="vcenter_id"]', function (e) {
        e.preventDefault();
        let __self = $(this);
        let form = __self.closest("form");

        let value = Number(__self.find("option:selected").val());
        let apiGetDatacenter = __self.attr("data-ajax");
        if (value && value !== 0 && apiGetDatacenter) {
            let datacenter = form.find(`[name="module_datacenter_id"]`);
            appendChild(apiGetDatacenter, datacenter, { vcenter: value });
        }
    });
    $(document).on("change", '[name="module_datacenter_id"]', function (e) {
        e.preventDefault();
        let __self = $(this);
        let form = __self.closest("form");
        let value = Number(__self.find("option:selected").val());
        let apiGetHost = __self.attr("data-ajax");
        if (value && value !== 0 && apiGetHost) {
            let host = form.find(`[name="module_host_id"]`);
            appendChild(apiGetHost, host, { datacenter: value });
        }
    });
    $(document).on("change", '[name="module_host_id"]', function (e) {
        e.preventDefault();
        let __self = $(this);
        let form = __self.closest("form");
        let value = Number(__self.find("option:selected").val());
        // let apiGetOsGroup = __self.attr("data-get-os");
        // let apiGetNetwork = __self.attr("data-get-network");
        let apiGetDatastore = __self.attr("data-get-datastore");
        // let apiGetVersion = __self.attr("data-get-version");
        if (value && value !== 0) {
            let datastore = form.find('[name="module_datastore_id"]');
            // let network = form.find('[name="module_network_id"]');
            // let osGroup = form.find('[name="os_group_id"]');
            // let os = form.find('[name="os_version"]');
            appendChild(apiGetDatastore, datastore, { host: value });
            // appendChild(apiGetNetwork, network, { host: value });
            // appendChild(apiGetOsGroup, osGroup, { host: value });
            // appendChild(apiGetVersion, os, { host: value });
        }
    });
    $(document).on("change", '[name="module_network_id"]', function (e) {
        e.preventDefault();
        let __self = $(this);
        let form = __self.closest("form");
        let value = Number(__self.find("option:selected").val());
        let apiGetIPAddress = __self.attr("data-ajax");
        if (value && value !== 0 && apiGetIPAddress) {
            let ip = form.find('[name="ip"]');
            appendChild(apiGetIPAddress, ip, { network: value });
        }
    });
    $(document).on("change", '[name="os_group_id"]', function (e) {
        e.preventDefault();
        let __self = $(this);
        let form = __self.closest("form");
        let value = Number(__self.find("option:selected").val());
        let apiGetVersionOs = __self.attr("data-ajax");
        if (value && value !== 0 && apiGetVersionOs) {
            let os_version = form.find('[name="os_version"]');
            appendChild(apiGetVersionOs, os_version, { group: value });
        }
    });
});