{% extends base_template %}
{% load i18n static %}

{% block content %}
<div class="container mt-4">
    <h2>{{ schema.name }}</h2>
    {% if total_pages > 1 %}
    <p class="text-muted">{% trans "Page" %} {{ current_page|add:1 }} {% trans "of" %} {{ total_pages }}</p>
    {% endif %}

    <form method="post" enctype="multipart/form-data">
        {% csrf_token %}
        {% for field in form %}
        <div class="mb-3">
            <label for="{{ field.id_for_label }}" class="form-label">
                {{ field.label }}
                {% if field.field.required %}<span class="text-danger">*</span>{% endif %}
            </label>
            {{ field }}
            {% if field.help_text %}
            <div class="form-text">{{ field.help_text }}</div>
            {% endif %}
            {% if field.errors %}
            <div class="text-danger">{{ field.errors }}</div>
            {% endif %}
        </div>
        {% endfor %}

        <div class="mt-3">
            {% if is_last_page %}
            <button type="submit" class="btn btn-success">{% trans "Submit" %}</button>
            {% else %}
            <button type="submit" class="btn btn-primary">{% trans "Next" %} &raquo;</button>
            {% endif %}
        </div>
    </form>
</div>

<script src="{% static 'e3_dynamic_forms/js/geolocation_schema_form.js' %}"></script>
{% endblock %}