{% extends "base_with_header.html" %}

{% macro recipe_item(id, title, class) %}
<a href="/recipe/view/{{ id }}" class="{{ class }}">
    {% if title == "" %}
        {# TODO: Translation #}
        No title defined
    {% else %}
        {{ title }}
    {% endif %}
</a>
{% endmacro %}

{% block main_container %}
    <nav class="recipes-list">
        <ul>
            {% for (id, title) in recipes.list %}
                <li>
                    {% match recipes.current_id %}
                        {# Don't know how to avoid
                           repetition: comparing (using '==' or .eq()) recipes.current_recipe_id.unwrap() and id doesn't work.
                           Guards for match don't exist.
                           See: https://github.com/djc/askama/issues/752 #}
                        {% when Some(current_id) %}
                            {% if current_id == id %}
                                {% call recipe_item(id, title, "recipe-item-current") %}
                            {% else %}
                                {% call recipe_item(id, title, "recipe-item") %}
                            {% endif %}
                        {% when None %}
                            {% call recipe_item(id, title, "recipe-item") %}
                    {% endmatch %}
                </li>
            {% endfor %}
        </ul>
    </nav>
    {% block content %}{% endblock %}
{% endblock %}