{% extends 'ndr_core/admin_views/base.html' %}

{% block content %}
<div class="card bg-light mb-3">
    <div class="card-header">
        <a href="{% url 'ndr_core:configure_pages' %}" class="btn btn-outline-secondary btn-sm">Go Back</a>
    </div>
    <div class="card-body">
        <h5 class="card-title">Bulk Create Pages</h5>
        <p class="text-muted small">Fill in the rows you want to create. Empty rows are skipped. All pages are created as <strong>Template Pages</strong>.</p>

        <form method="post">
            {% csrf_token %}
            {{ formset.management_form }}
            <table class="table table-sm table-bordered align-middle">
                <thead class="table-secondary">
                    <tr>
                        <th style="width:5%;">#</th>
                        <th style="width:35%;">Page Title</th>
                        <th style="width:30%;">View Name</th>
                        <th style="width:30%;">Parent Page</th>
                    </tr>
                </thead>
                <tbody>
                    {% for form in formset %}
                    <tr>
                        <td class="text-muted text-center">{{ forloop.counter }}</td>
                        <td>
                            {{ form.name }}
                            {% if form.name.errors %}
                                <div class="text-danger small">{{ form.name.errors|join:", " }}</div>
                            {% endif %}
                        </td>
                        <td>
                            {{ form.view_name }}
                            {% if form.view_name.errors %}
                                <div class="text-danger small">{{ form.view_name.errors|join:", " }}</div>
                            {% endif %}
                        </td>
                        <td>
                            {{ form.parent_page }}
                            {% if form.parent_page.errors %}
                                <div class="text-danger small">{{ form.parent_page.errors|join:", " }}</div>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            <button type="submit" class="btn btn-primary">
                <i class="fa-regular fa-file"></i> Create Pages
            </button>
        </form>
    </div>
</div>
{% endblock %}