document.addEventListener('DOMContentLoaded', function () {
  const embeds = document.querySelectorAll('.myplayer-wrapper .plyr__video-embed');
  if (!embeds.length || typeof Plyr === 'undefined') return;

  window.myplayers = window.myplayers || [];

  embeds.forEach(function (embed, index) {
    const player = new Plyr(embed, {
      controls: [],          // brak kontrolek Plyr – tylko nasza nakładka
      clickToPlay: false,
      keyboard: { focused: false, global: false },
      tooltips: { controls: false, seek: false },
      youtube: {
        rel: 0,
        showinfo: 0,
        modestbranding: 1
      }
    });

    window.myplayers[index] = player;

    const wrapper = embed.closest('.myplayer-wrapper');
    if (!wrapper) return;

    // Nakładka
    const overlay = document.createElement('div');
    overlay.className = 'myplayer-overlay is-visible';

    const playBtn = document.createElement('button');
    playBtn.type = 'button';
    playBtn.className = 'myplayer-play-btn';
    playBtn.setAttribute('aria-label', 'Odtwórz wideo');

    overlay.appendChild(playBtn);
    wrapper.insertBefore(overlay, wrapper.firstChild);

    const startPlayback = function () {
      player.play();
    };

    overlay.addEventListener('click', startPlayback);
    playBtn.addEventListener('click', function (e) {
      e.stopPropagation();
      startPlayback();
    });

    overlay.addEventListener('contextmenu', function (e) {
      e.preventDefault();
    });

    // Logika widoczności nakładki
    player.on('play', function () {
      overlay.classList.remove('is-visible');
      overlay.classList.add('is-hidden');
    });

    player.on('pause', function () {
      overlay.classList.remove('is-hidden');
      overlay.classList.add('is-visible');
    });

    player.on('ended', function () {
      overlay.classList.remove('is-hidden');
      overlay.classList.add('is-visible');
    });
  });
});