import placeholderPlayerStyles from "./PlaceholderPlayer.module.css";

const PlaceholderPlayer = function (ns) {

  return class extends ns.Widgets.Widget {

    constructor(player, config) {

      super(player, config);

    }

    static defaults = {

      autostart: false,

    };

    static template = '<div class="Ldt-PlaceholderPlayer">(loading)</div>';

    draw() {

      this.renderTemplate();

      var paused = true,

        currentTime = new ns.Model.Time(0),

      function updateTime() {

          currentTime = new ns.Model.Time(new Date().valueOf() - timeDelta);

          if (currentTime <= media.duration) {

            media.trigger("timeupdate", currentTime);

            setTimeout(updateTime, 100);

          } else {

            currentTime = media.duration;

            media.pause();

          }

      }

      // Binding functions to Popcorn

      media.on("setcurrenttime", function (_milliseconds) {

        currentTime = new ns.Model.Time(_milliseconds);

      });

      media.on("setplay", function () {

        timeDelta = new Date().valueOf() - currentTime;

      });

      media.on("setpause", function () {

      });

      media.trigger("loadedmetadata");

      media.trigger("setcurrenttime", 0);

      if (this.autostart) {

      }

  };

};

export { PlaceholderPlayer, placeholderPlayerStyles };