document.addEventListener("DOMContentLoaded", function () {
  function updateClocks() {
    const now = new Date();
    const formatTime = (date) => date.toLocaleTimeString("fr-FR");

    // --- PARIS ---
    const parisTime = new Date(
      now.toLocaleString("en-US", { timeZone: "Europe/Paris" }),
    );
    const pDay = parisTime.getDay();
    const pHour = parisTime.getHours();
    const pMin = parisTime.getMinutes();
    const isParisOpen =
      pDay >= 1 &&
      pDay <= 5 &&
      pHour >= 9 &&
      (pHour < 17 || (pHour === 17 && pMin < 30));

    const pEl = document.getElementById("paris-clock");
    if (pEl) {
      pEl.innerText = "Paris : " + formatTime(parisTime);
      pEl.style.color = isParisOpen ? "#28a745" : "#dc3545";
    }

    // --- NEW-YORK ---
    const nyTime = new Date(
      now.toLocaleString("en-US", { timeZone: "America/New_York" }),
    );
    const nyDay = nyTime.getDay();
    const nyHour = nyTime.getHours();
    const nyMin = nyTime.getMinutes();
    const isNyOpen =
      nyDay >= 1 &&
      nyDay <= 5 &&
      nyHour >= 9 &&
      (nyHour < 16 || (nyHour === 9 && nyMin >= 30));

    const nyEl = document.getElementById("ny-clock");
    if (nyEl) {
      nyEl.innerText = "New-York : " + formatTime(nyTime);
      nyEl.style.color = isNyOpen ? "#28a745" : "#dc3545";
    }
  }

  setInterval(updateClocks, 1000);
  updateClocks();
});