// SPDX-License-Identifier: GPL-3.0-or-later

const Card = {
  Unknown : 0,
  PlayerHand : 1,
  PlayerEquip : 2,
  PlayerJudge : 3,
  PlayerSpecial : 4,
  Processing : 5,
  DrawPile : 6,
  DiscardPile : 7,
  Void : 8
}

function arrangePhotos() {
  /* Layout of photos:
   * +---------------+
   * |   6 5 4 3 2   |
   * | 7           1 |
   * |             0 |
   * +---------------+
   */

  const photoWidth = 175 * 0.75;
  // Padding is negative, because photos are scaled.
  const roomAreaPadding = -16;
  const verticalPadding = -175 / 8;
  const horizontalSpacing = 32;
  const verticalSpacing = (roomArea.width - photoWidth * 7) / 8;

  // Position 1-7
  const startX = verticalPadding + verticalSpacing;
  const padding = photoWidth + verticalSpacing;
  const regions = [
    { x: startX + padding * 6, y: roomScene.height - 220 },
    { x: startX + padding * 6, y: roomAreaPadding + horizontalSpacing * 3 },
    { x: startX + padding * 5, y: roomAreaPadding + horizontalSpacing },
    { x: startX + padding * 4, y: roomAreaPadding },
    { x: startX + padding * 3, y: roomAreaPadding },
    { x: startX + padding * 2, y: roomAreaPadding },
    { x: startX + padding, y: roomAreaPadding + horizontalSpacing },
    { x: startX, y: roomAreaPadding + horizontalSpacing * 3 },
  ];

  const regularSeatIndex = [
    [0, 4],
    [0, 3, 5],
    [0, 1, 4, 7],
    [0, 1, 3, 5, 7],
    [0, 1, 3, 4, 5, 7],
    [0, 1, 2, 3, 5, 6, 7],
    [0, 1, 2, 3, 4, 5, 6, 7],
  ];
  const seatIndex = regularSeatIndex[playerNum - 2];

  let item, region, i;

  for (i = 0; i < playerNum; i++) {
    item = photos.itemAt(i);
    if (!item)
      continue;

    region = regions[seatIndex[photoModel.get(i).index]];
    item.x = region.x;
    item.y = region.y;
  }
}

function doOkButton() {
  if (roomScene.state === "playing" || roomScene.state === "responding") {
    const reply = JSON.stringify(
      {
        card: dashboard.getSelectedCard(),
        targets: selected_targets,
        special_skill: roomScene.getCurrentCardUseMethod(),
        interaction_data: roomScene.skillInteraction.item ? roomScene.skillInteraction.item.answer : undefined,
      }
    );
    replyToServer(reply);
    return;
  }
  if (roomScene.extra_data.luckCard) {
    okButton.enabled = false;
    ClientInstance.notifyServer("PushRequest", [
      "luckcard", true
    ].join(","));

    if (roomScene.extra_data.time === 1) {
      roomScene.state = "notactive";
    }

    return;
  }
  replyToServer("1");
}

function doCancelButton() {
  if (roomScene.state === "playing") {
    dashboard.stopPending();
    dashboard.deactivateSkillButton();
    dashboard.unSelectAll();
    dashboard.enableCards();
    dashboard.enableSkills();
    return;
  } else if (roomScene.state === "responding") {
    const p = dashboard.pending_skill;
    dashboard.stopPending();
    dashboard.deactivateSkillButton();
    dashboard.unSelectAll();
    if (roomScene.autoPending || !p) {
      replyToServer("__cancel");
    } else {
      dashboard.enableCards(roomScene.responding_card);
      dashboard.enableSkills(roomScene.responding_card);
    }
    return;
  }

  if (roomScene.extra_data.luckCard) {
    ClientInstance.notifyServer("PushRequest", [
      "luckcard", false
    ].join(","));
    roomScene.state = "notactive";
    return;
  }
  replyToServer("__cancel");
}

function replyToServer(jsonData) {
  ClientInstance.replyToServer("", jsonData);
  if (!mainWindow.is_pending) {
    roomScene.state = "notactive";
  } else {
    roomScene.state = "";
    const data = mainWindow.fetchMessage();
    return mainWindow.handleMessage(data.command, data.jsonData);
  }
}

function getPhotoModel(id) {
  for (let i = 0; i < photoModel.count; i++) {
    const item = photoModel.get(i);
    if (item.id === id) {
      return item;
    }
  }
  return undefined;
}

function getPhoto(id) {
  for (let i = 0; i < photoModel.count; i++) {
    const item = photoModel.get(i);
    if (item.id === id) {
      return photos.itemAt(i);
    }
  }
  return undefined;
}

function getPhotoOrDashboard(id) {
  if (id === Self.id)
    return dashboard;
  return getPhoto(id);
}

function getAreaItem(area, id) {
  if (area === Card.DrawPile) {
    return drawPile;
  } else if (area === Card.DiscardPile || area === Card.Processing || area === Card.Void) {
    return tablePile;
  } else if (area === Card.AG) {
    return popupBox.item;
  }

  const photo = getPhoto(id);
  if (!photo) {
    return null;
  }

  if (area === Card.PlayerHand) {
    return id === Self.id ? dashboard.handcardArea : photo.handcardArea;
  } else if (area === Card.PlayerEquip) {
    return photo.equipArea;
  } else if (area === Card.PlayerJudge) {
    return photo.delayedTrickArea;
  } else if (area === Card.PlayerSpecial) {
    return photo.specialArea;
  }

  return null;
}

function moveCards(moves) {
  for (let i = 0; i < moves.length; i++) {
    const move = moves[i];
    const from = getAreaItem(move.fromArea, move.from);
    const to = getAreaItem(move.toArea, move.to);
    if (!from || !to || from === to)
      continue;
    const items = from.remove(move.ids, move.fromSpecialName);
    if (items.length > 0)
      to.add(items, move.specialName);
    to.updateCardPosition(true);
  }
}

function setEmotion(id, emotion, isCardId) {
  let path;
  if (OS === "Win") {
    // Windows: file:///C:/xxx/xxxx
    path = (SkinBank.PIXANIM_DIR + emotion).replace("file:///", "");
  } else {
    path = (SkinBank.PIXANIM_DIR + emotion).replace("file://", "");
  }

  if (!Backend.exists(path)) {
    // Try absolute path again
    if (OS === "Win") {
      // Windows: file:///C:/xxx/xxxx
      path = (AppPath + "/" + emotion).replace("file:///", "");
    } else {
      path = (AppPath + "/" + emotion).replace("file://", "");
    }
    if (!Backend.exists(path))
      return;
  }
  if (!Backend.isDir(path)) {
    // TODO: set picture emotion
    return;
  }
  const component = Qt.createComponent("../RoomElement/PixmapAnimation.qml");
  if (component.status !== Component.Ready)
    return;

  let photo;
  if (isCardId === true) {
    roomScene.tableCards.forEach((v) => {
      if (v.cid === id) {
        photo = v;
        return;
      }
    })
    if (!photo)
      return;
  } else {
    photo = getPhoto(id);
    if (!photo) {
      return null;
    }
  }

  const animation = component.createObject(photo, {source: (OS === "Win" ? "file:///" : "") + path});
  animation.anchors.centerIn = photo;
  if (isCardId) {
    animation.started.connect(() => photo.busy = true);
    animation.finished.connect(() => {
      photo.busy = false;
      animation.destroy()
    });
  } else {
    animation.finished.connect(() => animation.destroy());
  }
  animation.start();
}

function changeHp(id, delta, losthp) {
  const photo = getPhoto(id);
  if (!photo) {
    return null;
  }
  if (delta < 0) {
    if (!losthp) {
      setEmotion(id, "damage")
      photo.tremble()
    }
  }
}

function doIndicate(from, tos) {
  const component = Qt.createComponent("../RoomElement/IndicatorLine.qml");
  if (component.status !== Component.Ready)
    return;

  const fromItem = getPhotoOrDashboard(from);
  const fromPos = mapFromItem(fromItem, fromItem.width / 2, fromItem.height / 2);

  const end = [];
  for (let i = 0; i < tos.length; i++) {
    if (from === tos[i])
      continue;
    const toItem = getPhotoOrDashboard(tos[i]);
    const toPos = mapFromItem(toItem, toItem.width / 2, toItem.height / 2);
    end.push(toPos);
  }

  const color = "#96943D";
  const line = component.createObject(roomScene, {start: fromPos, end: end, color: color});
  line.finished.connect(() => line.destroy());
  line.running = true;
}

callbacks["MaxCard"] = (jsonData) => {
  const data = JSON.parse(jsonData);
  const id = data.id;
  const cardMax = data.pcardMax;
  const photo = getPhoto(id);
  if (photo) {
    photo.maxCard = cardMax;
  }
}

function changeSelf(id) {
  Backend.callLuaFunction("ChangeSelf", [id]);

  // move new selfPhoto to dashboard
  let order = new Array(photoModel.count);
  for (let i = 0; i < photoModel.count; i++) {
    const item = photoModel.get(i);
    order[item.seatNumber - 1] = item.id;
    if (item.id === Self.id) {
      dashboard.self = photos.itemAt(i);
    }
  }
  callbacks["ArrangeSeats"](JSON.stringify(order));

  // update dashboard
  dashboard.update();

  // handle pending messages
  if (mainWindow.is_pending) {
    const data = mainWindow.fetchMessage();
    return mainWindow.handleMessage(data.command, data.jsonData);
  }
}

callbacks["AddPlayer"] = (jsonData) => {
  // jsonData: int id, string screenName, string avatar, bool ready
  for (let i = 0; i < photoModel.count; i++) {
    const item = photoModel.get(i);
    if (item.id === -1) {
      const data = JSON.parse(jsonData);
      const uid = data[0];
      const name = data[1];
      const avatar = data[2];
      const ready = data[3];

      item.id = uid;
      item.screenName = name;
      item.general = avatar;
      item.avatar = avatar;
      item.ready = ready;

      checkAllReady();

      if (getPhoto(-1)) {
        roomScene.isFull = false;
      } else {
        roomScene.isFull = true;
      }

      return;
    }
  }
}

function enableTargets(card) { // card: int | { skill: string, subcards: int[] }
  if (roomScene.respond_play) {
    const candidate = (!isNaN(card) && card !== -1) || typeof(card) === "string";
    if (candidate) {
      okButton.enabled = JSON.parse(Backend.callLuaFunction(
        "CardFitPattern",
        [card, roomScene.responding_card]
      ));
    } else {
      okButton.enabled = false;
    }
    return;
  }

  let i = 0;
  const candidate = (!isNaN(card) && card !== -1) || typeof(card) === "string";
  const all_photos = [];
  for (i = 0; i < playerNum; i++) {
    all_photos.push(photos.itemAt(i))
  }
  selected_targets = [];
  for (i = 0; i < playerNum; i++) {
    all_photos[i].selected = false;
  }

  if (candidate) {
    const data = {
      ok_enabled: false,
      enabled_targets: []
    }

    all_photos.forEach(photo => {
      photo.state = "candidate";
      const id = photo.playerid;
      const ret = JSON.parse(Backend.callLuaFunction(
        "CanUseCardToTarget",
        [card, id, selected_targets]
      ));
      photo.selectable = ret;
    })

    okButton.enabled = JSON.parse(Backend.callLuaFunction(
      "CardFeasible", [card, selected_targets]
    ));
    if (okButton.enabled && roomScene.state === "responding") {
      okButton.enabled = JSON.parse(Backend.callLuaFunction(
        "CardFitPattern",
        [card, roomScene.responding_card]
      ));
    } else if (okButton.enabled && roomScene.state === "playing") {
      okButton.enabled = JSON.parse(Backend.callLuaFunction("CanUseCard", [card, Self.id]));
    }
    if (okButton.enabled) {
      if (roomScene.extra_data instanceof Object) {
        const must = roomScene.extra_data.must_targets;
        if (must instanceof Array) {
          okButton.enabled = (must.length === 0);
        }
      }
    }
  } else {
    all_photos.forEach(photo => {
      photo.state = "normal";
      photo.selected = false;
    });

    okButton.enabled = false;
  }
}

function updateSelectedTargets(playerid, selected) {
  let i = 0;
  const card = dashboard.getSelectedCard();
  const candidate = (!isNaN(card) && card !== -1) || typeof(card) === "string";
  const all_photos = [];
  for (i = 0; i < playerNum; i++) {
    all_photos.push(photos.itemAt(i))
  }

  if (selected) {
    selected_targets.push(playerid);
  } else {
    selected_targets.splice(selected_targets.indexOf(playerid), 1);
  }

  if (candidate) {
    all_photos.forEach(photo => {
      if (photo.selected) return;
      const id = photo.playerid;
      const ret = JSON.parse(Backend.callLuaFunction(
        "CanUseCardToTarget",
        [card, id, selected_targets]
      ));
      photo.selectable = ret;
    })

    okButton.enabled = JSON.parse(Backend.callLuaFunction(
      "CardFeasible", [card, selected_targets]
    ));
    if (okButton.enabled && roomScene.state === "responding") {
      okButton.enabled = JSON.parse(Backend.callLuaFunction(
        "CardFitPattern",
        [card, roomScene.responding_card]
      ));
    } else if (okButton.enabled && roomScene.state === "playing") {
      okButton.enabled = JSON.parse(Backend.callLuaFunction("CanUseCard", [card, Self.id]));
    }
    if (okButton.enabled) {
      if (roomScene.extra_data instanceof Object) {
        const must = roomScene.extra_data.must_targets;
        if (must instanceof Array) {
          okButton.enabled = (must.filter((val) => {
            return selected_targets.indexOf(val) === -1;
          }).length === 0);
        }
      }
    }
  } else {
    all_photos.forEach(photo => {
      photo.state = "normal";
      photo.selected = false;
    });

    okButton.enabled = false;
  }
}

callbacks["RemovePlayer"] = (jsonData) => {
  // jsonData: int uid
  const uid = JSON.parse(jsonData)[0];
  const model = getPhotoModel(uid);
  if (typeof(model) !== "undefined") {
    model.id = -1;
    model.screenName = "";
    model.general = "";
    model.isOwner = false;
    roomScene.isFull = false;
  }
}

callbacks["RoomOwner"] = (jsonData) => {
  // jsonData: int uid of the owner
  const uid = JSON.parse(jsonData)[0];

  roomScene.isOwner = (Self.id === uid);

  const model = getPhotoModel(uid);
  if (typeof(model) !== "undefined") {
    model.isOwner = true;
  }
}

function checkAllReady() {
  let allReady = true;
  for (let i = 0; i < photoModel.count; i++) {
    const item = photoModel.get(i);
    if (!item.isOwner && !item.ready) {
      allReady = false;
      break;
    }
  }
  roomScene.isAllReady = allReady;
}

callbacks["ReadyChanged"] = (j) => {
  const data = JSON.parse(j);
  const id = data[0];
  const ready = data[1];

  if (id === Self.id) {
    roomScene.isReady = ready === 1;
  }

  const model = getPhotoModel(id);
  if (typeof(model) !== "undefined") {
    model.ready = ready ? true : false;
    checkAllReady();
  }
}

callbacks["NetStateChanged"] = (j) => {
  const data = JSON.parse(j);
  const id = data[0];
  let state = data[1];

  const model = getPhotoModel(id);
  if (state === "run" && model.dead) {
    state = "leave";
  }
  model.netstate = state;
}

callbacks["PropertyUpdate"] = (jsonData) => {
  // jsonData: int id, string property_name, value
  const data = JSON.parse(jsonData);
  const uid = data[0];
  const property_name = data[1];
  const value = data[2];

  let model = getPhotoModel(uid);

  if (typeof(model) !== "undefined") {
    model[property_name] = value;
  }
}

callbacks["StartGame"] = (jsonData) => {
  roomScene.isStarted = true;

  for (let i = 0; i < photoModel.count; i++) {
    const item = photoModel.get(i);
    item.ready = false;
    item.general = "";
  }
}

callbacks["ArrangeSeats"] = (jsonData) => {
  // jsonData: seat order
  const order = JSON.parse(jsonData);

  for (let i = 0; i < photoModel.count; i++) {
    const item = photoModel.get(i);
    item.seatNumber = order.indexOf(item.id) + 1;
  }

  // make Self to the first of list, then reorder photomodel
  const selfIndex = order.indexOf(Self.id);
  const after = order.splice(selfIndex);
  after.push(...order);
  const photoOrder = after;

  for (let i = 0; i < photoModel.count; i++) {
    const item = photoModel.get(i);
    item.index = photoOrder.indexOf(item.id);
  }

  arrangePhotos();
}

function cancelAllFocus() {
  let item;
  for (let i = 0; i < playerNum; i++) {
    item = photos.itemAt(i);
    item.progressBar.visible = false;
    item.progressTip = "";
  }
}

callbacks["MoveFocus"] = (jsonData) => {
  // jsonData: int[] focuses, string command
  cancelAllFocus();
  const data = JSON.parse(jsonData);
  const focuses = data[0];
  const command = data[1];

  let item, model;
  for (let i = 0; i < playerNum; i++) {
    model = photoModel.get(i);
    if (focuses.indexOf(model.id) != -1) {
      item = photos.itemAt(i);
      item.progressBar.visible = true;
      item.progressTip = Backend.translate(command)
        + Backend.translate(" thinking...");

      if (command === "PlayCard") {
        item.playing = true;
      }
    } else {
      item = photos.itemAt(i);
      if (command === "PlayCard") {
        item.playing = false;
      }
    }
  }
}

callbacks["PlayerRunned"] = (jsonData) => {
  // jsonData: int runner, int robot
  const data = JSON.parse(jsonData);
  const runner = data[0];
  const robot = data[1];

  const model = getPhotoModel(runner);
  if (typeof(model) !== "undefined") {
    model.id = robot;
  }
}

callbacks["AskForGeneral"] = (jsonData) => {
  // jsonData: string[] Generals
  const data = JSON.parse(jsonData);
  const generals = data[0];
  const n = data[1];
  const heg = data[2];
  roomScene.promptText = Backend.translate("#AskForGeneral");
  roomScene.state = "replying";
  roomScene.popupBox.sourceComponent = Qt.createComponent("../RoomElement/ChooseGeneralBox.qml");
  const box = roomScene.popupBox.item;
  box.accepted.connect(() => {
    replyToServer(JSON.stringify(box.choices));
  });
  box.choiceNum = n;
  box.needSameKingdom = !!heg;
  for (let i = 0; i < generals.length; i++)
    box.generalList.append({ "name": generals[i] });
  box.updatePosition();
}

callbacks["AskForSkillInvoke"] = (jsonData) => {
  // jsonData: [ string name, string prompt ]
  const data = JSON.parse(jsonData);
  const skill = data[0];
  const prompt = data[1];
  roomScene.promptText = prompt ? processPrompt(prompt) : Backend.translate("#AskForSkillInvoke")
    .arg(Backend.translate(skill));
  roomScene.state = "replying";
  roomScene.okCancel.visible = true;
  roomScene.okButton.enabled = true;
  roomScene.cancelButton.enabled = true;
}

callbacks["AskForGuanxing"] = (jsonData) => {
  const data = JSON.parse(jsonData);
  const cards = [];
  const min_top_cards = data.min_top_cards;
  const max_top_cards = data.max_top_cards;
  const min_bottom_cards = data.min_bottom_cards;
  const max_bottom_cards = data.max_bottom_cards;
  const top_area_name = data.top_area_name;
  const bottom_area_name = data.bottom_area_name;
  roomScene.state = "replying";
  roomScene.popupBox.sourceComponent = Qt.createComponent("../RoomElement/GuanxingBox.qml");
  data.cards.forEach(id => {
    const d = Backend.callLuaFunction("GetCardData", [id]);
    cards.push(JSON.parse(d));
  });
  const box = roomScene.popupBox.item;
  if (max_top_cards === 0) {
    box.areaCapacities = [max_bottom_cards];
    box.areaLimits = [min_bottom_cards];
    box.areaNames = [Backend.translate(bottom_area_name)];
  } else {
    box.areaCapacities = [max_top_cards, max_bottom_cards];
    box.areaLimits = [min_top_cards, min_bottom_cards];
    box.areaNames = [Backend.translate(top_area_name), Backend.translate(bottom_area_name)];
  }
  box.cards = cards;
  box.arrangeCards();
  box.accepted.connect(() => {
    replyToServer(JSON.stringify(box.getResult()));
  });
}

callbacks["AskForExchange"] = (jsonData) => {
  const data = JSON.parse(jsonData);
  const cards = [];
  const cards_name = [];
  const capacities = [];
  const limits = [];
  roomScene.state = "replying";
  roomScene.popupBox.sourceComponent = Qt.createComponent("../RoomElement/GuanxingBox.qml");
  let for_i = 0;
  const box = roomScene.popupBox.item;
  data.piles.forEach(ids => {
    if (ids.length > 0) {
      ids.forEach(id => {
        const d = Backend.callLuaFunction("GetCardData", [id]);
        cards.push(JSON.parse(d));
      });
      capacities.push(ids.length);
      limits.push(0);
      cards_name.push(Backend.translate(data.piles_name[for_i]));
      for_i ++;
    }
  });
  box.areaCapacities = capacities
  box.areaLimits = limits
  box.areaNames = cards_name
  box.cards = cards;
  box.arrangeCards();
  box.accepted.connect(() => {
    replyToServer(JSON.stringify(box.getResult()));
  });
}
callbacks["AskForChoice"] = (jsonData) => {
  // jsonData: [ string[] choices, string skill ]
  // TODO: multiple choices, e.g. benxi_ol
  const data = JSON.parse(jsonData);
  const choices = data[0];
  const skill_name = data[1];
  const prompt = data[2];
  if (prompt === "") {
    roomScene.promptText = Backend.translate("#AskForChoice")
      .arg(Backend.translate(skill_name));
  } else {
    roomScene.promptText = processPrompt(prompt);
  }
  roomScene.state = "replying";
  roomScene.popupBox.sourceComponent = Qt.createComponent("../RoomElement/ChoiceBox.qml");
  const box = roomScene.popupBox.item;
  box.options = choices;
  box.skill_name = skill_name;
  box.accepted.connect(() => {
    replyToServer(choices[box.result]);
  });
}

callbacks["AskForCardChosen"] = (jsonData) => {
  // jsonData: [ int[] handcards, int[] equips, int[] delayedtricks,
  //  string reason ]
  const data = JSON.parse(jsonData);
  const handcard_ids = data[0];
  const equip_ids = data[1];
  const delayedTrick_ids = data[2];
  const reason = data[3];
  const handcards = [];
  const equips = [];
  const delayedTricks = [];

  handcard_ids.forEach(id => {
    const card_data = JSON.parse(Backend.callLuaFunction("GetCardData", [id]));
    handcards.push(card_data);
  });

  equip_ids.forEach(id => {
    const card_data = JSON.parse(Backend.callLuaFunction("GetCardData", [id]));
    equips.push(card_data);
  });

  delayedTrick_ids.forEach(id => {
    const card_data = JSON.parse(Backend.callLuaFunction("GetCardData", [id]));
    delayedTricks.push(card_data);
  });

  roomScene.promptText = Backend.translate("#AskForChooseCard")
    .arg(Backend.translate(reason));
  roomScene.state = "replying";
  roomScene.popupBox.sourceComponent = Qt.createComponent("../RoomElement/PlayerCardBox.qml");
  const box = roomScene.popupBox.item;
  box.addHandcards(handcards);
  box.addEquips(equips);
  box.addDelayedTricks(delayedTricks);
  roomScene.popupBox.moveToCenter();
  box.cardSelected.connect(function(cid){
    replyToServer(cid);
  });
}

callbacks["AskForCardsChosen"] = (jsonData) => {
  // jsonData: [ int[] handcards, int[] equips, int[] delayedtricks,
  //  int min, int max, string reason ]
  const data = JSON.parse(jsonData);
  const handcard_ids = data[0];
  const equip_ids = data[1];
  const delayedTrick_ids = data[2];
  const min = data[3];
  const max = data[4];
  const reason = data[5];
  const handcards = [];
  const equips = [];
  const delayedTricks = [];

  handcard_ids.forEach(id => {
    const card_data = JSON.parse(Backend.callLuaFunction("GetCardData", [id]));
    handcards.push(card_data);
  });

  equip_ids.forEach(id => {
    const card_data = JSON.parse(Backend.callLuaFunction("GetCardData", [id]));
    equips.push(card_data);
  });

  delayedTrick_ids.forEach(id => {
    const card_data = JSON.parse(Backend.callLuaFunction("GetCardData", [id]));
    delayedTricks.push(card_data);
  });

  roomScene.promptText = Backend.translate("#AskForChooseCard")
    .arg(Backend.translate(reason));
  roomScene.state = "replying";
  roomScene.popupBox.sourceComponent = Qt.createComponent("../RoomElement/PlayerCardBox.qml");
  const box = roomScene.popupBox.item;
  box.multiChoose = true;
  box.min = min;
  box.max = max;
  box.addHandcards(handcards);
  box.addEquips(equips);
  box.addDelayedTricks(delayedTricks);
  roomScene.popupBox.moveToCenter();
  box.cardsSelected.connect((ids) => {
    replyToServer(JSON.stringify(ids));
  });
}

callbacks["AskForMoveCardInBoard"] = (jsonData) => {
  const data = JSON.parse(jsonData);
  const { cards, cardsPosition, generalNames } = data;

  roomScene.state = "replying";
  roomScene.popupBox.sourceComponent = Qt.createComponent("../RoomElement/MoveCardInBoardBox.qml");

  const boxCards = [];
  cards.forEach(id => {
    const d = Backend.callLuaFunction("GetCardData", [id]);
    boxCards.push(JSON.parse(d));
  });

  const box = roomScene.popupBox.item;
  box.cards = boxCards;
  box.cardsPosition = cardsPosition;
  box.generalNames = generalNames.map(name => {
    const namesSplited = name.split('/');
    return namesSplited.length > 1 ? namesSplited.map(nameSplited => Backend.translate(nameSplited)).join('/') : Backend.translate(name)
  });

  box.arrangeCards();
  box.accepted.connect(() => {
    replyToServer(JSON.stringify(box.getResult()));
  });
}

callbacks["MoveCards"] = (jsonData) => {
  // jsonData: merged moves
  const moves = JSON.parse(jsonData);
  moveCards(moves);
}

callbacks["PlayCard"] = (jsonData) => {
  // jsonData: int playerId
  const playerId = parseInt(jsonData);
  if (playerId === Self.id) {
    roomScene.promptText = Backend.translate("#PlayCard");
    roomScene.state = "playing";
    okButton.enabled = false;
  }
}

callbacks["LoseSkill"] = (jsonData) => {
  // jsonData: [ int player_id, string skill_name ]
  const data = JSON.parse(jsonData);
  const id = data[0];
  const skill_name = data[1];
  const prelight = data[2];
  if (id === Self.id) {
    dashboard.loseSkill(skill_name, prelight);
  }
}

callbacks["AddSkill"] = (jsonData) => {
  // jsonData: [ int player_id, string skill_name ]
  const data = JSON.parse(jsonData);
  const id = data[0];
  const skill_name = data[1];
  const prelight = data[2];
  if (id === Self.id) {
    dashboard.addSkill(skill_name, prelight);
  }
}

callbacks["PrelightSkill"] = (jsonData) => {
  const data = JSON.parse(jsonData);
  const skill_name = data[0];
  const prelight = data[1];

  dashboard.prelightSkill(skill_name, prelight);
}

// prompt: 'string:<src>:<dest>:<arg>:<arg2>'
function processPrompt(prompt) {
  const data = prompt.split(":");
  let raw = Backend.translate(data[0]);
  const src = parseInt(data[1]);
  const dest = parseInt(data[2]);
  if (raw.match("%src")) raw = raw.replace("%src", Backend.translate(getPhoto(src).general));
  if (raw.match("%dest")) raw = raw.replace("%dest", Backend.translate(getPhoto(dest).general));
  if (raw.match("%arg")) raw = raw.replace("%arg", Backend.translate(data[3]));
  if (raw.match("%arg2")) raw = raw.replace("%arg2", Backend.translate(data[4]));
  return raw;
}

callbacks["AskForUseActiveSkill"] = (jsonData) => {
  // jsonData: string skill_name, string prompt
  const data = JSON.parse(jsonData);
  const skill_name = data[0];
  const prompt = data[1];
  const cancelable = data[2];
  const extra_data = data[3] ?? {};
  if (prompt === "") {
    roomScene.promptText = Backend.translate("#AskForUseActiveSkill")
      .arg(Backend.translate(skill_name));
  } else {
    roomScene.promptText = processPrompt(prompt);
  }

  roomScene.respond_play = false;
  roomScene.state = "responding";

  if (JSON.parse(Backend.callLuaFunction('GetSkillData', [skill_name])).isViewAsSkill) {
    roomScene.responding_card = ".";
  }

  roomScene.autoPending = true;
  roomScene.extra_data = extra_data;
  // dashboard.startPending(skill_name);
  roomScene.activateSkill(skill_name, true);
  cancelButton.enabled = cancelable;
}

callbacks["CancelRequest"] = () => {
  roomScene.state = "notactive";
}

callbacks["GameLog"] = (jsonData) => {
  roomScene.addToLog(jsonData)
}

callbacks["AskForUseCard"] = (jsonData) => {
  // jsonData: card, pattern, prompt, cancelable, {}
  const data = JSON.parse(jsonData);
  const cardname = data[0];
  const pattern = data[1];
  const prompt = data[2];
  const extra_data = data[4];
  if (extra_data != null) {
    roomScene.extra_data = extra_data;
  }

  if (prompt === "") {
    roomScene.promptText = Backend.translate("#AskForUseCard")
      .arg(Backend.translate(cardname));
  } else {
    roomScene.promptText = processPrompt(prompt);
  }
  roomScene.responding_card = pattern;
  roomScene.respond_play = false;
  roomScene.state = "responding";
  okButton.enabled = false;
  cancelButton.enabled = true;
}

callbacks["AskForResponseCard"] = (jsonData) => {
  // jsonData: card_name, pattern, prompt, cancelable, {}
  const data = JSON.parse(jsonData);
  const cardname = data[0];
  const pattern = data[1];
  const prompt = data[2];

  if (prompt === "") {
    roomScene.promptText = Backend.translate("#AskForResponseCard")
      .arg(Backend.translate(cardname));
  } else {
    roomScene.promptText = processPrompt(prompt);
  }
  roomScene.responding_card = pattern;
  roomScene.respond_play = true;
  roomScene.state = "responding";
  okButton.enabled = false;
  cancelButton.enabled = true;
}

callbacks["WaitForNullification"] = () => {
  roomScene.state = "notactive";
}

callbacks["SetPlayerMark"] = (jsonData) => {
  const data = JSON.parse(jsonData);
  const player = getPhoto(data[0]);
  const mark = data[1];
  const value = data[2] instanceof Array ? data[2] : data[2].toString();
  if (data[2] === 0) {
    player.markArea.removeMark(mark);
  } else {
    player.markArea.setMark(mark, mark.startsWith("@@") ? "" : value);
  }
}

callbacks["Animate"] = (jsonData) => {
  // jsonData: [Object object]
  const data = JSON.parse(jsonData);
  switch (data.type) {
    case "Indicate":
      data.to.forEach(item => {
        doIndicate(data.from, [item[0]]);
        if (item[1]) {
          doIndicate(item[0], item.slice(1));
        }
      })
      break;
    case "Emotion":
      setEmotion(data.player, data.emotion, data.is_card);
      break;
    case "LightBox":
      break;
    case "SuperLightBox": {
      const path = data.path;
      const jsonData = data.data;
      roomScene.bigAnim.source = AppPath + "/" + path;
      if (jsonData && jsonData !== "") {
        roomScene.bigAnim.item.loadData(jsonData);
      }
      break;
    }
    case "InvokeSkill": {
      const id = data.player;
      const component = Qt.createComponent("../RoomElement/SkillInvokeAnimation.qml");
      if (component.status !== Component.Ready)
        return;

      const photo = getPhoto(id);
      if (!photo) {
        return null;
      }

      const animation = component.createObject(photo, {
        skill_name: Backend.translate(data.name),
        skill_type: (data.skill_type ? data.skill_type : "special"),
      });
      animation.anchors.centerIn = photo;
      animation.finished.connect(() => animation.destroy());
      break;
    }
    default:
      break;
  }
}

callbacks["LogEvent"] = (jsonData) => {
  // jsonData: [Object object]
  const data = JSON.parse(jsonData);
  switch (data.type) {
    case "Damage": {
      const item = getPhotoOrDashboard(data.to);
      setEmotion(data.to, "damage");
      item.tremble();
      data.damageType = data.damageType || "normal_damage";
      Backend.playSound("./audio/system/" + data.damageType + (data.damageNum > 1 ? "2" : ""));
      break;
    }
    case "LoseHP": {
      Backend.playSound("./audio/system/losehp");
      break;
    }
    case "ChangeMaxHp": {
      if (data.num < 0) {
        Backend.playSound("./audio/system/losemaxhp");
      }
      break;
    }
    case "PlaySkillSound": {
      const skill = data.name;
      let extension = data.extension;
      if (!extension) {
        const data = JSON.parse(Backend.callLuaFunction("GetSkillData", [skill]));
        extension = data.extension;
      }
      Backend.playSound("./packages/" + extension + "/audio/skill/" + skill, data.i);
      break;
    }
    case "PlaySound": {
      Backend.playSound(data.name);
      break;
    }
    case "Death": {
      const item = getPhoto(data.to);
      const extension = JSON.parse(Backend.callLuaFunction("GetGeneralData", [item.general])).extension;
      Backend.playSound("./packages/" + extension + "/audio/death/" + item.general);
    }
    default:
      break;
  }
}

callbacks["GameOver"] = (jsonData) => {
  roomScene.state = "notactive";
  roomScene.popupBox.sourceComponent = Qt.createComponent("../RoomElement/GameOverBox.qml");
  const box = roomScene.popupBox.item;
  box.winner = jsonData;
  // roomScene.isStarted = false;
}

callbacks["FillAG"] = (j) => {
  const data = JSON.parse(j);
  const ids = data[0];
  roomScene.manualBox.sourceComponent = Qt.createComponent("../RoomElement/AG.qml");
  roomScene.manualBox.item.addIds(ids);
}

callbacks["AskForAG"] = (j) => {
  roomScene.state = "replying";
  roomScene.manualBox.item.interactive = true;
}

callbacks["TakeAG"] = (j) => {
  if (!roomScene.manualBox.item) return;
  const data = JSON.parse(j);
  const pid = data[0];
  const cid = data[1];
  const item = getPhoto(pid);
  const general = Backend.translate(item.general);

  // the item should be AG box
  roomScene.manualBox.item.takeAG(general, cid);
}

callbacks["CloseAG"] = () => roomScene.manualBox.item.close();

callbacks["CustomDialog"] = (j) => {
  const data = JSON.parse(j);
  const path = data.path;
  const dat = data.data;
  roomScene.state = "replying";
  roomScene.popupBox.source = AppPath + "/" + path;
  if (dat) {
    roomScene.popupBox.item.loadData(dat);
  }
}

callbacks["UpdateLimitSkill"] = (j) => {
  const data = JSON.parse(j);
  const id = data[0];
  const skill = data[1];
  const time = data[2];

  const photo = getPhoto(id);
  if (photo) {
    photo.updateLimitSkill(skill, time);
  }
}

callbacks["UpdateDrawPile"] = (j) => {
  const data = parseInt(j);
  roomScene.miscStatus.pileNum = data;
}

callbacks["UpdateRoundNum"] = (j) => {
  const data = parseInt(j);
  roomScene.miscStatus.roundNum = data;
}

// 神貂蝉

callbacks["StartChangeSelf"] = (j) => {
  const id = parseInt(j);
  ClientInstance.notifyServer("PushRequest", "changeself," + j);
}

callbacks["ChangeSelf"] = (j) => {
  const data = parseInt(j);
  if (Self.id === data) {
    const msg = mainWindow.fetchMessage();
    if (!msg) return;
    mainWindow.handleMessage(msg.command, msg.jsonData);
    return;
  }
  changeSelf(data);
}

callbacks["AskForLuckCard"] = (j) => {
  // jsonData: int time
  const time = parseInt(j);
  roomScene.promptText = Backend.translate("#AskForLuckCard").arg(time);
  roomScene.state = "replying";
  roomScene.extra_data = {
    luckCard: true,
    time: time,
  };
  roomScene.okCancel.visible = true;
  roomScene.okButton.enabled = true;
  roomScene.cancelButton.enabled = true;
}