{% extends "admin/base_site.html" %}
{% load i18n static filer_admin_tags unfold %}

{% block title %}{% translate "Add new" %} {% translate "folder" %} | {{ site_title|default:_('Django site admin') }}{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block extrahead %}
    {{ block.super }}
    <script src="{% static 'unfold_extra/filer/js/popup_host.js' %}"></script>
{% endblock %}

{% block content %}
    <div class="border border-base-200 rounded-default shadow-xs dark:border-base-800">
        <p class="font-semibold p-4 text-font-important-light dark:text-font-important-dark">
            {% translate "Add new" %} {% translate "folder" %}
        </p>

        <form id="folder_form" method="post" action="" enctype="multipart/form-data">
            {% csrf_token %}
            {% filer_admin_context_hidden_formfields %}

            <div class="border-t border-base-200 p-4 pb-0 dark:border-base-800">
                {% include "unfold/helpers/messages/errornote.html" with errors=new_folder_form.errors %}
                {% include "unfold/helpers/messages/error.html" with errors=new_folder_form.non_field_errors %}

                {% for field in new_folder_form %}
                    {% include "unfold/helpers/field.html" with field=field %}
                {% endfor %}
            </div>

            {% translate "Save" as label %}
            {% translate "Cancel" as cancel_label %}
            {% include "unfold_extra/filer/helpers/action_submit_row.html" with label=label cancel_label=cancel_label icon="create_new_folder" submit_name="_save" submit_class="w-full lg:w-auto" %}
        </form>
    </div>

    <script type="text/javascript">
        document.getElementById('id_name').focus();
    </script>
{% endblock %}