//****************************
// Wizard Philips Hue
//****************************

import { ledDeviceWizardUtils as utils } from './LedDevice_utils.js';

const philipshueWizard = (() => {

  // External properties, 2-dimensional arry of [ledType][key]
  let devicesProperties = {};

  let hueIPs = [];
  let hueIPsinc = 0;
  let hueLights = [];
  let hueEntertainmentConfigs = [];
  let hueEntertainmentServices = [];
  let groupLights = [];
  let groupChannels = [];
  let groupLightsLocations = [];
  let isAPIv2Ready = true;
  let isEntertainmentReady = true;

  function checkHueBridge(cb, hueUser) {
    const usr = (typeof hueUser != "undefined") ? hueUser : 'config';
    if (usr === 'config') {
      $('#wiz_hue_discovered').html("");
    }

    if (hueIPs[hueIPsinc]) {
      const host = hueIPs[hueIPsinc].host;
      const port = hueIPs[hueIPsinc].port;

      if (usr != '') {
        getProperties(cb, decodeURIComponent(host), port, usr);
      }
      else {
        cb(false, usr);
      }

      if (isAPIv2Ready) {
        $('#port').val(443);
      }
    }
  }

  function checkBridgeResult(reply, usr) {
    if (reply) {
      //abort checking, first reachable result is used
      $('#wiz_hue_ipstate').html("");
      $('#host').val(hueIPs[hueIPsinc].host)
      $('#port').val(hueIPs[hueIPsinc].port)

      $('#usrcont').toggle(true);

      checkHueBridge(checkUserResult, $('#user').val());
    }
    else {
      $('#usrcont').toggle(false);
      $('#wiz_hue_ipstate').html($.i18n('wiz_hue_failure_ip'));
    }
  };

  function checkUserResult(reply, username) {
    $('#usrcont').toggle(true);

    let hue_create_user = 'wiz_hue_e_create_user';
    if (!isEntertainmentReady) {
      hue_create_user = 'wiz_hue_create_user';
      $('#hue_client_key_r').toggle(false);
    } else {
      $('#hue_client_key_r').toggle(true);
    }

    $('#wiz_hue_create_user').text($.i18n(hue_create_user));
    $('#wiz_hue_create_user').toggle(true);

    if (reply) {
      $('#user').val(username);

      if (isEntertainmentReady && $('#clientkey').val() == "") {
        $('#wiz_hue_usrstate').html($.i18n('wiz_hue_e_clientkey_needed'));
        $('#wiz_hue_create_user').toggle(true);
      } else {
        $('#wiz_hue_usrstate').html("");
        $('#wiz_hue_create_user').toggle(false);

        if (isEntertainmentReady) {
          $('#hue_id_headline').text($.i18n('wiz_hue_e_desc3'));
          $('#hue_grp_ids_t').toggle(true);

          get_hue_groups(username);

        } else {
          $('#hue_id_headline').text($.i18n('wiz_hue_desc2'));
          $('#hue_grp_ids_t').toggle(false);

          get_hue_lights(username);

        }
      }
    }
    else {
      //abort checking, first reachable result is used
      $('#wiz_hue_usrstate').html($.i18n('wiz_hue_failure_user'));
      $('#wiz_hue_create_user').toggle(true);
    }
  };

  function useGroupId(id, username) {
    $('#groupId').val(hueEntertainmentConfigs[id].id);
    if (isAPIv2Ready) {
      const group = hueEntertainmentConfigs[id];

      groupLights = [];
      for (const light of group.light_services) {
        groupLights.push(light.rid);
      }

      groupChannels = [];
      for (const channel of group.channels) {
        groupChannels.push(channel);
      }

      groupLightsLocations = [];
      for (const location of group.locations.service_locations) {
        groupLightsLocations.push(location);
      }
    } else {
      //Ensure ligthIDs are strings
      groupLights = hueEntertainmentConfigs[id].lights.map(num => {
        return String(num);
      });

      const lightLocations = hueEntertainmentConfigs[id].locations;
      for (const locationID in lightLocations) {
        let lightLocation = {};

        let position = {
          x: lightLocations[locationID][0],
          y: lightLocations[locationID][1],
          z: lightLocations[locationID][2]
        };
        lightLocation.position = position;

        groupLightsLocations.push(lightLocation);
      }
    }

    get_hue_lights(username);
  }

  function assignLightEntertainmentPos(isFocusCenter, position, name, id) {

    let x = position.x;
    let z = position.z;

    if (isFocusCenter) {
      // Map lights as in centered range -0.5 to 0.5
      if (x < -0.5) {
        x = -0.5;
      } else if (x > 0.5) {
        x = 0.5;
      }
      if (z < -0.5) {
        z = -0.5;
      } else if (z > 0.5) {
        z = 0.5;
      }
    } else {
      // Map lights as in full range -1 to 1
      x /= 2;
      z /= 2;
    }

    const h = x + 0.5;
    const v = -z + 0.5;

    const hmin = h - 0.05;
    const hmax = h + 0.05;
    const vmin = v - 0.05;
    const vmax = v + 0.05;

    let layoutObject = {
      hmin: hmin < 0 ? 0 : hmin,
      hmax: hmax > 1 ? 1 : hmax,
      vmin: vmin < 0 ? 0 : vmin,
      vmax: vmax > 1 ? 1 : vmax,
      name: name
    };

    if (id !== undefined && id !== null) {
      layoutObject.name += "_" + id;
    }
    return layoutObject;
  }

  function assignSegmentedLightPos(segment, position, name) {
    let layoutObjects = [];

    let segTotalLength = 0;
    for (const key in segment) {

      segTotalLength += segment[key].length;
    }

    let min;
    let max;
    let horizontal = true;

    let layoutObject = utils.assignLightPos(position, name);
    if (position === "left" || position === "right") {
      // vertical distribution
      min = layoutObject.vmin;
      max = layoutObject.vmax;
      horizontal = false;

    } else {
      // horizontal distribution
      min = layoutObject.hmin;
      max = layoutObject.hmax;
    }

    const step = (max - min) / segTotalLength;
    let start = min;

    for (const key in segment) {
      min = start;
      max = round(start + segment[key].length * step);

      if (horizontal) {
        layoutObject.hmin = min;
        layoutObject.hmax = max;
      } else {
        layoutObject.vmin = min;
        layoutObject.vmax = max;
      }
      layoutObject.name = name + "_" + key;
      layoutObjects.push(JSON.parse(JSON.stringify(layoutObject)));

      start = max;
    }

    return layoutObjects;
  }

  function updateBridgeDetails(properties) {
    const ledDeviceProperties = properties.config;

    if (!jQuery.isEmptyObject(ledDeviceProperties)) {
      isEntertainmentReady = properties.isEntertainmentReady;
      isAPIv2Ready = properties.isAPIv2Ready;

      if (ledDeviceProperties.name && ledDeviceProperties.bridgeid && ledDeviceProperties.modelid) {
        $('#wiz_hue_discovered').html(
          "Bridge: " + ledDeviceProperties.name +
          ", Modelid: " + ledDeviceProperties.modelid +
          ", Firmware: " + ledDeviceProperties.swversion + "<br/>" +
          "API-Version: " + ledDeviceProperties.apiversion +
          ", Entertainment: " + (isEntertainmentReady ? "&#10003;" : "-") +
          ", APIv2: " + (isAPIv2Ready ? "&#10003;" : "-")
        );
      }
    }
  }

  async function discover() {
    $('#wiz_hue_ipstate').html($.i18n('edt_dev_spec_devices_discovery_inprogress'));

    //  $('#wiz_hue_discovered').html("")
    const res = await requestLedDeviceDiscovery('philipshue');
    if (res && !res.error) {
      const r = res.info;

      // Process devices returned by discovery
      if (r.devices.length == 0) {
        $('#wiz_hue_ipstate').html($.i18n('wiz_hue_failure_ip'));
        $('#wiz_hue_discovered').html("")
      }
      else {
        hueIPs = [];
        hueIPsinc = 0;

        let discoveryMethod = "ssdp";
        if (res.info.discoveryMethod) {
          discoveryMethod = res.info.discoveryMethod;
        }

        for (const device of r.devices) {
          if (device) {
            let host;
            let port;
            if (discoveryMethod === "ssdp") {
              if (device.hostname && device.domain) {
                host = device.hostname + "." + device.domain;
                port = device.port;
              } else {
                host = device.ip;
                port = device.port;
              }
            } else {
              host = device.service;
              port = device.port;
            }
            if (host) {

              if (!hueIPs.some(item => item.host === host)) {
                hueIPs.push({ host: host, port: port });
              }
            }
          }
        }

        $('#wiz_hue_ipstate').html("");
        $('#host').val(hueIPs[hueIPsinc].host)
        $('#port').val(hueIPs[hueIPsinc].port)

        $('#hue_bridge_select').html("");

        for (const key in hueIPs) {
          $('#hue_bridge_select').append(createSelOpt(key, hueIPs[key].host));
        }

        $('.hue_bridge_sel_watch').on("click", function () {
          hueIPsinc = $(this).val();

          const name = $("#hue_bridge_select option:selected").text();
          $('#host').val(name);
          $('#port').val(hueIPs[hueIPsinc].port)

          const usr = $('#user').val();
          if (usr != "") {
            checkHueBridge(checkUserResult, usr);
          } else {
            checkHueBridge(checkBridgeResult);
          }
        });

        $('.hue_bridge_sel_watch').click();
      }
    }
  }

  async function getProperties(cb, hostAddress, port, username, resourceFilter) {
    let params = { host: hostAddress, username: username, filter: resourceFilter };
    if (port !== 'undefined') {
      params.port = parseInt(port);
    }

    const ledType = 'philipshue';
    const key = hostAddress;

    //Create ledType cache entry
    if (!devicesProperties[ledType]) {
      devicesProperties[ledType] = {};
    }

    // Use device's properties, if properties in chache
    if (devicesProperties[ledType][key] && devicesProperties[ledType][key][username]) {
      updateBridgeDetails(devicesProperties[ledType][key]);
      cb(true, username);
    } else {
      const res = await requestLedDeviceProperties(ledType, params);
      if (res && !res.error) {
        const ledDeviceProperties = res.info.properties;
        if (!jQuery.isEmptyObject(ledDeviceProperties)) {

          devicesProperties[ledType][key] = {};
          devicesProperties[ledType][key][username] = ledDeviceProperties;

          isAPIv2Ready = res.info.isAPIv2Ready;
          devicesProperties[ledType][key].isAPIv2Ready = isAPIv2Ready;
          isEntertainmentReady = res.info.isEntertainmentReady;
          devicesProperties[ledType][key].isEntertainmentReady = isEntertainmentReady;

          updateBridgeDetails(devicesProperties[ledType][key]);
          if (username === "config") {
            cb(true);
          } else {
            cb(true, username);
          }
        } else {
          cb(false, username);
        }
      } else {
        cb(false, username);
      }
    }
  }

  async function identify(hostAddress, port, username, name, id, id_v1) {
    const disabled = $('#btn_wiz_save').is(':disabled');
    // Take care that new record cannot be save during background process
    $('#btn_wiz_save').prop('disabled', true);

    let params = { host: decodeURIComponent(hostAddress), username: username, lightName: decodeURIComponent(name), lightId: id, lightId_v1: id_v1 };

    if (port !== 'undefined') {
      params.port = parseInt(port);
    }

    await requestLedDeviceIdentification('philipshue', params);

    if (!window.readOnlyMode) {
      $('#btn_wiz_save').prop('disabled', disabled);
    }
  }

  function begin() {
    const usr = utils.eV("username");
    if (usr != "") {
      $('#user').val(usr);
    }

    const clkey = utils.eV("clientkey");
    if (clkey != "") {
      $('#clientkey').val(clkey);
    }

    //check if host is empty/reachable/search for bridge
    if (utils.eV("host") == "") {
      hueIPs = [];
      hueIPsinc = 0;

      discover();
    }
    else {
      const host = utils.eV("host");
      $('#host').val(host);

      const port = utils.eV("port");
      if (port > 0) {
        $('#port').val(port);
      }
      else {
        $('#port').val('');
      }
      hueIPs.push({ host: host, port: port });

      if (usr != "") {
        checkHueBridge(checkUserResult, usr);
      } else {
        checkHueBridge(checkBridgeResult);
      }
    }

    $('#retry_bridge').off().on('click', function () {
      const host = $('#host').val();
      const port = parseInt($('#port').val());

      if (host != "") {

        const idx = hueIPs.findIndex(item => item.host === host && item.port === port);
        if (idx === -1) {
          hueIPs.push({ host: host, port: port });
          hueIPsinc = hueIPs.length - 1;
        } else {
          hueIPsinc = idx;
        }
      }
      else {
        discover();
      }

      const usr = $('#user').val();
      if (usr != "") {
        checkHueBridge(checkUserResult, usr);
      } else {
        checkHueBridge(checkBridgeResult);
      }
    });

    $('#retry_usr').off().on('click', function () {
      checkHueBridge(checkUserResult, $('#user').val());
    });

    $('#wiz_hue_create_user').off().on('click', function () {
      createHueUser();
    });
    $('#btn_wiz_save').off().on("click", function () {
      let hueLedConfig = [];
      let finalLightIds = [];
      let channelNumber = 0;

      //create hue led config
      for (const key in groupLights) {
        const lightId = groupLights[key];

        if ($('#hue_' + lightId).val() != "disabled") {
          finalLightIds.push(lightId);

          let lightName;
          if (isAPIv2Ready) {
            const light = hueLights.find(light => light.id === lightId);
            lightName = light.metadata.name;
          } else {
            lightName = hueLights[lightId].name;
          }

          const position = $('#hue_' + lightId).val();
          const lightIdx = groupLights.indexOf(lightId);
          const lightLocation = groupLightsLocations[lightIdx];

          let serviceID;
          if (isAPIv2Ready) {
            if (lightLocation) {
              serviceID = lightLocation.service.rid;
            }
          }

          if (position.startsWith("entertainment")) {

            // Layout per entertainment area definition at bridge
            let isFocusCenter = false;
            if (position === "entertainment_center") {
              isFocusCenter = true;
            }

            if (isAPIv2Ready) {

              groupChannels.forEach((channel) => {
                if (channel.members[0].service.rid === serviceID) {
                  const layoutObject = assignLightEntertainmentPos(isFocusCenter, channel.position, lightName, channel.channel_id);
                  hueLedConfig.push(JSON.parse(JSON.stringify(layoutObject)));
                  ++channelNumber;
                }
              });
            } else {
              const layoutObject = assignLightEntertainmentPos(isFocusCenter, lightLocation.position, lightName);
              hueLedConfig.push(JSON.parse(JSON.stringify(layoutObject)));
            }
          }
          else {
            // Layout per manual settings
            let maxSegments = 1;

            if (isAPIv2Ready && serviceID) {
              const service = hueEntertainmentServices.find(service => service.id === serviceID);
              maxSegments = service.segments.max_segments;
            }

            if (maxSegments > 1) {
              const segment = service.segments.segments;
              const layoutObjects = assignSegmentedLightPos(segment, position, lightName);
              hueLedConfig.push(...layoutObjects);
            } else {
              const layoutObject = utils.assignLightPos(position, lightName);
              hueLedConfig.push(JSON.parse(JSON.stringify(layoutObject)));
            }
            channelNumber += maxSegments;
          }
        }
      }

      let sc = window.serverConfig;
      sc.leds = hueLedConfig;

      //Adjust gamma, brightness and compensation
      let c = sc.color.channelAdjustment[0];
      c.gammaBlue = 1.0;
      c.gammaRed = 1.0;
      c.gammaGreen = 1.0;
      c.brightness = 100;
      c.brightnessCompensation = 0;

      //device config

      //Start with a clean configuration
      let d = {};
      d.host = $('#host').val();
      d.port = parseInt($('#port').val());
      d.username = $('#user').val();
      d.type = 'philipshue';
      d.colorOrder = 'rgb';
      d.lightIds = finalLightIds;
      d.transitiontime = parseInt(utils.eV("transitiontime", 1));
      d.restoreOriginalState = utils.eV("restoreOriginalState", false);
      d.switchOffOnBlack = utils.eV("switchOffOnBlack", false);

      d.blackLevel = parseFloat(utils.eV("blackLevel", 0.009));
      d.onBlackTimeToPowerOff = parseInt(utils.eV("onBlackTimeToPowerOff", 600));
      d.onBlackTimeToPowerOn = parseInt(utils.eV("onBlackTimeToPowerOn", 300));
      d.brightnessFactor = parseFloat(utils.eV("brightnessFactor", 1));

      d.clientkey = $('#clientkey').val();
      d.groupId = $('#groupId').val();
      d.blackLightsTimeout = parseInt(utils.eV("blackLightsTimeout", 5000));
      d.brightnessMin = parseFloat(utils.eV("brightnessMin", 0));
      d.brightnessMax = parseFloat(utils.eV("brightnessMax", 1));
      d.brightnessThreshold = parseFloat(utils.eV("brightnessThreshold", 0.0001));
      d.handshakeTimeoutMin = parseInt(utils.eV("handshakeTimeoutMin", 300));
      d.handshakeTimeoutMax = parseInt(utils.eV("handshakeTimeoutMax", 1000));
      d.verbose = utils.eV("verbose");

      d.autoStart = conf_editor.getEditor("root.generalOptions.autoStart").getValue();
      d.enableAttempts = parseInt(conf_editor.getEditor("root.generalOptions.enableAttempts").getValue());
      d.enableAttemptsInterval = parseInt(conf_editor.getEditor("root.generalOptions.enableAttemptsInterval").getValue());

      d.useEntertainmentAPI = isEntertainmentReady && (d.groupId !== "");
      d.useAPIv2 = isAPIv2Ready;

      if (d.useEntertainmentAPI) {
        d.hardwareLedCount = channelNumber;
        if (window.serverConfig.device.type !== d.type) {
          //smoothing on, if new device
          sc.smoothing = { enable: true };
        }
      } else {
        d.hardwareLedCount = finalLightIds.length;
        d.verbose = false;
        if (window.serverConfig.device.type !== d.type) {
          //smoothing off, if new device
          sc.smoothing = { enable: false };
        }
      }

      window.serverConfig.device = d;

      requestWriteConfig(sc, true);
      resetWizard();
    });

    $('#btn_wiz_abort').off().on('click', resetWizard);
  }

  function createHueUser() {
    const host = hueIPs[hueIPsinc].host;
    const port = hueIPs[hueIPsinc].port;

    let params = { host: host };
    if (port !== 'undefined') {
      params.port = parseInt(port);
    }

    let retryTime = 30;
    const retryInterval = 2;

    const UserInterval = setInterval(function () {

      $('#wizp1').toggle(false);
      $('#wizp2').toggle(false);
      $('#wizp3').toggle(true);

      (async () => {

        retryTime -= retryInterval;
        $("#connectionTime").html(retryTime);
        if (retryTime <= 0) {
          abortConnection(UserInterval);
          clearInterval(UserInterval);
        }
        else {
          const res = await requestLedDeviceAddAuthorization('philipshue', params);
          if (res && !res.error) {
            const response = res.info;

            if (jQuery.isEmptyObject(response)) {
              debugMessage(retryTime + ": link button not pressed or device not reachable");
            } else {
              $('#wizp1').toggle(false);
              $('#wizp2').toggle(true);
              $('#wizp3').toggle(false);

              const username = response.username;
              if (username != 'undefined') {
                $('#user').val(username);
                conf_editor.getEditor("root.specificOptions.username").setValue(username);
                conf_editor.getEditor("root.specificOptions.host").setValue(host);
                conf_editor.getEditor("root.specificOptions.port").setValue(port);
              }

              if (isEntertainmentReady) {
                const clientkey = response.clientkey;
                if (clientkey != 'undefined') {
                  $('#clientkey').val(clientkey);
                  conf_editor.getEditor("root.specificOptions.clientkey").setValue(clientkey);
                }
              }
              checkHueBridge(checkUserResult, username);
              clearInterval(UserInterval);
            }
          } else {
            $('#wizp1').toggle(false);
            $('#wizp2').toggle(true);
            $('#wizp3').toggle(false);
            clearInterval(UserInterval);
          }
        }
      })();

    }, retryInterval * 1000);
  }

  function get_hue_groups(username) {
    const host = hueIPs[hueIPsinc].host;

    if (devicesProperties['philipshue'][host] && devicesProperties['philipshue'][host][username]) {
      const ledProperties = devicesProperties['philipshue'][host][username];

      if (isAPIv2Ready) {
        if (!jQuery.isEmptyObject(ledProperties.data)) {
          if (Object.keys(ledProperties.data).length > 0) {
            hueEntertainmentConfigs = ledProperties.data.filter(config => {
              return config.type === "entertainment_configuration";
            });
            hueEntertainmentServices = ledProperties.data.filter(config => {
              return (config.type === "entertainment" && config.renderer === true);
            });
          }
        }
      } else if (!jQuery.isEmptyObject(ledProperties.groups)) {
        hueEntertainmentConfigs = [];
        let hueGroups = ledProperties.groups;
        for (const groupid in hueGroups) {
          if (hueGroups[groupid].type == 'Entertainment') {
            hueGroups[groupid].id = groupid;
            hueEntertainmentConfigs.push(hueGroups[groupid]);
          }
        }
      }

      if (Object.keys(hueEntertainmentConfigs).length > 0) {

        $('.lidsb').html("");
        $('#wh_topcontainer').toggle(false);
        $('#hue_grp_ids_t').toggle(true);

        for (const groupid in hueEntertainmentConfigs) {
          $('.gidsb').append(createTableRow([groupid + ' (' + hueEntertainmentConfigs[groupid].name + ')',
          '<button class="btn btn-sm btn-primary btn-group" data-groupid="' + groupid + '" data-username="' + username + '")>'
          + $.i18n('wiz_hue_e_use_group') + '</button>']));
        }
        attachGroupButtonEvent();

      } else {
        noAPISupport('wiz_hue_e_noegrpids', username);
      }
    }
  }
  function attachIdentifyButtonEvent() {
    $('#wizp2_body').on('click', '.btn-identify', function () {
      const hostname = $(this).data('hostname');
      const port = $(this).data('port');
      const user = $(this).data('user');
      const lightName = $(this).data('light-name');
      const lightId = $(this).data('light-id');
      const lightId_v1 = $(this).data('light-id-v1');

      identify(hostname, port, user, lightName, lightId, lightId_v1);
    });
  }
  function attachGroupButtonEvent() {
    $('#wizp2_body').on('click', '.btn-group', function () {
      const groupid = $(this).data('groupid');
      const username = $(this).data('username');

      useGroupId(groupid, username);
    });
  }

  function noAPISupport(txt, username) {
    showNotification('danger', $.i18n('wiz_hue_e_title'), $.i18n('wiz_hue_e_noapisupport_hint'));
    conf_editor.getEditor("root.specificOptions.useEntertainmentAPI").setValue(false);
    $("#root_specificOptions_useEntertainmentAPI").trigger("change");
    $('#btn_wiz_holder').append('<div class="bs-callout bs-callout-danger" style="margin-top:0px">' + $.i18n('wiz_hue_e_noapisupport_hint') + '</div>');
    $('#hue_grp_ids_t').toggle(false);
    const errorMessage = txt ? $.i18n(txt) : $.i18n('wiz_hue_e_nogrpids');
    $('<p style="font-weight:bold;color:red;">' + errorMessage + '<br />' + $.i18n('wiz_hue_e_noapisupport') + '</p>').insertBefore('#wizp2_body #hue_ids_t');
    $('#hue_id_headline').html($.i18n('wiz_hue_desc2'));

    get_hue_lights(username);
  }

  function get_hue_lights(username) {
    const host = hueIPs[hueIPsinc].host;

    if (devicesProperties['philipshue'][host] && devicesProperties['philipshue'][host][username]) {
      const ledProperties = devicesProperties['philipshue'][host][username];

      if (isAPIv2Ready) {
        if (!jQuery.isEmptyObject(ledProperties.data)) {
          if (Object.keys(ledProperties.data).length > 0) {
            hueLights = ledProperties.data.filter(config => {
              return config.type === "light";
            });
          }
        }
      } else if (!jQuery.isEmptyObject(ledProperties.lights)) {
        hueLights = ledProperties.lights;
      }

      if (Object.keys(hueLights).length > 0) {
        if (!isEntertainmentReady) {
          $('#wh_topcontainer').toggle(false);
        }
        $('#hue_ids_t, #btn_wiz_save').toggle(true);

        const lightOptions = utils.getLayoutPositions();
        if (isEntertainmentReady && hueEntertainmentConfigs.length > 0) {
          lightOptions.unshift("entertainment_center");
          lightOptions.unshift("entertainment");
        } else {
          lightOptions.unshift("disabled");
          if (isAPIv2Ready) {
            for (const light in hueLights) {
              groupLights.push(hueLights[light].id);
            }
          } else {
            groupLights = Object.keys(hueLights);
          }
        }

        $('.lidsb').html("");

        let pos = "";
        for (const id in groupLights) {
          const lightId = groupLights[id];
          let lightId_v1 = "/lights/" + lightId;

          let lightName;
          if (isAPIv2Ready) {
            const light = hueLights.find(light => light.id === lightId);
            lightName = light.metadata.name;
            lightId_v1 = light.id_v1;
          } else {
            lightName = hueLights[lightId].name;
          }

          if (isEntertainmentReady) {
            let lightLocation = {};
            lightLocation = groupLightsLocations[id];
            if (lightLocation) {
              if (isAPIv2Ready) {
                pos = 0;
              } else {
                const x = lightLocation.position.x;
                const y = lightLocation.position.y;
                const z = lightLocation.position.z;

                let xval = (x < 0) ? "left" : "right";
                if (z != 1 && x >= -0.25 && x <= 0.25) xval = "";
                switch (z) {
                  case 1: // top / Ceiling height
                    pos = "top" + xval;
                    break;
                  case 0: // middle / TV height
                    pos = (xval == "" && y >= 0.75) ? "bottom" : xval + "middle";
                    break;
                  case -1: // bottom / Ground height
                    pos = xval + "bottom";
                    break;
                }
              }
            }
          }

          let options = "";
          for (const opt in lightOptions) {
            const val = lightOptions[opt];
            options += '<option value="' + val + '"';
            if (pos == val) options += ' selected="selected"';
            options += '>' + $.i18n('conf_leds_layout_cl_' + val) + '</option>';
          }

          $('.lidsb').append(createTableRow([id + ' (' + lightName + ')',
          '<select id="hue_' + lightId + '" class="hue_sel_watch form-control">'
          + options
          + '</select>',
          '<button class="btn btn-sm btn-primary btn-identify" data-hostname="' + encodeURIComponent($(" #host").val()) + '" data-port="' + $('#port').val() + '" data-user="' + $("#user").val() + '" data-light-name="' + encodeURIComponent(lightName) + '" data-light-id="' + lightId + '" data-light-id-v1="' + lightId_v1 + '">'
          + $.i18n('wiz_hue_blinkblue', id)
          + '</button>']));
        }
        attachIdentifyButtonEvent();

        if (!isEntertainmentReady) {
          $('.hue_sel_watch').on("change", function () {
            let cC = 0;
            for (const key in hueLights) {
              if ($('#hue_' + key).val() != "disabled") {
                cC++;
              }
            }

            (cC == 0 || window.readOnlyMode) ? $('#btn_wiz_save').prop("disabled", true) : $('#btn_wiz_save').prop("disabled", false);
          });
        }
        $('.hue_sel_watch').trigger('change');
      }
      else {
        const txt = '<p style="font-weight:bold;color:red;">' + $.i18n('wiz_hue_noids') + '</p>';
        $('#wizp2_body').append(txt);
      }
    }
  }

  function abortConnection(UserInterval) {
    clearInterval(UserInterval);
    $('#wizp1').toggle(false);
    $('#wizp2').toggle(true);
    $('#wizp3').toggle(false);
    $("#wiz_hue_usrstate").html($.i18n('wiz_hue_failure_connection'));
  }

  return {
    start: function (e) {
      //create html
      const hue_title = 'wiz_hue_title';
      const hue_intro1 = 'wiz_hue_e_intro1';
      const hue_desc1 = 'wiz_hue_desc1';
      const hue_create_user = 'wiz_hue_create_user';

      $('#wiz_header').html('<i class="fa fa-magic fa-fw"></i>' + $.i18n(hue_title));
      $('#wizp1_body').html('<h4 style="font-weight:bold;text-transform:uppercase;">' + $.i18n(hue_title) + '</h4><p>' + $.i18n(hue_intro1) + '</p>');
      $('#wizp1_footer').html('<button type="button" class="btn btn-primary" id="btn_wiz_cont"><i class="fa fa-fw fa-check"></i>' + $.i18n('general_btn_continue') + '</button><button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-fw fa-close"></i>' + $.i18n('general_btn_cancel') + '</button>');
      $('#wizp2_body').html('<div id="wh_topcontainer"></div>');

      let topContainer_html = '<p class="text-left" style="font-weight:bold">' + $.i18n(hue_desc1) + '</p>' +
        '<div class="row">' +
        '<div class="col-md-2">' +
        '  <p class="text-left">' + $.i18n('wiz_hue_ip') + '</p></div>' +
        '  <div class="col-md-7"><div class="input-group">' +
        '    <span class="input-group-addon" id="retry_bridge" style="cursor:pointer"><i class="fa fa-refresh"></i></span>' +
        '    <select id="hue_bridge_select" class="hue_bridge_sel_watch form-control">' + '</select>' + '</div></div>' +
        '  <div class="col-md-7"><div class="input-group">' +
        '    <span class="input-group-addon"><i class="fa fa-arrow-right"></i></span>' +
        '    <input type="text" class="input-group form-control" id="host" placeholder="' + $.i18n('wiz_hue_ip') + '"></div></div>';

      if (storedAccess === 'expert') {
        topContainer_html += '<div class="col-md-3"><div class="input-group">' +
          '<span class="input-group-addon">:</span>' +
          '<input type="text" class="input-group form-control" id="port" placeholder="' + $.i18n('edt_conf_general_port_title') + '"></div></div>';
      }

      topContainer_html += '</div><p><span style="font-weight:bold;color:red" id="wiz_hue_ipstate"></span><span style="font-weight:bold;" id="wiz_hue_discovered"></span></p>';
      topContainer_html += '<div class="form-group" id="usrcont" style="display:none"></div>';

      $('#wh_topcontainer').append(topContainer_html);

      $('#usrcont').append('<div class="row"><div class="col-md-2"><p class="text-left">' + $.i18n('wiz_hue_username') + '</p ></div>' +
        '<div class="col-md-7">' +
        '<div class="input-group">' +
        '  <span class="input-group-addon" id="retry_usr" style="cursor:pointer"><i class="fa fa-refresh"></i></span>' +
        '  <input type="text" class="input-group form-control" id="user">' +
        '</div></div></div><br>' +
        '</div><input type="hidden" id="groupId">'
      );

      $('#usrcont').append('<div id="hue_client_key_r" class="row"><div class="col-md-2"><p class="text-left">' + $.i18n('wiz_hue_clientkey') +
        '</p></div><div class="col-md-7"><input class="form-control" id="clientkey" type="text"></div></div><br>');

      $('#usrcont').append('<p><span style="font-weight:bold;color:red" id="wiz_hue_usrstate"></span></p>' +
        '<button type="button" class="btn btn-primary" style="display:none" id="wiz_hue_create_user"> <i class="fa fa-fw fa-plus"></i>' + $.i18n(hue_create_user) + '</button>');

      $('#wizp2_body').append('<div id="hue_grp_ids_t" style="display:none"><p class="text-left" style="font-weight:bold">' + $.i18n('wiz_hue_e_desc2') + '</p></div>');
      createTable("gidsh", "gidsb", "hue_grp_ids_t");
      $('.gidsh').append(createTableRow([$.i18n('edt_dev_spec_groupId_title'), ""], true));

      $('#wizp2_body').append('<div id="hue_ids_t" style="display:none"><p class="text-left" style="font-weight:bold" id="hue_id_headline">' + $.i18n('wiz_hue_e_desc3') + '</p></div>');

      createTable("lidsh", "lidsb", "hue_ids_t");
      $('.lidsh').append(createTableRow([$.i18n('edt_dev_spec_lightid_title'), $.i18n('wiz_pos'), $.i18n('wiz_identify')], true));
      $('#wizp2_footer').html('<button type="button" class="btn btn-primary" id="btn_wiz_save" style="display:none"><i class="fa fa-fw fa-save"></i>' + $.i18n('general_btn_save') + '</button><button type="button" class="btn btn-danger" id="btn_wiz_abort"><i class="fa fa-fw fa-close"></i>' + $.i18n('general_btn_cancel') + '</button>');
      $('#wizp3_body').html('<span>' + $.i18n('wiz_hue_press_link') + '</span> <br /><br /><center><span id="connectionTime"></span><br /><i class="fa fa-cog fa-spin" style="font-size:100px"></i></center>');

      if (getStorage("darkMode") == "on")
        $('#wizard_logo').attr("src", 'img/hyperion/logo_negativ.png');

      //open modal
      $("#wizard_modal").modal({
        backdrop: "static",
        keyboard: false,
        show: true
      });

      //listen for continue
      $('#btn_wiz_cont').off().on('click', function () {
        begin();
        $('#wizp1').toggle(false);
        $('#wizp2').toggle(true);
      });
    }
  };
})();

export { philipshueWizard }