{% extends "index.html" %}

{% block header %}
    {{ macros_header::header(config=config, lang=lang, page=page) }}
{% endblock header %}

{% block content %}
    <div class="mb-12 pb-4 border-b border-gray-500/15">
        <h1>{{ page.title }}</h1>
        <p class="text-gray-500">{{ page.description }}</p>
    </div>
    {{ page.content | safe }}
{% endblock content %}

{% block prev_link %}
    {% if page.smaller %}
        <a class="btn bg-base-100 border border-gray-500/15 shadow-lg rounded-xl transition-transform hover:scale-105 hover:shadow-2xl" href="{{ page.smaller.permalink | safe }}">‹ {{ page.smaller.title }}</a>
    {% else %}
        {% set parent = get_section(path=page.ancestors | reverse | first) %}
        <a class="btn bg-base-100 border border-gray-500/15 shadow-lg rounded-xl transition-transform hover:scale-105 hover:shadow-2xl" href="{{ parent.permalink | safe }}">‹ {{ parent.title }}</a>
    {% endif %}
{% endblock prev_link %}

{% block next_link %}
    {% if page.higher %}
        <a class="btn bg-base-100 border border-gray-500/15 shadow-lg rounded-xl transition-transform hover:scale-105 hover:shadow-2xl" href="{{ page.higher.permalink | safe }}">{{ page.higher.title }} ›</a>
    {% else %}
        {% set index = get_section(path="_index.md") %}
        {% set found_current = false %}
        {% for s in index.subsections %}
            {% set subsection = get_section(path=s) %}
            {% if found_current %}
                <a class="btn bg-base-100 border border-gray-500/15 shadow-lg rounded-xl transition-transform hover:scale-105 hover:shadow-2xl" href="{{ subsection.permalink | safe }}">{{ subsection.title }} ›</a>
                {% set_global found_current = false %}
            {% endif %}
            {% for p in subsection.pages %}
                {% if p.permalink == page.permalink %}
                    {% set_global found_current = true %}
                {% endif %}
            {% endfor %}
        {% endfor %}
    {% endif %}
{% endblock next_link %}