{% extends "testapp/base.html" %}

{% block title %}django-gandalf examples{% endblock %}

{% block content %}
    <h1>django-gandalf examples</h1>
    <p class="lede">
        Every wizard the test app mounts, grouped by the thing it demonstrates.
        These are the same viewsets the test suite drives, so anything you can
        click through here is behaviour something asserts on — and each page
        carries a banner naming the example, its description and the template
        rendering it.
    </p>
    <p class="lede">
        Finishing a wizard lands you on a plain-text page rather than a styled
        one. That is deliberate: <code>done()</code> returns a bare
        <code>HttpResponse</code> whose exact bytes the tests assert on. Use
        the browser's back button, or the bar above, to get out.
    </p>

    {% for group in groups %}
        <section class="group">
            <h2>{{ group.title }}</h2>
            <p class="group__blurb">{{ group.blurb }}</p>
            <ul class="examples">
                {% for example in group.examples %}
                    <li>
                        <a href="{{ example.url }}">{{ example.label }}</a>
                        <span class="mono">{{ example.url_name }}</span>
                        <p>{{ example.description|default:"(no description)" }}</p>
                        {% if example.note %}<p class="note">{{ example.note }}</p>{% endif %}
                    </li>
                {% endfor %}
            </ul>
        </section>
    {% endfor %}
{% endblock %}