popup.js

document.getElementById('csvFile').addEventListener('change', (event) => {
  const file = event.target.files[0];
  if (file) {
    const reader = new FileReader();
    reader.onload = (e) => {
      const urls = e.target.result.split('\n').filter(url => url.trim() !== '');
      processUrls(urls);
    };
    reader.onerror = (error) => {
      console.error('Erreur lors de la lecture du fichier:', error);
    };
    reader.readAsText(file, 'UTF-8');
  }
});

// Fonction pour basculer entre les modes d'entrée
function toggleInputMode(mode) {
  const csvInput = document.getElementById('csvInput');
  const textInput = document.getElementById('textInput');
  const csvToggle = document.getElementById('csvToggle');
  const textToggle = document.getElementById('textToggle');

  if (mode === 'csv') {
    csvInput.style.display = 'block';
    textInput.style.display = 'none';
    csvToggle.classList.add('active');
    textToggle.classList.remove('active');
  } else {
    csvInput.style.display = 'none';
    textInput.style.display = 'block';
    csvToggle.classList.remove('active');
    textToggle.classList.add('active');
  }
}

// Écouteurs d'événements pour les boutons de bascule
document.getElementById('csvToggle').addEventListener('click', () => toggleInputMode('csv'));
document.getElementById('textToggle').addEventListener('click', () => toggleInputMode('text'));

// Fonction pour charger les URLs à partir du texte
function loadUrlsFromText() {
  const urlText = document.getElementById('urlTextArea').value;
  const urls = urlText.split('\n').filter(url => url.trim() !== '');
  if (urls.length > 0) {
    processUrls(urls);
    saveTextAreaContent(); // Sauvegarder après le chargement
  } else {
    console.error('Aucune URL valide trouvée dans la zone de texte.');
  }
}

// Écouteur d'événement pour le bouton de chargement des URLs
document.getElementById('loadUrls').addEventListener('click', loadUrlsFromText);

// Fonction commune pour traiter les URLs
function processUrls(urls) {
  preview.innerHTML = '';
  images = [];
  allUrls = urls; // Store all URLs
  hasError = false;

  urls.forEach((url, index) => {
    const img = new Image();
    img.onload = function() {
      images.push({ url: url, element: img });
      if (images.length === urls.length) {
        showPreview();
      }
    };
    img.onerror = function() {
      hasError = true;
      showError(`Error: URL at line ${index + 1} is not a valid image: ${url}`);
    };
    img.src = url;
  });

  setTimeout(() => {
    updateDownloadAllButtonVisibility();
  }, 0);
}

function showError(message) {
  const errorDiv = document.createElement('div');
  errorDiv.className = 'error-message';
  errorDiv.textContent = message;
  preview.appendChild(errorDiv);
  previewSection.style.display = 'block';
  
  // Hide Download All button when there's an error
  updateDownloadAllButtonVisibility();
}

function updateDownloadAllButtonVisibility() {
  const downloadAllButton = document.getElementById('downloadAll');
  downloadAllButton.style.display = (images.length > 0 && !hasError) ? 'block' : 'none';
}

// Fonction pour cacher la section d'instructions
function hideInstructions() {
  document.getElementById('instructionsSection').style.display = 'none';
}

// Écouteur d'événement pour le bouton de fermeture des instructions
document.getElementById('hideInstructions').addEventListener('click', hideInstructions);

let currentPage = 1;
const imagesPerPage = 10;
let allUrls = [];
let images = [];

function showPreview() {
  const preview = document.getElementById('preview');
  preview.innerHTML = '';
  currentPage = 1;
  previewImages();
  updatePaginationControls();
  document.getElementById('previewSection').style.display = 'block';
}

function previewImages() {
  const preview = document.getElementById('preview');
  preview.innerHTML = '';
  const startIndex = (currentPage - 1) * imagesPerPage;
  const endIndex = startIndex + imagesPerPage;
  const imagesToShow = images.slice(startIndex, endIndex);

  imagesToShow.forEach(image => {
    const container = document.createElement('div');
    container.className = 'image-container';
    
    container.appendChild(image.element);
    
    const urlText = document.createElement('p');
    urlText.textContent = image.url;
    urlText.className = 'image-url';
    
    container.appendChild(urlText);
    preview.appendChild(container);
  });
}

function updatePaginationControls() {
  const totalPages = Math.ceil(images.length / imagesPerPage);
  document.getElementById('pageInfo').textContent = `Page ${currentPage} of ${totalPages}`;
  document.getElementById('prevPage').style.display = currentPage > 1 ? 'block' : 'none';
  document.getElementById('nextPage').style.display = currentPage < totalPages ? 'block' : 'none';
  updateDownloadAllButtonVisibility();
}

// Fonction pour sauvegarder le contenu de la zone de texte
function saveTextAreaContent() {
  const textArea = document.getElementById('urlTextArea');
  chrome.storage.local.set({ 'savedUrls': textArea.value }, function() {
    console.log('URLs sauvegardées');
  });
}

// Modifier la fonction loadTextAreaContent
function loadTextAreaContent() {
  chrome.storage.local.get(['savedUrls'], function(result) {
    if (result.savedUrls) {
      document.getElementById('urlTextArea').value = result.savedUrls;
      toggleInputMode('text'); // Afficher l'onglet Texte si des URLs sont sauvegardées
    }
  });
}

// Ajouter un écouteur d'événements pour sauvegarder le contenu lors de la saisie
document.getElementById('urlTextArea').addEventListener('input', saveTextAreaContent);

// Charger le contenu sauvegardé et configurer l'interface lors de l'ouverture de la popup
document.addEventListener('DOMContentLoaded', () => {
  loadTextAreaContent();
  // Les autres initialisations peuvent rester ici si nécessaire
});

// Fonction pour effacer le contenu de la zone de texte
function clearTextArea() {
  document.getElementById('urlTextArea').value = '';
  saveTextAreaContent(); // Sauvegarder l'état vide
  console.log('Zone de texte effacée');
}

// Écouteur d'événement pour le bouton d'effacement
document.getElementById('clearUrls').addEventListener('click', clearTextArea);

// ... reste du code existant ...