// ==UserScript==
// @name         MZ - Player Weekly Friendlies Tracker
// @namespace    douglaskampl
// @version      4.4
// @description  Tracks the amount of friendlies played by each player during the current week
// @author       Douglas
// @match        https://www.managerzone.com/?p=challenges*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=managerzone.com
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @resource     playerFriendlyTrackerStyles https://u18mz.vercel.app/mz/userscript/other/playerFriendlyTracker.css
// @run-at       document-idle
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function () {
  "use strict";

  GM_addStyle(GM_getResourceText("playerFriendlyTrackerStyles"));

  class MZConfig {
    static get ENDPOINTS() {
      return {
        CHALLENGE_TEMPLATE: "https://www.managerzone.com/ajax.php",
        MANAGER_DATA: "https://www.managerzone.com/xml/manager_data.php",
        MATCH_INFO: "https://www.managerzone.com/xml/match_info.php"
      };
    }

    static get MATCH_DAYS() {
      return ["d1", "d3", "d4", "d5", "d7"];
    }

    static get SPORT_IDS() {
      return {
        SOCCER: "1",
        HOCKEY: "2"
      };
    }
  }

  class FriendlyMatchTracker {
    constructor() {
      this.initializeState();
      this.initializeUI();
      this.fetchPageData();
    }

    initializeState() {
      const sportElement = document.querySelector("#shortcut_link_thezone");
      const sportParam = new URL(sportElement.href).searchParams.get("sport");

      this.sport = sportParam;
      this.sportId = sportParam === "soccer" ? MZConfig.SPORT_IDS.SOCCER : MZConfig.SPORT_IDS.HOCKEY;
      this.teamId = null;
      this.appearances = new Map();
    }

    get challengeTemplateUrl() {
      return new URL(MZConfig.ENDPOINTS.CHALLENGE_TEMPLATE);
    }

    initializeUI() {
      this.createModal();
      this.createTable();
      this.createLoadingElements();
      this.addMainButton();
    }

    createModal() {
      const modal = document.createElement("div");
      modal.className = "friendly-modal";

      const content = document.createElement("div");
      content.className = "friendly-modal-content";

      const close = document.createElement("span");
      close.className = "friendly-close";
      close.innerHTML = "×";
      close.onclick = () => this.toggleModal(false);

      content.appendChild(close);
      modal.appendChild(content);
      document.body.appendChild(modal);

      this.modal = modal;
      this.modalContent = content;

      modal.onclick = (e) => {
        if (e.target === modal) {
          this.toggleModal(false);
        }
      };
    }

    createTable() {
      this.table = document.createElement("table");
      this.table.className = "friendly-table";
      this.modalContent.appendChild(this.table);
    }

    createLoadingElements() {
      const loadingDiv = document.createElement("div");
      loadingDiv.className = "friendly-loading";

      const message = document.createElement("p");
      message.className = "friendly-message";
      message.textContent = "Loading…";

      loadingDiv.appendChild(message);
      this.modalContent.appendChild(loadingDiv);

      this.loadingDiv = loadingDiv;
      this.loadingMessage = message;
    }

    addMainButton() {
      const checkExist = setInterval(() => {
        const target = document.getElementById("fss-title-heading");
        if (target) {
          clearInterval(checkExist);

          const container = document.createElement("div");
          container.style.display = "flex";
          container.style.alignItems = "center";
          container.style.marginBottom = "15px";

          const text = document.createElement("span");
          text.className = "friendly-text";
          text.textContent = "Click the circle to see how many matches your players played this week ->";

          const button = document.createElement("button");
          button.className = "friendly-button";
          button.innerHTML = '<svg width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/><path fill="currentColor" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/></svg>';
          button.onclick = () => this.toggleModal(true);

          container.appendChild(text);
          container.appendChild(button);
          target.parentNode.insertBefore(container, target);
        }
      }, 100);
    }

    toggleModal(show) {
      requestAnimationFrame(() => {
        if (show) {
          this.modal.style.display = "block";
          requestAnimationFrame(() => {
            this.modal.classList.add("visible");
            if (this.appearances.size === 0) {
              this.loadingDiv.style.display = "flex";
            }
          });
        } else {
          this.modal.classList.remove("visible");
          setTimeout(() => {
            this.modal.style.display = "none";
            this.loadingDiv.style.display = "none";
          }, 200);
        }
      });
    }

    async fetchPageData() {
      try {
        const response = await fetch(window.location.href);
        const data = await response.text();
        const doc = new DOMParser().parseFromString(data, "text/html");
        const username = doc.getElementById("header-username").textContent;
        await this.fetchManagerData(username);
      } catch (error) {
        console.warn("Error fetching page data:", error);
      }
    }

    async fetchManagerData(username) {
      try {
        const url = new URL(MZConfig.ENDPOINTS.MANAGER_DATA);
        url.searchParams.set("sport_id", this.sportId);
        url.searchParams.set("username", username);

        const response = await fetch(url);
        const xmlDoc = new DOMParser().parseFromString(await response.text(), "text/xml");
        const teamElement = Array.from(xmlDoc.getElementsByTagName("Team"))
          .find(team => team.getAttribute("sport") === this.sport);

        this.teamId = teamElement.getAttribute("teamId");
        await this.fetchChallengeTemplate();
      } catch (error) {
        console.warn("Error fetching manager data:", error);
      }
    }

    async fetchChallengeTemplate() {
      try {
        const url = this.challengeTemplateUrl;
        url.searchParams.set("p", "challenge");
        url.searchParams.set("sub", "personal-challenge-template");
        url.searchParams.set("sport", this.sport);

        const response = await fetch(url);
        const doc = new DOMParser().parseFromString(await response.text(), "text/html");
        const matchesDiv = this.getCurrentWeekMatchesDiv(doc);

        if (!matchesDiv) {
          this.showNoMatchesMessage();
          return;
        }

        const matchIds = this.extractMatchIds(matchesDiv);
        if (matchIds.length === 0) {
          this.showNoMatchesMessage();
          return;
        }

        await this.fetchMatchInfo(matchIds);
      } catch (error) {
        console.warn("Error fetching challenge template:", error);
      }
    }

    getCurrentWeekMatchesDiv(doc) {
      const scheduleDiv = doc.getElementById("friendly_series_schedule");
      if (!scheduleDiv) return null;

      const calendarDiv = scheduleDiv.querySelector(".calendar");
      if (!calendarDiv) return null;

      const calendarForm = calendarDiv.querySelector("#saveMatchTactics");
      return calendarForm?.querySelector("div.flex-nowrap.fss-row.fss-gw-wrapper.fss-has-matches");
    }

    extractMatchIds(matchesDiv) {
      return MZConfig.MATCH_DAYS
        .map(className => matchesDiv.querySelector(`.${className}`))
        .filter(Boolean)
        .flatMap(div =>
          Array.from(div.querySelectorAll("a.score-shown:not(.gray)"))
            .map(link => link.getAttribute("href").split("mid=")[1].split("&")[0])
        );
    }

    async fetchMatchInfo(matchIds) {
      try {
        await Promise.all(matchIds.map(async matchId => {
          const url = new URL(MZConfig.ENDPOINTS.MATCH_INFO);
          url.searchParams.set("sport_id", this.sportId);
          url.searchParams.set("match_id", matchId);

          const response = await fetch(url);
          const xmlDoc = new DOMParser().parseFromString(await response.text(), "text/xml");
          const teamElements = Array.from(xmlDoc.getElementsByTagName("Team"));
          const ourTeamElement = teamElements.find(team => team.getAttribute("id") === this.teamId);
          this.updatePlayerAppearances(ourTeamElement);
        }));
        this.displayPlayerMatches();
      } catch (error) {
        console.warn("Error fetching match info:", error);
      }
    }

    updatePlayerAppearances(ourTeamElement) {
      Array.from(ourTeamElement.getElementsByTagName("Player")).forEach(player => {
        const playerId = player.getAttribute("id");
        const playerName = player.getAttribute("name");
        const playerInfo = this.appearances.get(playerId);

        if (playerInfo) {
          playerInfo.appearances += 1;
        } else {
          this.appearances.set(playerId, { name: playerName, appearances: 1 });
        }
      });
    }

    displayPlayerMatches() {
      this.loadingDiv.style.display = "none";
      this.table.innerHTML = "";
      this.table.appendChild(this.createHeaderRow());

      Array.from(this.appearances)
        .sort((a, b) => b[1].appearances - a[1].appearances)
        .forEach(([playerId, playerInfo]) => {
          this.table.appendChild(this.createPlayerRow(playerId, playerInfo));
        });
    }

    createHeaderRow() {
      const row = document.createElement("tr");
      ["Player", "Friendly Matches This Week"].forEach(text => {
        const th = document.createElement("th");
        th.className = "friendly-header";
        th.textContent = text;
        row.appendChild(th);
      });
      return row;
    }

    createPlayerRow(playerId, playerInfo) {
      const row = document.createElement("tr");

      const nameCell = document.createElement("td");
      nameCell.className = "friendly-cell";

      const link = document.createElement("a");
      link.className = "friendly-link";
      link.href = `https://www.managerzone.com/?p=players&pid=${playerId}`;
      link.textContent = playerInfo.name;
      nameCell.appendChild(link);

      const appearancesCell = document.createElement("td");
      appearancesCell.className = "friendly-cell";
      appearancesCell.textContent = playerInfo.appearances;

      row.appendChild(nameCell);
      row.appendChild(appearancesCell);

      return row;
    }

    showNoMatchesMessage() {
      this.loadingMessage.style.color = "lightgray";
      this.loadingMessage.textContent = "No friendly matches have been played this week!";
    }
  }

  new FriendlyMatchTracker();
})();