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

{% block title_text %}Start a new to-do list{% endblock title_text %}
{% block header_text %}Start a new to-do list{% endblock header_text %}

{% block extra_header %}
    {% url "new_list" as form_action %}
    {% include "apps/dashboard/_partials/_form.html" with form=form form_action=form_action %}
{% endblock extra_header %}

{% block scripts %}
    {% include "apps/dashboard/_partials/_scripts.html" %}
{% endblock scripts %}

{% block content %}
    {% if user.is_authenticated %}
        <section class="theme-picker">
            {% for theme in themes %}
                <div class="theme-picker-item">
                    <div class="swatch {{ theme.name }}{% if user_theme == theme.name %} active{% endif %}{% if theme.locked %} locked{% endif %}"></div>
                    {% if not theme.locked %}
                        <form method="POST" action="{% url 'set_theme' %}">
                            {% csrf_token %}
                            <button type="submit" name="theme" value="{{ theme.name }}" class="btn btn-confirm">OK</button>
                        </form>
                    {% else %}
                        <span class="btn btn-disabled">&times;</span>
                    {% endif %}
                </div>
            {% endfor %}
        </section>
    {% endif %}
{% endblock content %}