// Custom Hook для управления задачами

function useTodos() {
  // Загрузка из localStorage при инициализации
  const [todos, setTodos] = React.useState(() => {
    const saved = localStorage.getItem('todos')
    return saved ? JSON.parse(saved) : []
  })

  // Сохранение в localStorage при изменении
  React.useEffect(() => {
    localStorage.setItem('todos', JSON.stringify(todos))
  }, [todos])

  // Создание задачи
  const addTodo = (text, priority = 'medium', deadline = null) => {
    const newTodo = {
      id: Date.now().toString(),
      text,
      completed: false,
      priority,
      deadline,
      createdAt: new Date().toISOString()
    }
    setTodos(prev => [newTodo, ...prev])
    return newTodo
  }

  // Переключение статуса
  const toggleTodo = (id) => {
    setTodos(prev => prev.map(todo =>
      todo.id === id ? { ...todo, completed: !todo.completed } : todo
    ))
  }

  // Обновление задачи
  const updateTodo = (id, updates) => {
    setTodos(prev => prev.map(todo =>
      todo.id === id ? { ...todo, ...updates } : todo
    ))
  }

  // Удаление задачи
  const deleteTodo = (id) => {
    setTodos(prev => prev.filter(todo => todo.id !== id))
  }

  // Очистка выполненных
  const clearCompleted = () => {
    setTodos(prev => prev.filter(todo => !todo.completed))
  }

  // Статистика
  const stats = {
    total: todos.length,
    completed: todos.filter(t => t.completed).length,
    active: todos.filter(t => !t.completed).length,
    highPriority: todos.filter(t => t.priority === 'high' && !t.completed).length
  }

  return {
    todos,
    addTodo,
    toggleTodo,
    updateTodo,
    deleteTodo,
    clearCompleted,
    stats
  }
}

// === Демонстрация ===
console.log('=== useTodos Hook Demo ===\n')

// Симуляция React-подобного state
let todosState = []
const setTodos = (fn) => {
  todosState = typeof fn === 'function' ? fn(todosState) : fn
}

// Функции
const addTodo = (text, priority = 'medium') => {
  const newTodo = {
    id: Date.now().toString(),
    text,
    completed: false,
    priority,
    createdAt: new Date().toISOString()
  }
  setTodos(prev => [newTodo, ...prev])
  console.log('✅ Added:', text)
  return newTodo
}

const toggleTodo = (id) => {
  setTodos(prev => prev.map(todo =>
    todo.id === id ? { ...todo, completed: !todo.completed } : todo
  ))
}

// Тестирование
addTodo('Создать React проект', 'high')
addTodo('Написать компоненты', 'medium')
addTodo('Добавить стили', 'low')

console.log('\nTodos:', todosState.map(t => 
  (t.completed ? '✅' : '⬜') + ' [' + t.priority + '] ' + t.text
))

toggleTodo(todosState[0].id)
console.log('\nПосле toggle:')
console.log(todosState.map(t => 
  (t.completed ? '✅' : '⬜') + ' ' + t.text
))

const stats = {
  total: todosState.length,
  completed: todosState.filter(t => t.completed).length,
  active: todosState.filter(t => !t.completed).length
}
console.log('\nStats:', stats)