{% extends 'django_site_documentation/base.html' %}
{% load static %}

{% block title %}{{ doc_title }}{% endblock %}

{% block content %}
<div class="welcome">
    <h1>{{ doc_title }}</h1>
    {% if doc_tree %}
        <p>Select a topic from the sidebar to get started.</p>
        <div class="shelf-cards">
            {% for shelf_slug, shelf in doc_tree.items %}
            <div class="shelf-card">
                <a href="{% url 'django_site_doc_shelf' shelf_slug %}">
                    <h3>{{ shelf.title }}</h3>
                    <p>{{ shelf.children|length }} item{{ shelf.children|length|pluralize }}</p>
                    <ul>
                    {% for child_slug, child in shelf.children.items %}
                        {% if child.type == 'folder' %}
                        <li>{{ child.title }} ({{ child.children|length }} page{{ child.children|length|pluralize }})</li>
                        {% elif child.type == 'page' %}
                        <li>{{ child.title }}</li>
                        {% endif %}
                    {% endfor %}
                    </ul>
                </a>
            </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="empty-state">
            <p>No local project apps found.</p>
            <p>Add a Django app to <code>INSTALLED_APPS</code> and a <code>django-doc/</code> folder will be created automatically.</p>
        </div>
    {% endif %}
</div>
{% endblock %}