{% extends "index.html" %}

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

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

    {% if section.pages %}
        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 mb-6">
            {% for page in section.pages %}
                <a href="{{ page.permalink | safe }}" class="btn bg-base-100 border border-gray-500/15 shadow-lg rounded-xl transition-transform hover:scale-105 hover:shadow-2xl shadow-md h-full cursor-pointer hover:bg-base-300 transition-shadow no-underline">
                    <div class="p-4">
                        <h2 class="m-2">
                            {{ page.title }}
                        </h2>
                    </div>
                </a>
            {% endfor %}
        </div>
    {% endif %}
{% endblock content %}

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

{% block next_link %}
    {% if section.pages %}
        {% set next_page = section.pages | 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="{{ next_page.permalink | safe }}">{{ next_page.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 %}
            {% if subsection.permalink == section.permalink %}
                {% set_global found_current = true %}
            {% endif %}
        {% endfor %}
    {% endif %}
{% endblock next_link %}