script.js

const tbody = document.querySelector("#invoiceTable tbody");

function generateMonth() {
    const monthInput = document.getElementById("invoiceMonth").value;
    const period = document.getElementById("periodType").value;

    if (!monthInput) {
        alert("Please select a month");
        return;
    }

    const tbody = document.querySelector("#invoiceTable tbody");
    tbody.innerHTML = "";

    const [year, month] = monthInput.split("-");
    const daysInMonth = new Date(year, month, 0).getDate();

    let startDay = 1;
    let endDay = daysInMonth;

    if (period === "first") {
        endDay = 15;
    } else if (period === "second") {
        startDay = 16;
    }

    for (let day = startDay; day <= endDay; day++) {
        const date = new Date(year, month - 1, day);
        const dayName = date.toLocaleDateString("en-US", { weekday: "long" });
        const isWeekend = date.getDay() === 0 || date.getDay() === 6;

        const row = document.createElement("tr");
        row.innerHTML = `
            <td><input type="date" value="${year}-${month}-${String(day).padStart(2, "0")}"></td>
            <td>${dayName}</td>
            <td><input type="number" min="0" value="${isWeekend ? 0 : 8}" onchange="calculate()"></td>
            <td><input type="number" min="0" value="0" onchange="calculate()"></td>
            <td class="rowTotal">0.00</td>
            <td>
                <button onclick="this.closest('tr').remove(); calculate();">Remove</button>
            </td>
        `;
        tbody.appendChild(row);
    }

    calculate();
}

function addRow(dateValue = "", isWeekend = false) {
    const row = document.createElement("tr");

    row.innerHTML = `
        <td><input type="date" value="${dateValue}"></td>
        <td>${dateValue ? new Date(dateValue).toLocaleDateString('en-US', { weekday: 'long' }) : ""}</td>
        <td><input type="number" min="0" value="${isWeekend ? 0 : 8}" onchange="calculate()"></td>
        <td><input type="number" min="0" value="0" onchange="calculate()"></td>
        <td class="rowTotal">0.00</td>
        <td><button onclick="this.closest('tr').remove(); calculate();">Remove</button></td>
    `;

    tbody.appendChild(row);
    calculate();
}

function calculate() {
    let grandTotal = 0;
    document.querySelectorAll("#invoiceTable tbody tr").forEach(row => {
        const hours = parseFloat(row.cells[2].querySelector("input").value) || 0;
        const rate = parseFloat(row.cells[3].querySelector("input").value) || 0;
        const total = hours * rate;
        row.querySelector(".rowTotal").textContent = total.toFixed(2);
        grandTotal += total;
    });
    document.getElementById("grandTotal").textContent = grandTotal.toFixed(2);
}

function saveInvoice() {
    localStorage.setItem("htna_invoice", document.querySelector(".container").innerHTML);
    alert("Invoice Saved Locally");
}

window.onload = function() {
    const saved = localStorage.getItem("htna_invoice");
    if (saved) document.querySelector(".container").innerHTML = saved;
}