{% extends "base.html" %}

{% block title %}{{ page_title }}{% endblock %}

{% block content %}
<main class="container">
    <hgroup>
        <h1>📚 Dokumentation</h1>
        <p>Startfiles und Handbücher direkt im Browser lesen.</p>
    </hgroup>

    <div class="grid" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));">
        {% for doc in docs %}
        <article>
            <header>📄 {{ doc.name }}</header>
            <p><code>{{ doc.file }}</code></p>
            <footer>
                <a href="/docs/{{ doc.file }}" role="button" class="outline">Lesen →</a>
            </footer>
        </article>
        {% else %}
        <p>Keine Dokumentation gefunden. 🤷‍♂️</p>
        {% endfor %}
    </div>

    <hr>
    <p><small>Hinweis: Diese Dateien liegen im Root-Verzeichnis des Servers.</small></p>
</main>
{% endblock %}