Method renderQuickStats

app.js:1701–1732

()

    }

    renderQuickStats() {
        const avgPerMeal = document.getElementById('avgPerMeal');
        const mostExpensiveDay = document.getElementById('mostExpensiveDay');
        const cheapestDay = document.getElementById('cheapestDay');

        // Calculate average per meal
        if (this.expenses.length > 0) {
            const avg = this.derived.totalSpent / this.expenses.length;
            avgPerMeal.textContent = formatCurrency(avg);
        } else {
            avgPerMeal.textContent = '₹0';
        }

        // Calculate most/cheapest days
        const dayTotals = {};
        const dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];

        this.expenses.forEach(exp => {
            const date = new Date(exp.date);
            const dayName = dayNames[date.getDay()];
            dayTotals[dayName] = (dayTotals[dayName] || 0) + exp.cost;
        });

        if (Object.keys(dayTotals).length > 0) {
            const sortedDays = Object.entries(dayTotals).sort((a, b) => b[1] - a[1]);
            mostExpensiveDay.textContent = sortedDays[0][0];
            cheapestDay.textContent = sortedDays[sortedDays.length - 1][0];
        } else {
            mostExpensiveDay.textContent = '--';
            cheapestDay.textContent = '--';
        }
    }

    renderMealInsights() {
        const topMealType = document.getElementById('topMealType');