script.js

// Character amounts mapping for different player counts
const characterAmounts = {
  5: [3, 0, 1, 1],
  6: [3, 1, 1, 1],
  7: [5, 0, 1, 1],
  8: [5, 1, 1, 1],
  9: [5, 2, 1, 1],
  10: [7, 0, 2, 1],
  11: [7, 1, 2, 1],
  12: [7, 2, 2, 1],
  13: [9, 0, 3, 1],
  14: [9, 1, 3, 1],
  15: [9, 2, 3, 1],
};

// Default values
const DEFAULT_VALUES = {
  PLAYERS: 10,
  TRAVELLERS: 0,
};

// Storage keys
const STORAGE_KEYS = {
  PLAYERS: 'botc-player-count',
  TRAVELLERS: 'botc-traveller-count',
};

// Function to update the title with player count and traveller subtitle
function updateTitle(playerCount, travellerCount) {
  const titleElement = document.getElementById('player-count-title');
  const subtitleElement = document.getElementById('traveller-subtitle');

  titleElement.textContent = `${playerCount} Players`;

  if (travellerCount > 0) {
    subtitleElement.textContent = `+${travellerCount} ${
      travellerCount === 1 ? 'Traveller' : 'Travellers'
    }`;
    subtitleElement.style.display = 'block';
  } else {
    subtitleElement.style.display = 'none';
  }
}

// Function to update character counts based on player count
function updateCharacterCounts(playerCount) {
  const [townsfolk, outsiders, minions, demons] = characterAmounts[playerCount];

  // Update the display for each character type
  document.querySelector('.townsfolk .number').textContent = townsfolk;
  document.querySelector('.outsiders .number').textContent = outsiders;
  document.querySelector('.minions .number').textContent = minions;
  document.querySelector('.demons .number').textContent = demons;

  // Update the title with current traveller count
  const travellerCount = parseInt(
    document.getElementById('travellers-value').textContent
  );
  updateTitle(playerCount, travellerCount);
}

// Function to save values to localStorage
function saveToStorage(key, value) {
  try {
    localStorage.setItem(key, value.toString());
  } catch (e) {
    console.warn('Failed to save to localStorage:', e);
  }
}

// Function to load values from localStorage
function loadFromStorage(key, defaultKey) {
  try {
    const value = localStorage.getItem(key);
    if (value === null) {
      // If no value found, save and return the default
      const defaultValue = DEFAULT_VALUES[defaultKey];
      saveToStorage(key, defaultValue);
      return defaultValue;
    }
    return parseInt(value, 10);
  } catch (e) {
    console.warn('Failed to load from localStorage:', e);
    return DEFAULT_VALUES[defaultKey];
  }
}

// Handle the controls
function adjustValue(type, change) {
  const element = document.getElementById(`${type}-value`);
  let value = parseInt(element.textContent);

  // Apply minimum and maximum values
  if (type === 'players') {
    value = Math.min(15, Math.max(5, value + change)); // Between 5 and 15 players
    updateCharacterCounts(value);
    saveToStorage(STORAGE_KEYS.PLAYERS, value);
  } else if (type === 'travellers') {
    value = Math.min(5, Math.max(0, value + change)); // Between 0 and 5 travellers
    saveToStorage(STORAGE_KEYS.TRAVELLERS, value);
    // Update the title with new traveller count
    const playerCount = parseInt(
      document.getElementById('players-value').textContent
    );
    updateTitle(playerCount, value);
  }

  element.textContent = value;
}

// Get initial player count from URL ?p=N or localStorage
function getInitialPlayerCount() {
  const params = new URLSearchParams(window.location.search);
  const p = params.get('p');
  if (p !== null) {
    const value = parseInt(p, 10);
    if (!isNaN(value) && value >= 5 && value <= 15) {
      return value;
    }
    window.location.replace(`${window.location.pathname}?p=10`);
    return 10;
  }
  return loadFromStorage(STORAGE_KEYS.PLAYERS, 'PLAYERS');
}

// Initialize values from URL/localStorage when the page loads
document.addEventListener('DOMContentLoaded', () => {
  // Load and set player count (URL ?p=N overrides storage)
  const playerCount = getInitialPlayerCount();
  document.getElementById('players-value').textContent = playerCount;
  saveToStorage(STORAGE_KEYS.PLAYERS, playerCount);
  updateCharacterCounts(playerCount);

  // Load and set traveller count
  const travellerCount = loadFromStorage(STORAGE_KEYS.TRAVELLERS, 'TRAVELLERS');
  document.getElementById('travellers-value').textContent = travellerCount;
  updateTitle(playerCount, travellerCount);
});