{% extends base_template %}
{% load widget_tweaks %}
{% block content %}
<form method="post" enctype="multipart/form-data" {%if action %}action="{{ action }}"{% endif %}>
    {% csrf_token %}
    <div class="form-fields" style="display: grid: grid-template-columns: auto-fit, minmax(200px, 100%); gap: 1rem;">
    {% for field in form.fields %}
        <div class="form-label">{{ field.label_tag }}</div>
        <div class="form-field">
                {% render_field field style="width:100%" %}
            {% if field.help_text %}
            <div class="form-help">
                <small class="form-text text-muted">{{ field.help_text }}</small>
            </div>
            {% endif %}
            {% if field.errors %}
            <div class="form-error">
                <ol class="form-error-list">
                    {% for error in field.errors %}
                        <li class="form-error-message">{{ error }}</li>
                    {% endfor %}
                </ol>
            </div>
            {% endif %}
            {% for error in field.errors %}
                <div class="form-error">{{ error }}</div>
            {% endfor %}
        </div>
    {% endfor %}
    <button type="submit">{% translate "Submit" %}</button>
</form>
{% endblock content%}