{% extends 'ugssim/ugssim.html' %}
{% load read_dictonary %}
{% block content %}
    <form method="post" class="form-group" action="/planungsparameter/">
        {% csrf_token %}
        <div class="accordion" id="accordionPlanning">
            {% for key,value in formlist.items %}
                {%  define value|lookup:'form' as myform  %}
                {%  define value|lookup:'modelname' as modelname  %}
                {%  define value|lookup:'description' as description  %}
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapse{{ modelname }}"
                                aria-expanded="true" aria-controls="collapse{{ modelname }}">
                            {{ value|lookup:'heading' }}
                        </button>
                    </h2>
                    <div id="collapse{{ modelname }}" class="accordion-collapse collapse show"
                         data-bs-parent="#accordionPlanning">
                        <div class="accordion-body">
                            {{ description }}
                            {% for field in myform %}
                                <div class="form-group">
                                {% if field.html_name == "description" %}
                                {%  else %}
                                    <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                                    {{field }}
                                {% endif %}
                            </div>
                            {% endfor %}
                            <button type="submit" class="btn btn-primary" name="{{ modelname }}Button">Submit</button>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </form>
{% endblock content %}
</div>