/**
 * Copyright © Cloud Linux GmbH & Cloud Linux Software, Inc 2010-2019 All Rights Reserved
 *
 * Licensed under CLOUD LINUX LICENSE AGREEMENT
 * http://cloudlinux.com/docs/LICENSE.TXT
 */
(function(win) {
  var doc = win.document,
      version_select = doc.getElementById('user-selector-select-version'),
      exttable_body = doc.getElementById('user-selector-extensions-table'),
      exttable_save = doc.getElementById('user-selector-table-save'),
      exttable_default = doc.getElementById('user-selector-table-default'),
      sel_message = doc.getElementById('selector-message'),
      infobox = doc.getElementById('infobox').innerHTML;

  if (infobox) {
    if (typeof isPlesk !== 'undefined' && isPlesk === true) {
      var cur_ver = doc.getElementById('user-selector-current-version');
      if (cur_ver !== null && cur_ver.innerText === 'native') {
        doc.querySelector('.tabs-area a[href*="selector-user/option"]').
            setAttribute('style', 'display:none');
        if (infobox === 'Cannot get extensions list for version native') {
          infobox = 'Warning, changing php modules and php options via PHP Selector for native php version is impossible.';
        }
      }
    }
    displayIt('warn', infobox);
  }

  exttable_save.onclick = function(e) {
    var selected_version = stripVersion(
        version_select.options[version_select.selectedIndex].firstChild.nodeValue),
        checkbox_list = exttable_body.getElementsByTagName('input'),
        selected_temp = {},
        selected_boxes = [],
        request = new XMLHttpRequest(),
        request_data = {'version': selected_version, 'action': 'extsave'};
    if (typeof(username) !== 'undefined') {
      request_data['username'] = username;
    }
    for (var i in checkbox_list) {
      if (checkbox_list[i].name !== undefined
          && checkbox_list[i].name.indexOf('cbx_') == 0
          && !checkbox_list[i].disabled && checkbox_list[i].checked) {
        selected_temp[checkbox_list[i].name.substring(4)] = 1;
      }
    }
    for (var k in selected_temp) {
      selected_boxes.push(k);
    }
    request_data['extset'] = selected_boxes.join(',');
    request.open('POST', uri);
    request.onreadystatechange = function() {
      if (request.readyState === 4 && request.status === 200) {
        var data = JSON.parse(request.responseText);
        if ('message' in data) {
          displayIt(data['status'].toLowerCase(), data['message']);
        }
        else {
          var msg = ('success_msg' in data)
              ? data.success_msg
              : 'module set saved';
          displayIt('info', msg);
        }
        if ('data' in data) {
          for (var i in data['data']) {
            if (typeof(data['data'][i].title) === 'undefined')
              continue;
            var extname = 'cbx_' + data['data'][i].title,
                extstatus = data['data'][i].status;
            selector_ext_form[extname].checked = (extstatus == '1'
                ? true
                : false);
          }
        }
      }
    };
    request.setRequestHeader('Content-Type',
        'application/x-www-form-urlencoded');
    request.send(encodeFormData(request_data));
  };

  exttable_default.onclick = function(e) {
    var selected_version = stripVersion(
        version_select.options[version_select.selectedIndex].firstChild.nodeValue),
        checkbox_list = exttable_body.getElementsByTagName('input'),
        request = new XMLHttpRequest(),
        request_data = {'version': selected_version, 'action': 'extdefaults'};
    if (typeof(username) !== 'undefined') {
      request_data['username'] = username;
    }
    request.open('POST', uri);
    request.onreadystatechange = function() {
      if (request.readyState === 4 && request.status === 200) {
        var data_dictionary = {};
        var data = JSON.parse(request.responseText);
        if (data !== undefined) {
          if ('message' in data) {
            displayIt(data['status'].toLowerCase(), data['message']);
          }
          else {
            var msg = ('success_msg' in data)
                ? data.success_msg
                : 'module set saved';
            displayIt('info', msg);
          }
          if ('data' in data) {
            for (var i in data['data']) {
              if (typeof data['data'][i].title != 'string') {
                continue;
              }
              var extname = 'cbx_' + data['data'][i].title;
              data_dictionary[extname] = 1;
            }
            for (var i in checkbox_list) {
              if (checkbox_list[i].name === undefined ||
                  checkbox_list[i].name.indexOf('cbx_') == -1) {
                continue;
              }
              if (checkbox_list[i].name in data_dictionary) {
                selector_ext_form[checkbox_list[i].name].checked = true;
              }
              else {
                selector_ext_form[checkbox_list[i].name].checked = false;
              }
            }
          }
        }
      }
    };
    request.setRequestHeader('Content-Type',
        'application/x-www-form-urlencoded');
    request.send(encodeFormData(request_data));
  };

  version_select.onchange = function(e) {
    var selected_version = stripVersion(
        version_select.options[version_select.selectedIndex].firstChild.nodeValue),
        request = new XMLHttpRequest(),
        request_data = {'version': selected_version, 'action': 'extlist'};
    if (typeof(username) !== 'undefined') {
      request_data['username'] = username;
    }
    if (selected_version === 'native') {
      doc.querySelector('.tabs-area a[href*="selector-user/option"]').
          setAttribute('style', 'display:none');
      infobox = 'Warning, changing php modules and php options via PHP Selector for native php version is impossible.';
      displayIt('warn', infobox);
    }
    request.open('POST', uri); // uri defined in template
    request.onreadystatechange = function() {
      if (request.readyState === 4 && request.status === 200) {
        var data = JSON.parse(request.responseText),
            indexes = [];
        if (data['data'] !== undefined) {
          while (exttable_body.firstChild) {
            exttable_body.removeChild(exttable_body.firstChild);
          }
          if (data['status'] !== 'OK' && 'message' in data) {
            if ('isPlesk' in data && 'errorForNativeVer' in data &&
                data['errorForNativeVer']) {
              if (data['message'][0] ===
                  'Cannot get extensions list for version native') {
                data['message'] = 'Warning, changing php modules and php options via PHP Selector for native php version is impossible.';
              }
              displayIt(data['status'].toLowerCase(), data['message']);
              doc.querySelector('.tabs-area a[href*="selector-user/option"]').
                  setAttribute('style', 'display:none');
            } else if (data['message'][0] ===
                'Cannot get extensions list for version native') {
              sel_message.textContent = 'Warning: Changing php modules and php options via PHP Selector for native php version is impossible';
              sel_message.setAttribute('style', 'display:block');
              doc.getElementById('switch-to-url').
                  setAttribute('style', 'display:none');
            } else {
              displayIt(data['status'].toLowerCase(), data['message']);
            }

          } else {
            if (sel_message !== null) {
              sel_message.setAttribute('style', 'display:none');
            }
            if (doc.getElementById('switch-to-url') !== null) {
              doc.getElementById('switch-to-url').
                  setAttribute('style', 'display:inline');
            }
            if ('isPlesk' in data && !('errorForNativeVer' in data)) {
              doc.querySelector('.tabs-area a[href*="selector-user/option"]').
                  setAttribute('style', 'display:initial');
            }
          }
          for (var i in data['data']) {
            if (typeof(data['data'][i].title) === 'undefined')
              continue;
            indexes.push(data['data'][i]);
          }
          var rownum = Math.floor(indexes.length / 5);
          if (indexes.length % 5 != 0) {
            rownum += 1;
          }
          for (var r = 1; r <= rownum; r++) {

            var createRow = function(items) {
              this.row = doc.createElement('tr');
              for (var index = 0; index < items.length; index++) {
                this.row.appendChild(items[index]);
              }
              return this.row;
            };

            var items = [];
            const COLUMN_COUNT = 5;

            for (var columnNumber = 0; columnNumber <
            COLUMN_COUNT; columnNumber++) {

              var ext = doc.createElement('td'),
                  id = (rownum * columnNumber + r - 1);

              if (indexes[id]) {
                var title = indexes[id].title,
                    titleWithPrefix = 'cbx_' + title,
                    status = indexes[id].status;

                var ctrl = doc.createElement('input'),
                    label = doc.createElement('label');

                ctrl.id = titleWithPrefix;
                ctrl.type = 'checkbox';
                ctrl.title = moddesc[title] || 'no info';
                ctrl.name = titleWithPrefix;
                ctrl.checked = status === 1;
                ctrl.disabled = selected_version === 'native';

                label.appendChild(doc.createTextNode(title));
                // label.style.padding = '0 0 0 4px';

                ext.title = moddesc[title] || 'no info';
                ext.appendChild(ctrl);
                ext.appendChild(label);
              }
              items.push(ext);
            }
            exttable_body.appendChild(createRow(items));
          }
          if (selected_version === 'native') {
            while (exttable_body.firstChild) {
              exttable_body.removeChild(exttable_body.firstChild);
            }
            exttable_save.disabled = true;
            exttable_default.disabled = true;
          }
          else {
            exttable_save.removeAttribute('disabled');
            exttable_default.removeAttribute('disabled');
          }
        }

      }
    };
    request.setRequestHeader('Content-Type',
        'application/x-www-form-urlencoded');
    request.send(encodeFormData(request_data));
  };
}(window));