{% extends 'layout.html' %}
{% load utilities %}
{% load i18n %}

{% block title %}{% trans "Lists" %}{% endblock %}

{% block content %}

<header class="block columns is-mobile">
    <div class="column">
        <h1 class="title">
            {% trans "Lists" %}
            {% if request.user.is_authenticated %}
            <a class="help has-text-weight-normal" href="{% url 'user-lists' request.user|username %}">{% trans "Your Lists" %}</a>
            {% endif %}
        </h1>
    </div>
    {% if request.user.is_authenticated %}
    <div class="column is-narrow">
        {% trans "Create List" as button_text %}
        {% include 'snippets/toggle/open_button.html' with controls_text="create_list" icon_with_text="plus" text=button_text focus="create_list_header" %}
    </div>
    {% endif %}
</header>
{% if request.user.is_authenticated %}
<div class="block">
    {% include 'lists/create_form.html' with controls_text="create_list" %}
</div>
{% endif %}

{% if request.user.is_authenticated %}
<nav class="tabs">
    <ul>
        {% url 'lists' as url %}
        <li{% if request.path in url %} class="is-active"{% endif %}>
            <a href="{{ url }}">{% trans "All Lists" %}</a>
        </li>
        {% url 'saved-lists' as url %}
        <li{% if url in request.path %} class="is-active"{% endif %}>
            <a href="{{ url }}">{% trans "Saved Lists" %}</a>
        </li>
    </ul>
</nav>
{% endif %}

{% if lists %}
<section class="block">
    {% include 'lists/list_items.html' with lists=lists %}
</section>

<div>
    {% include 'snippets/pagination.html' with page=lists path=path %}
</div>
{% endif %}

{% endblock %}