{# @description The list-view "add" action: a button that opens a create modal, or links straight to the create view. #}
{# @prop label:text | default:"Add" | description:"The button's text." #}
{# @prop icon:text | default:"add" | description:"The button's icon." #}
{% load i18n %}
<c-vars label="{% trans "Add" %}" icon="add" />
{% if directory.create_url and create_form %}
  <c-button text="{{ label }}"
            icon="{{ icon }}"
            variant="primary"
            size="sm"
            @click="createModal.showModal()" only />
  <c-mvp.modal id="createModal"
           title="{{ create_modal_title|default:label }}"
           icon="{{ icon }}"
           only>
    <c-mvp.form id="createForm"
            icon="{{ icon }}"
            method="post"
            action="{{ directory.create_url }}?next={{ request.path }}"
            :form-obj="create_form">
    </c-mvp.form>
    <c-slot name="footer_end">
      <c-button text="{% trans "Submit" %}"
                form="createForm"
                variant="primary"
                size="lg"
                type="submit" only>
        <c-icon name="arrow-right" />
      </c-button>
    </c-slot>
  </c-mvp.modal>
{% elif directory.create_url %}
  <c-button text="{{ label }}"
            icon="{{ icon }}"
            variant="primary"
            size="sm"
            href="{{ directory.create_url }}" only />
{% endif %}