main.js

let header = document.querySelector(".header");
let closBtn = document.querySelector(`.nav-close`);
let openBtn = document.querySelector(`.nav-open`);

let navBtn = document.querySelectorAll(".main-nav ul li");

navBtn.forEach((e) => {
  e.onclick = function () {
    header.classList.toggle("open");
  };
});

openBtn.addEventListener("click", (e) => {
  header.classList.add("open");
});
closBtn.addEventListener("click", (e) => {
  header.classList.remove("open");
});

//BMI CALCULATOR
function calculateBmi(e) {

  let weightInput = document.querySelector(".weight-input");
  let heightInput = document.querySelector(".height-input");
  let bmiResult = document.querySelector(".result-bmi");
  let weightResult = document.querySelector(".result-weight");



  // Check if the elements are present before accessing their values
  if (weightInput && heightInput) {
    let weight = parseFloat(weightInput.value);
    let height = parseFloat(heightInput.value);

    if (isNaN(weight) || isNaN(height) || height <= 0) {
      bmiResult.textContent = '';
      weightResult.textContent = 'Please enter valid weight and height values.';
      return;
    }

    let bmi = (weight / (height * height)) * 10000; // Adjust for height in cm

    bmiResult.innerHTML = bmi.toFixed(2);
    
    if (bmi <= 24.9) {
      weightResult.innerHTML = 'underweight';
    } else if (bmi >= 25 && bmi <= 29.9) {
      weightResult.innerHTML = 'healthy weight';
    } else {
      weightResult.innerHTML = 'overweight';
    }
  }
}

// *********************************************************************Scedule
//hena darna object dyalna howa lwl bach ikon intiliase to others

const schedules = {
  Monday: {
    className1: "BasketBall",
    time1: "10:30am-12:00am",
    trainer1: "Youssef Smith",
  },
  Tuesday: {
    className1: "Yoga",
    time1: "10:30am-11:30am",
    trainer1: "Isabella Thomas",
    className2: "Yoga",
    time2: "10:00am-11:00am",
    trainer2: "Ethan Brown",
    className3: "Crossfit",
    time3: "4:00am-5:00am",
    trainer3: "Sophia Martinez",
  },
  Wednesday: {
    className1: "fitness",
    time1: "11:30am-12:30am",
    trainer1: "Sophia Martinez",
  },
  Thursday: {
    className1: "Cross fit",
    time1: "8:30am-9:30am",
    trainer1: "William Anderson",
  },
  Friday: {
    className1: "FootBall",
    time1: "9:30am-10:30am",
    trainer1: "Ethan Brown",
  },
  Saturday: {
    className1: "fitness",
    time1: "11:30am-12:30am",
    trainer1: "Emily Smith",
  },
  Sunday: {
    className1: "Running",
    time1: "10:30am-12:00am",
    trainer1: "James Johnson",
  },
};

// hena darna declare list and initialize
let list = document.querySelectorAll(".days li");

showData();

list.forEach((dayElement) => {
  dayElement.onclick = function (e) {
    // Add "active" class to the clicked element
    e.currentTarget.classList.add("active");

    // Remove "active" class from all other elements
    list.forEach((li) => {
      if (li !== e.currentTarget) {
        li.classList.remove("active");
      }
    });

    // Store a unique identifier (for example, the day name) in localStorage
    localStorage.setItem("selectedDay", e.currentTarget.dataset.day); // current target ki locala as string

    // Show schedule for the clicked day
    showSchedule(e.currentTarget.dataset.day);
  };
});

// ... (Previous code remains unchanged)

function showSchedule(day) {
  const scheduleContent = document.getElementById("scheduleContent");

  // Check if the scheduleContent element is found
  if (scheduleContent) {
    scheduleContent.innerHTML = ""; // Clear previous content

    const schedule = schedules[day];

    if (schedule) {
      // Iterate over each session and create HTML elements
      for (let i = 1; i <= 3; i++) {
        const className = schedule[`className${i}`];
        const time = schedule[`time${i}`];
        const trainer = schedule[`trainer${i}`];

        if (className && time && trainer) {
          scheduleContent.innerHTML += `
            <ul class="content-table">
              <li>
                <p class="text">Class Name</p>
                <p class="content">${className}</p>
              </li>
              <li>
                <p class="text">Time</p>
                <p class="content">${time}</p>
              </li>
              <li>
                <p class="text">Trainer</p>
                <p class="content">${trainer}</p>
              </li>
              <li>
                <button class="button">Join Now</button>
              </li>
            </ul>`;
        }
      }
    }
  } else {
    console.error("Element with ID 'scheduleContent' not found.");
  }
}

// ... (Remaining code remains unchanged)

function showData() {
  let storedDay = localStorage.getItem("selectedDay");

  // If "selectedDay" is found, apply the "active" class to the corresponding element
  if (storedDay) {
    list.forEach((dayElement) => {
      if (dayElement.dataset.day === storedDay) {
        // ila kant sotredday ki sawi datsetday dir lih class active
        dayElement.classList.add("active");
      } else {
        dayElement.classList.remove("active");
      }
    });

    if (storedDay) {
      showSchedule(storedDay); // il kan l9ima lmokhazana fi local baynha bnfs function showSchedule
    }
  } else {
    showSchedule("Monday");
  }
}