const media = await Service.import("mpris");

const Bar = (getPlayerInfo) => {
  return Widget.Box({
    class_name: "media-indicator-current-progress-bar",
    hexpand: true,
    children: [
      Widget.Box({
        hexpand: true,
        child: Widget.Slider({
          hexpand: true,
          tooltip_text: "--",
          class_name: "menu-slider media progress",
          draw_value: false,
          on_change: ({ value }) => {
            const foundPlayer = getPlayerInfo(media);
            if (foundPlayer === undefined) {
              return;
            }
            return (foundPlayer.position = value * foundPlayer.length);
          },
          setup: (self) => {
            const update = () => {
              const foundPlayer = getPlayerInfo(media);
              if (foundPlayer !== undefined) {
                const value = foundPlayer.position / foundPlayer.length;
                self.value = value > 0 ? value : 0;
              } else {
                self.value = 0;
              }
            };
            self.hook(media, update);
            self.poll(1000, update);

            function updateTooltip() {
              const foundPlayer = getPlayerInfo(media);
              if (foundPlayer === undefined) {
                return self.tooltip_text = '00:00'
              }
              const curHour = Math.floor(foundPlayer.position / 3600);
              const curMin = Math.floor((foundPlayer.position % 3600) / 60);
              const curSec = Math.floor(foundPlayer.position % 60);

              if (
                typeof foundPlayer.position === "number" &&
                foundPlayer.position >= 0
              ) {
                // WARN: These nested ternaries are absolutely disgusting lol
                self.tooltip_text = `${
                  curHour > 0
                    ? (curHour < 10 ? "0" + curHour : curHour) + ":"
                    : ""
                }${curMin < 10 ? "0" + curMin : curMin}:${curSec < 10 ? "0" + curSec : curSec}`;
              } else {
                self.tooltip_text = `00:00`;
              }
            }
            self.poll(1000, updateTooltip);
            self.hook(media, updateTooltip);
          },
        }),
      }),
    ],
  });
};

export { Bar };