{% extends "global/hero.njk" %}

{% block heroImg %}
    <picture>
        <source srcset="/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.avif" media="(orientation: landscape)" />
        <img src="/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.avif" alt="Banner of Cassette Beasts Shrine" />
    </picture>
{% endblock %}

{% block eventScript %}
    const todayEvent = getTodayEvent();

    if (todayEvent) {
        heroTopBarEl.classList.remove('hidden');
        heroTopBarEl.innerHTML = todayEvent;
    }

    function getTodayEvent() {
        const date = new Date();
        const month = date.getMonth() + 1;
        const day = date.getDate();
        const year = date.getFullYear();

        const cbReleaseDate = new Date("2023-04-26").getFullYear();
        const pierReleaseDate = new Date("2023-10-04").getFullYear();
        const cbAnniversary = year - cbReleaseDate;
        const pierAnniversary = year - pierReleaseDate;

        if (month === 4 && day === 26)
            return `
                Today is the ${cbAnniversary}-year anniversary of the release of {% cite "Cassette Beasts" %}!
            `;
        else if (month === 10 && day === 4)
            return `
                Today is the ${pierAnniversary}-year anniversary of the release of <cite>Pier of the Unknown</cite>, the first DLC expansion of {% cite "Cassette Beasts" %}!
            `;
        else
            return null;
    }
{% endblock %}