import { useState, useEffect } from 'react';

const STORAGE_KEY = 'towercontrol_objectives_collapsed';

export function useObjectivesCollapse() {
  const [isCollapsed, setIsCollapsed] = useState(false);

  // Charger l'état au montage
  useEffect(() => {
    try {
      const saved = localStorage.getItem(STORAGE_KEY);
      if (saved !== null) {
        setIsCollapsed(JSON.parse(saved));
      }
    } catch (error) {
      console.warn('Erreur lors du chargement de l\'état de collapse des objectifs:', error);
    }
  }, []);

  const toggleCollapse = () => {
    setIsCollapsed(prev => {
      const newValue = !prev;
      
      // Sauvegarder dans localStorage
      try {
        localStorage.setItem(STORAGE_KEY, JSON.stringify(newValue));
      } catch (error) {
        console.warn('Erreur lors de la sauvegarde de l\'état de collapse des objectifs:', error);
      }
      
      return newValue;
    });
  };

  return {
    isCollapsed,
    toggleCollapse
  };
}