main.js

import { dishes } from './assets/arrays.js';
import { allergies } from './assets/arrays.js';
import {
    generateRandomDishes,
    generateWeeklyFood,
    createWeekdayStructure
} from "./util.js";

//
let userAlergies = new Set();
let userPickedStartDate = 0;

const ulAlergies = document.getElementById("alergies");

//
const calendarStartDate = document.getElementById('calendarStartDatePicker');
const today = new Date();
const formattedDate = today.toISOString().split("T")[0]; // Format as YYYY-MM-DD
calendarStartDate.min = formattedDate;

calendarStartDate.addEventListener('input', function (e) {
    //clickedDay is the day someone clicks on
    const clickedDay = new Date(e.target.value);

    //assigned Monday to index 0, Tuesday to index 1, Wednesday to index 2, Thursday to index 3, Friday to index 4, Saturday to index 5, Sunday to index 6
    let weekDay = clickedDay.getDay();

    let randomDishes = generateRandomDishes(userAlergies, dishes, 7);
    console.log(randomDishes);
    userPickedStartDate = weekDay;
    generateWeeklyFood(randomDishes, userPickedStartDate);
});

allergies.forEach(allergy => {
    // Create a <li> element
    const li = document.createElement("li");
    li.className = "allergen";

    // Create the <input> checkbox
    const checkbox = document.createElement("input");
    checkbox.type = "checkbox";
    checkbox.className = "checkbox";
    checkbox.id = allergy.toLowerCase().replace(/\s+/g, "-");
    checkbox.value = allergy;

    checkbox.addEventListener("click", handleCheckBoxClick);

    // Create the <p> element for the allergy text
    const p = document.createElement("p");
    p.textContent = allergy;

    // Append the checkbox and <p> to the <li>
    li.appendChild(checkbox);
    li.appendChild(p);

    // Append the <li> to the <ul>
    ulAlergies.appendChild(li);
});

function handleCheckBoxClick(event) {
    let checkBoxValue = event.target.value;

    if (userAlergies.has(checkBoxValue)) {
        userAlergies.delete(checkBoxValue);
    } else {
        userAlergies.add(checkBoxValue);
    }

    let randomDishes = generateRandomDishes(userAlergies, dishes, 7);
    generateWeeklyFood(randomDishes, userPickedStartDate);
}