{% macro DeleteConfirmation(modal_id, delete_text, delete_action, form, confirmation_text="delete") %}
<delete-confirmation inline-template name="{{ modal_id }}" key="{{ modal_id }}" confirmation-text="{{ confirmation_text }}">
    <div>
      <div class="usa-input">
        <label for="{{ modal_id }}-deleted-text">
          <span class="usa-input__help">
            {{ "common.delete_confirm" | translate({"word": confirmation_text.upper()}) }}
          </span>
        </label>
        <input id="{{ modal_id }}-deleted-text" v-model="deleteText">
      </div>
      <div class="action-group">
        <form method="POST" action="{{ delete_action }}">
          {{ form.csrf_token }}
          <button class="usa-button button-danger" v-bind:disabled="!valid">
            {{ delete_text }}
          </button>
        </form>
        <a v-on:click="deleteText = ''; $root.closeModal('{{ modal_id }}')" class="action-group__action icon-link icon-link--default">{{ "common.cancel" | translate }}</a>
      </div>
    </div>
  </delete-confirmation>
{% endmacro %}
