<%
var titlesBySection = {
        // top-level
        astral: "Astral Info",
        campaigns: "Campaigns",
        campaign: "Campaign Info",
        classes: "Character Classes",
        "magic-items": "Magic Items",
        planes: "Planar Cosmology",
        races: "Character Races",
        rules: "House Rules",

        // planes
        elemental: "Elemental Planes",
        material: "Material Planes",
        near: "Near Planes",
        transcendental: "Transcendental Planes",

        // dragons
        "dragons-chromatic": "Chromatic Dragons",
        "dragons-crystalline": "Crystalline Dragons",
        "dragons-metallic": "Metallic Dragons",

        "herd-mammals": "Herd Mammals",

    },
    unlistedSections = ['main'],
    fixedSection = page?.section?.replace(/\s+/, '-');
%>

<% if (page.path && page.section && page.section === 'licenses' &&
    !page.path.endsWith(`${page.section}/index.html`)) { -%>

    <p>
        The latest version of this license can always be found at
        <a href="/<%=page.path%>"><%=site.uri%>/<%=page.path.replace('/index.html', '/')%></a>.
    </p>

<% } else if (page.path && page.subsection && page.subsection.includes('dragons') &&
    page.path.endsWith(`${page.subsection.replace('-', '/')}/index.html`)) { %>

        <div class="sectionBackLink-wrapper">
            <a href="../index.html" class="sectionBackLink">
                &lt; Back to Dragons
            </a>
        </div>    

<% } else if (page.path && page.subsection &&
    !page.path.endsWith(`${page.subsection.replace('-', '/')}/index.html`)) { %>

    <div class="sectionBackLink-wrapper">
        <a href="./index.html" class="sectionBackLink">
            &lt; Back to <%= titlesBySection[page.subsection]
                ?? page.subsection.charAt(0).toUpperCase() + page.subsection.slice(1) %>
        </a>
    </div>

<% } else if (fixedSection && !unlistedSections.includes(fixedSection) && page.path &&
    !(page.path === `${fixedSection}/index.html` || page.path.endsWith(`/${fixedSection}/index.html`))) { -%>

    <div class="sectionBackLink-wrapper">
        <a href="/<%=fixedSection%>/index.html" class="sectionBackLink">
            &lt; Back to <%= titlesBySection[fixedSection] ?? page.section.charAt(0).toUpperCase() + page.section.slice(1) %>
        </a>
    </div>

<% } -%>

