{% extends "documents/base_documents.html" %}
{% load i18n %}

{% block content %}
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="mb-0">{{ title }}</h2>
        {% if folder %}
            {% if not folder.is_predefined %}
                {% if folder.created_by_id == request.user.id or is_documents_admin %}
                    {% if next %}
                        <a class="btn btn-outline-danger" href="{% url 'documents:folder_delete' folder.pk %}?next={{ next|urlencode }}">
                            <i class="bi bi-trash"></i> {% translate "Delete" %}
                        </a>
                    {% else %}
                        <a class="btn btn-outline-danger" href="{% url 'documents:folder_delete' folder.pk %}">
                            <i class="bi bi-trash"></i> {% translate "Delete" %}
                        </a>
                    {% endif %}
                {% endif %}
            {% endif %}
        {% endif %}
    </div>

    <form method="post" novalidate>
        {% csrf_token %}
        {% if next %}
            <input type="hidden" name="next" value="{{ next }}">
        {% endif %}

        {% if form.non_field_errors %}
            <div class="alert alert-danger">
                {% for error in form.non_field_errors %}
                    <div>{{ error }}</div>
                {% endfor %}
            </div>
        {% endif %}

        {% for field in form %}
            <div class="mb-3">
                <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                {{ field }}
                {% if field.help_text %}
                    <div class="form-text">{{ field.help_text }}</div>
                {% endif %}
                {% if field.errors %}
                    <div class="invalid-feedback d-block">
                        {% for error in field.errors %}
                            <div>{{ error }}</div>
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
        {% endfor %}

        <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-save"></i> {% translate "Save" %}
            </button>
            {% if next %}
                <a class="btn btn-outline-secondary" href="{{ next }}">{% translate "Cancel" %}</a>
            {% else %}
                {% if folder %}
                    <a class="btn btn-outline-secondary" href="{% url 'documents:list' %}?folder={{ folder.slug }}">{% translate "Cancel" %}</a>
                {% else %}
                    <a class="btn btn-outline-secondary" href="{% url 'documents:list' %}">{% translate "Cancel" %}</a>
                {% endif %}
            {% endif %}
        </div>
    </form>
</div>
{% endblock content %}