{% extends "ishtar/forms/qa_base.html" %}
{% load i18n inline_formset table_form %}

{% block main_form %}
    {% if form.non_field_errors %}
    <div class="alert alert-danger" role="alert">
        {{form.non_field_errors}}
    </div>
    {% endif %}

    <h4>{% trans "Finds" %}</h4>
    <ul>{% for item in items %}
        <li>{{item}}</li>{% endfor %}
    </ul>

    <h4>{% trans "Packaging" %}</h4>
    {% for hidden in form.hidden_fields %}
    {{hidden}}
    {% if hidden.errors %}<div class="invalid-feedback">
        {{ hidden.errors }}
    </div>{% endif %}
    {% endfor %}
    <div class="form-row">
        {% with form.container as field %}
        {% include "blocks/bs_field_snippet.html" %}
        {% endwith %}
    </div>

    <div class="form-row">
        {{ form.create_treatment }}&nbsp;<label for="{{form.create_treatment.auto_id}}">
            {% trans "Associate a treatment" %}
        </label>
    </div>
    <div id="new-treatment">
        {% for field in form %}
        {% if field.name != 'container' and field.name != 'create_treatment' %}
        {% if forloop.counter0|divisibleby:2 %}
        <div class="form-row">{% endif %}
            {% include "blocks/bs_field_snippet.html" %}
        {% if not forloop.counter0|divisibleby:2 %}
        </div>{% endif %}
        {% endif %}
        {% endfor %}
    </div>
{% endblock %}

{% block js %}
var update_form_display = function(){
    if ($("#{{form.create_treatment.auto_id}}:checked").length){
        $("#new-treatment").show();
    } else {
        $("#new-treatment").hide();
    }
}

$(document).ready(function(){
    $("#{{form.create_treatment.auto_id}}").click(update_form_display);
    update_form_display();
});

{% endblock %}