{% extends "base_with_header.html" %}

{% block main_container %}
    <div class="list">
        <ul>
            {% for (id, title) in recipes %}
                <li>
                    {% let item_html = "<a href=\"/recipe/view/{}\">{}</a>"|format(id, title) %}
                    {% match current_recipe_id %}
                        {# Don't know how to avoid repetition: comparing (using '==' or .eq()) 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 %}
                                [{{ item_html|escape("none") }}]
                            {% else %}
                                {{ item_html|escape("none") }}
                            {% endif %}
                        {% when None %}
                            {{ item_html|escape("none") }}
                    {% endmatch %}
                </li>
            {% endfor %}
        </ul>
    </div>
    <div class="content">
        {% block content %}{% endblock %}
    </div>
{% endblock %}