{# @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 }}"
            size="sm"
            @click="createModal.showModal()" />
  <c-modal id="createModal"
           title="{{ create_modal_title|default:label }}"
           icon="{{ icon }}"
           only>
    <c-form id="createForm"
            icon="{{ icon }}"
            method="post"
            action="{{ directory.create_url }}?next={{ request.path }}"
            :form-obj="create_form">
    </c-form>
    <c-slot name="footer_end">
      <c-button text="{% trans "Submit" %}"
                form="createForm"
                reverse
                icon="arrow-right"
                variant="primary"
                size="lg"
                type="submit" />
    </c-slot>
  </c-modal>
{% elif directory.create_url %}
  <c-button text="{{ label }}"
            icon="{{ icon }}"
            size="sm"
            ghost
            href="{{ directory.create_url }}" />
{% endif %}