{% load i18n %}
{% csrf_token %}
{% load utilities %}
<input type="hidden" name="user" value="{{ request.user.id }}">

<div class="columns">
    <div class="column is-two-thirds">
        <div class="field">
            <label class="label" for="id_name">{% trans "Name:" %}</label>
            {{ list_form.name }}
        </div>
        <div class="field">
            <label class="label" for="id_description">{% trans "Description:" %}</label>
            {{ list_form.description }}
        </div>
    </div>
    <div class="column">
        <fieldset class="field">
            <legend class="label">{% trans "List curation:" %}</legend>

            <label class="field" data-hides="list_group_selector">
                <input type="radio" name="curation" value="closed"{% if not list or list.curation == 'closed' %} checked{% endif %}> {% trans "Closed" %}
                <p class="help mb-2">{% trans "Only you can add and remove books to this list" %}</p>
            </label>

            <label class="field" data-hides="list_group_selector">
                <input type="radio" name="curation" value="curated"{% if list.curation == 'curated' %} checked{% endif %}> {% trans "Curated" %}
                <p class="help mb-2">{% trans "Anyone can suggest books, subject to your approval" %}</p>
            </label>

            <label class="field" data-hides="list_group_selector">
                <input type="radio" name="curation" value="open"{% if list.curation == 'open' %} checked{% endif %}> {% trans "Open" context "curation type"  %}
                <p class="help mb-2">{% trans "Anyone can add books to this list" %}</p>
            </label>

            <label class="field hidden-form">
                <input type="radio" name="curation" value="group"{% if list.curation == 'group' %} checked{% endif %} > {% trans "Group" %}
                <p class="help mb-2">{% trans "Group members can add to and remove from this list" %}</p>
                <fieldset class="{% if list.curation != 'group' %}is-hidden{% endif %}" id="list_group_selector">
                {% if user.memberships.exists %}
                    <label class="label" for="id_group" id="group">{% trans "Select Group" %}</label>
                    <div class="field has-addons">
                        <div class="select control">
                            <select name="group" id="id_group">
                                <option value="" disabled {% if not list.group %} selected{% endif %}>{% trans "Select a group" %}</option>
                                {% for membership in user.memberships.all %}
                                <option value="{{ membership.group.id }}" {% if list.group.id == membership.group.id %} selected{% endif %}>{{ membership.group.name }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                {% else %}
                    {% with user|username as username %}
                    {% url 'user-groups' user|username as url %}
                    <div>
                        <p>{% trans "You don't have any Groups yet!" %}</p>
                        <p>
                            <a class="help has-text-weight-normal" href="{{ url }}">{% trans "Create a Group" %}</a>
                        </p>
                    </div>
                    {% endwith %}
                {% endif %}
                </fieldset>
            </label>
        </fieldset>
    </div>
</div>
<div class="columns is-mobile">
    <div class="column">
        <div class="field has-addons">
            <div class="control">
                {% include 'snippets/privacy_select.html' with current=list.privacy %}
            </div>
            <div class="control">
                <button type="submit" class="button is-primary">{% trans "Save" %}</button>
            </div>
        </div>
    </div>
    {% if list.id %}
    <div class="column is-narrow">
        {% trans "Delete list" as button_text %}
        {% include 'snippets/toggle/toggle_button.html' with class="is-danger" text=button_text icon_with_text="x" controls_text="delete_list" controls_uid=list.id focus="modal_title_delete_list" %}
    </div>
    {% endif %}
</div>
