// Variáveis Globais
let videoQueue = [];
let currentIndex = -1;
let isPlaying = false;
let playLog = [];
let vinhetaQueuePredefined = [];
let saveHistory = [];
let currentSaveIndex = -1;
let player = null; // Referência para o elemento de vídeo

// Funções para lidar com a playlist
function extractVideoId(url) {
  // Regular expression para extrair o ID do YouTube
  const regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
  const match = url.match(regExp);
  return (match && match[2].length === 11) ? match[2] : null;
}

function addVideo(source, type = 'youtube') {
  if (type === 'youtube') {
    const videoId = extractVideoId(source);
    if (videoId) {
      const tempIndex = videoQueue.length;
      videoQueue.push({ id: videoId, title: 'Carregando...', type: 'youtube' });
      updatePlaylist();
      $(`#playlist li:eq(${tempIndex})`).addClass('loading');
      getVideoDetails(videoId)
        .then(details => {
          videoQueue[tempIndex].title = details.title;
          updatePlaylist();
        })
        .catch(error => {
          console.error('Erro ao obter detalhes do vídeo:', error);
          videoQueue[tempIndex].title = `YouTube Video ${videoId}`;
          updatePlaylist();
        });
    }
  } else if (type === 'local') {
    const file = source;
    const url = URL.createObjectURL(file);
    videoQueue.push({ id: url, title: file.name, type: 'local' });
    updatePlaylist();
  }
}

function updatePlaylist() {
  const $playlist = $('#playlist').empty();
  videoQueue.forEach((video, index) => {
    const $item = $('<li>')
      .addClass('list-group-item d-flex justify-content-between align-items-center draggable-item')
      .text(video.title)
      .data('index', index)
      .appendTo($playlist);

    if (index === currentIndex) {
      $item.addClass('active');
    }

    if (video.title === 'Carregando...') {
      $item.addClass('loading');
    }

    $('<button>')
      .addClass('btn btn-danger btn-sm remove-btn')
      .html('<i class="fas fa-trash"></i>')
      .data('index', index)
      .appendTo($item);
  });

  // Torna a playlist arrastável
  $("#playlist").sortable({
    items: 'li',
    update: function (event, ui) {
      updateVideoQueueAfterSorting();
    }
  });

  // Desabilita o arrastar se o vídeo estiver tocando
  if (isPlaying) {
    $("#playlist").sortable("disable");
  } else {
    $("#playlist").sortable("enable");
  }
}

// Funções para lidar com o player de vídeo
function playVideo(index) {
  if (index >= 0 && index < videoQueue.length) {
    currentIndex = index;
    const video = videoQueue[currentIndex];
    $('#currentSong').text(`Reproduzindo: ${video.title}`);
    isPlaying = true;
    $('#playPauseIcon').removeClass('fa-play').addClass('fa-pause');
    updatePlaylist();
    logPlayback(video);

    // Carrega o vídeo
    if (player) {
      player.src = video.id; 
      player.play(); 
    }
  }
}

function playNext() {
  // Remove o vídeo atual da fila
  if (currentIndex >= 0) {
    videoQueue.splice(currentIndex, 1); // Remove o vídeo atual
  }

  // Avança o índice para o próximo vídeo
  currentIndex = Math.min(currentIndex, videoQueue.length - 1); 

  // Verifica se ainda há vídeos na fila
  if (videoQueue.length > 0) {
    // Se o índice atual for maior ou igual ao comprimento da fila, redefine para 0
    if (currentIndex >= videoQueue.length) {
      currentIndex = 0;
    }

    playVideo(currentIndex); // Reproduz o próximo vídeo
  } else {
    // Se não houver mais vídeos, para a reprodução e atualiza a interface
    isPlaying = false;
    currentIndex = -1;
    $('#currentSong').text('Nenhum vídeo na fila');
    $('#playPauseIcon').removeClass('fa-pause').addClass('fa-play');
  }
}

function togglePlayPause() {
  if (videoQueue.length > 0) {
    if (currentIndex === -1) {
      playVideo(0);
    } else {
      if (isPlaying) {
        player.pause();
        isPlaying = false;
        $('#playPauseIcon').removeClass('fa-pause').addClass('fa-play');
        updatePlaylist();
      } else {
        player.play();
        isPlaying = true;
        $('#playPauseIcon').removeClass('fa-play').addClass('fa-pause');
        updatePlaylist();
      }
    }
  }
}

function updateClock() {
  const now = new Date();
  $('#clock').text(now.toLocaleTimeString());
}

// Funções para lidar com o log de reprodução
function logPlayback(video) {
  const timestamp = new Date().toLocaleString();
  playLog.push(`${timestamp} - ${video.title}`);
  updatePlayLog();
  saveLogToLocalStorage();
}

function updatePlayLog() {
  $('#playLog').text(playLog.join('\n'));
  $('#logContainer').scrollTop($('#logContainer')[0].scrollHeight);
}

function downloadLog() {
  const logText = playLog.join('\n');
  const blob = new Blob([logText], { type: 'text/plain' });
  const a = document.createElement('a');
  a.href = URL.createObjectURL(blob);
  a.download = 'playback_log.txt';
  a.click();
}

function clearLog() {
  playLog = [];
  updatePlayLog();
  saveLogToLocalStorage();
}

function saveLogToLocalStorage() {
  localStorage.setItem('playbackLog', JSON.stringify(playLog));
}

function loadLogFromLocalStorage() {
  const savedLog = localStorage.getItem('playbackLog');
  if (savedLog) {
    playLog = JSON.parse(savedLog);
    updatePlayLog();
  }
}

// Funções para lidar com detalhes de vídeo
function getVideoDetails(videoId) {
  return new Promise((resolve, reject) => {
    $.ajax({
      url: `https://www.googleapis.com/youtube/v3/videos`,
      method: 'GET',
      data: {
        part: 'snippet',
        id: videoId,
        key: 'AIzaSyDplD7jboK8e1FOY9ktW4RsC1N6PaTP_qo' // Substitua pela sua chave da API do YouTube
      },
      success: function (data) {
        if (data.items && data.items.length > 0) {
          resolve({
            title: data.items[0].snippet.title
          });
        } else {
          reject(new Error('Nenhum dado de vídeo encontrado'));
        }
      },
      error: function (xhr, status, error) {
        reject(new Error(`Erro na requisição da API do YouTube: ${error}`));
      }
    });
  });
}

// Funções para lidar com modo escuro
function toggleDarkMode() {
  $('body').toggleClass('dark-mode');
  const isDarkMode = $('body').hasClass('dark-mode');
  localStorage.setItem('darkMode', isDarkMode);
}

// Funções para lidar com vinhetas
function addVinhetaVideo(file) {
  const videoUrl = URL.createObjectURL(file);
  const vinheta = { id: videoUrl, title: file.name, type: 'local' };
  vinhetaQueuePredefined.push(vinheta);  
  updateVinhetaQueuePredefined();
  $('#uploadedVinhetaInfo').text(`Vídeo de vinheta adicionado: ${file.name}`);
}

function updateVinhetaQueuePredefined() {
  const $vinhetaQueuePredefined = $('#vinhetaQueuePredefined').empty();
  vinhetaQueuePredefined.forEach((vinheta, index) => {
    const $item = $('<li>')
      .addClass('list-group-item d-flex justify-content-between align-items-center')
      .text(vinheta.title)
      .data('index', index)
      .data('vinheta', vinheta)
      .appendTo($vinhetaQueuePredefined);

    const $removeBtn = $('<button>')
      .addClass('btn btn-danger btn-sm remove-btn')
      .html('<i class="fas fa-trash"></i>')
      .data('index', index)
      .appendTo($item);

    const $addToPlaylistBtn = $('<button>')
      .addClass('btn btn-success btn-sm')
      .html('<i class="fas fa-arrow-up"></i> Subir para Playlist')
      .data('index', index)
      .appendTo($item);

    // Adicionar vinheta à playlist após o vídeo atual
    $addToPlaylistBtn.click(() => {
      const vinhetaIndex = $addToPlaylistBtn.data('index');
      const selectedVinheta = vinhetaQueuePredefined[vinhetaIndex];
      const nextIndex = currentIndex + 1;
      videoQueue.splice(nextIndex, 0, selectedVinheta);
      updatePlaylist();
      savePlaylistAndVinhetas();
    });
  });
}

function applyAutomaticVinhetas() {
  vinhetaQueuePredefined.forEach(vinheta => {
    const nextIndex = currentIndex + 1;
    videoQueue.splice(nextIndex, 0, vinheta);
  });
  updatePlaylist();
}

// Funções para lidar com a barra de progresso
let progressBar = document.getElementById('progressBar');
let progressText = document.getElementById('progressText');

function updateProgress(progress, currentTime, duration) {
  progressBar.style.width = `${progress}%`;
  progressText.textContent = formatTime(currentTime) + ' / ' + formatTime(duration);
}

function formatTime(seconds) {
  const minutes = Math.floor(seconds / 60);
  const remainingSeconds = Math.floor(seconds % 60);
  return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;
}

function updateProgressFromLocalStorage() {
  const progress = parseFloat(localStorage.getItem('videoProgress')) || 0;
  const currentTime = parseFloat(localStorage.getItem('videoCurrentTime')) || 0;
  const duration = parseFloat(localStorage.getItem('videoDuration')) || 0;
  updateProgress(progress, currentTime, duration);
}

function checkPlayerEvents() {
  const command = localStorage.getItem('playerCommand');
  if (command) {
    const parsedCommand = JSON.parse(command);
    if (parsedCommand.type === 'videoEnded' || parsedCommand.type === 'videoError') {
      playNext();
    }
    if (parsedCommand.type === 'progressUpdate') {
      updateProgressFromLocalStorage();
    }
    localStorage.removeItem('playerCommand');
  }
}

// Funções para lidar com o histórico de salvamento
function savePlaylistAndVinhetas() {
  const timestamp = new Date().toLocaleString();
  saveHistory.push({ timestamp: timestamp, data: { videoQueue: videoQueue, vinhetaQueuePredefined: vinhetaQueuePredefined } });
  updateSaveHistory();
  saveSaveHistory();
}

function loadPlaylistAndVinhetas(historyIndex = currentSaveIndex) {
  if (historyIndex >= 0 && historyIndex < saveHistory.length) {
    const savedData = saveHistory[historyIndex].data;
    videoQueue = savedData.videoQueue;
    vinhetaQueuePredefined = savedData.vinhetaQueuePredefined;
    updatePlaylist();
    updateVinhetaQueuePredefined();
    currentSaveIndex = historyIndex;
  }
}

function saveSaveHistory() {
  localStorage.setItem('saveHistory', JSON.stringify(saveHistory));
}

function loadSaveHistory() {
  const savedHistory = localStorage.getItem('saveHistory');
  if (savedHistory) {
    saveHistory = JSON.parse(savedHistory);
    updateSaveHistory();
  }
}

function updateSaveHistory() {
  const $saveHistoryList = $('#saveHistoryList').empty();
  saveHistory.forEach((save, index) => {
    const $item = $('<li>')
      .addClass('list-group-item d-flex justify-content-between align-items-center')
      .text(save.timestamp)
      .data('index', index)
      .appendTo($saveHistoryList);
  });
  $('#saveHistoryList li').click(function () {
    const index = $(this).data('index');
    loadPlaylistAndVinhetas(index);
    $('#saveHistoryList li').removeClass('active');
    $(this).addClass('active');
  });
}

function updateVideoQueueAfterSorting() {
  videoQueue = [];
  $('#playlist li').each(function () {
    const index = $(this).data('index');
    const videoItem = videoQueue[index];
    videoQueue.push(videoItem);
  });
  savePlaylistAndVinhetas();
}

// Inicializar a página
$(document).ready(function () {
  // Obter o elemento de vídeo
  player = document.getElementById('myVideo');

  // Inicializar os eventos
  $('#playButton').click(togglePlayPause);
  $('#nextButton').click(playNext);
  $('#addButton').click(() => {
    const link = $('#videoLink').val();
    if (link) {
      addVideo(link);
      $('#videoLink').val('');
    }
  });

  // Arrastando e soltando playlist
  $("#playlist").sortable({
    items: 'li',
    update: function (event, ui) {
      updateVideoQueueAfterSorting();
    }
  });
  // Torna os itens arrastáveis
  $('#playlist li').addClass('draggable-item');

  $('#uploadButton').click(() => $('#fileInput').click());
  $('#fileInput').change(e => {
    if (e.target.files.length > 0) {
      addVideo(e.target.files[0], 'local');
      e.target.value = '';
    }
  });

  $('#darkModeToggle').click(toggleDarkMode);
  $('#downloadLog').click(downloadLog);
  $('#clearLog').click(clearLog);

  // Inicializar o menu sanfona
  const saveHistoryAccordion = new bootstrap.Accordion(document.getElementById('saveHistory'), {
    toggle: false
  });

  // Carregar histórico de salvos
  loadSaveHistory();

  // Carregar playlist e vinhetas salvas
  loadPlaylistAndVinhetas();

  $(document).ready(function() {
            $('#playButton').click(togglePlayPause);
            $('#nextButton').click(playNext);
            $('#addButton').click(() => {
                const link = $('#videoLink').val();
                if (link) {
                    addVideo(link);
                    $('#videoLink').val('');
                }
            });
            $('#uploadButton').click(() => $('#fileInput').click());
            $('#fileInput').change(e => {
                if (e.target.files.length > 0) {
                    addVideo(e.target.files[0], 'local');
                    e.target.value = '';
                }
            });
            $('#darkModeToggle').click(toggleDarkMode);
            $('#downloadLog').click(downloadLog);
            $('#clearLog').click(clearLog);

            $('#playlist').on('click', '.list-group-item', function() {
                const index = $(this).data('index');
                playVideo(index);
            });

            $('#playlist').on('click', '.remove-btn', function(e) {
                e.stopPropagation();
                const index = $(this).data('index');
                if (index === currentIndex) {
                    localStorage.setItem('controlCommand', JSON.stringify({ type: 'stopVideo' }));
                    isPlaying = false;
                    currentIndex = -1;
                    $('#currentSong').text('Nenhum vídeo na fila');
                } else if (index < currentIndex) {
                    currentIndex--;
                }
                videoQueue.splice(index, 1);
                updatePlaylist();
            });

            setInterval(updateClock, 1000);
            loadLogFromLocalStorage();

            const savedDarkMode = localStorage.getItem('darkMode');
            if (savedDarkMode === 'true') {
                $('body').addClass('dark-mode');
            }
        });


  $('#uploadVinhetaBtn').click(() => {
    $('#vinhetaVideoUpload').click();
  });

  $('#vinhetaVideoUpload').change(event => {
    const file = event.target.files[0];
    if (file) {
      addVinhetaVideo(file);
    }
  });

  $('#vinhetaQueuePredefined').on('click', '.remove-btn', function (e) {
    e.stopPropagation();
    const index = $(this).data('index');
    vinhetaQueuePredefined.splice(index, 1);
    updateVinhetaQueuePredefined();
  });

  $('#applyAutomaticVinhetas').click(applyAutomaticVinhetas);

  setInterval(updateClock, 1000);
  setInterval(checkPlayerEvents, 1000);

  loadLogFromLocalStorage();

  const savedDarkMode = localStorage.getItem('darkMode');
  if (savedDarkMode === 'true') {
    $('body').addClass('dark-mode');
  }

  // Adicionar ouvintes de eventos para o player de vídeo
  player.addEventListener('timeupdate', () => {
    const currentTime = player.currentTime;
    const duration = player.duration;
    const progress = (currentTime / duration) * 100;
    updateProgress(progress, currentTime, duration);
    localStorage.setItem('videoProgress', progress);
    localStorage.setItem('videoCurrentTime', currentTime);
    localStorage.setItem('videoDuration', duration);
  });

  player.addEventListener('ended', () => {
    localStorage.setItem('playerCommand', JSON.stringify({ type: 'videoEnded' }));
  });

  player.addEventListener('error', () => {
    localStorage.setItem('playerCommand', JSON.stringify({ type: 'videoError' }));
  });
});

// Carrega a playlist e as vinhetas salvas a partir do histórico selecionado
$('#loadHistoryButton').click(function () {
  const activeItem = $('#saveHistoryList li.active');
  const index = activeItem.length ? activeItem.data('index') : currentSaveIndex;
  loadPlaylistAndVinhetas(index);
});

// Apaga o histórico de salvos
$('#clearHistoryButton').click(function () {
  saveHistory = [];
  localStorage.removeItem('saveHistory');
  updateSaveHistory();
  currentSaveIndex = -1;
});

//xxxxxxxxxxxxxxxxxxxxxxxxxx

   setInterval(function() {
            const command = localStorage.getItem('playerCommand');
            if (command) {
                const parsedCommand = JSON.parse(command);
                switch(parsedCommand.type) {
                    case 'videoEnded':
                        playNext();
                        break;
                    case 'videoError':
                        console.error('Video error occurred');
                        playNext();
                        break;
                }
                localStorage.removeItem('playerCommand');
            }

            const progress = localStorage.getItem('playerProgress');
            if (progress) {
                const parsedProgress = JSON.parse(progress);
                $('#progressBar').css('width', `${parsedProgress.progress}%`);
                localStorage.removeItem('playerProgress');
            }
        }, 100);
		
		</script>