{% extends "base.html" %}

{% block content %}
    <h1>Project Documentation</h1>
    
    {% for group in entry_groups %}
        <div class="doc-entry" id="{{ group.name }}">
            <h2>
                {{ group.name }} 
                <span class="badge badge-{% if group.type == 'UDO' %}udo{% elif group.type == 'Instrument' %}instrument{% else %}struct{% endif %}">
                    {{ group.type }}
                </span>
            </h2>

            {# Handle multiple signatures for overloads #}
            {% for entry in group.entries %}
                <div class="overload-item">
                    <div class="signature">
                        {% if group.type == 'UDO' %}
                            {# Functional Form Only #}
                            <div>
                                {% if entry.returns %}
                                    {% for ret in entry.returns %}{{ ret.name or '?' }}{% if not loop.last %}, {% endif %}{% endfor %} = 
                                {% elif entry.outputs %}
                                    {{ entry.outputs }} = 
                                {% endif %}
                                <strong>{{ entry.name }}</strong>({% for param in entry.params %}{{ param.name or '?' }}{% if not loop.last %}, {% endif %}{% endfor %})
                            </div>
                        {% else %}
                            {# Instrument / Struct form (simple) #}
                            {% if entry.outputs %}{{ entry.outputs }} {% endif %}
                            <strong>{{ entry.name }}</strong>
                            {% if entry.inputs %} {{ entry.inputs }}{% endif %}
                        {% endif %}
                    </div>
                    
                    <div class="description">
                        {{ entry.description | markdown | safe }}
                    </div>
                    
                    {% if entry.params %}
                    <h3>Parameters</h3>
                    <ul class="tag-list">
                        {% for param in entry.params %}
                        <li>
                            <span class="tag-name">{{ param.name }}</span>
                            {% if param.type_info %}
                                {% if param.type_info in documented_names %}
                                    <a href="#{{ param.type_info }}" class="tag-type">{{ param.type_info }}</a>
                                {% else %}
                                    <span class="tag-type">{{ param.type_info }}</span>
                                {% endif %}
                            {% endif %}
                            <span class="tag-desc">{{ param.description }}</span>
                        </li>
                        {% endfor %}
                    </ul>
                    {% endif %}

                    {% if entry.returns %}
                    <h3>Returns</h3>
                    <ul class="tag-list">
                        {% for ret in entry.returns %}
                        <li>
                            <span class="tag-name">{% if ret.name %}{{ ret.name }}{% else %}return{% endif %}</span>
                            {% if ret.type_info %}
                                {% if ret.type_info in documented_names %}
                                    <a href="#{{ ret.type_info }}" class="tag-type">{{ ret.type_info }}</a>
                                {% else %}
                                    <span class="tag-type">{{ ret.type_info }}</span>
                                {% endif %}
                            {% endif %}
                            <span class="tag-desc">{{ ret.description }}</span>
                        </li>
                        {% endfor %}
                    </ul>
                    {% endif %}
                    
                    <p style="font-size: 0.8em; color: #999; margin-top: 10px;">
                        Defined in <code>{{ entry.file_path }}</code> at line {{ entry.line_number }}
                    </p>
                    {% if not loop.last %}<hr style="border: 0; border-top: 1px dashed #eee; margin: 20px 0;">{% endif %}
                </div>
            {% endfor %}
        </div>
    {% endfor %}
{% endblock %}