{{#if isShowingModalDialog}}
  <div class="modal {{if isShowingModalDialog 'is-active'}}">
    <div class="modal-background"></div>
    <div class="modal-card">
      <header class="modal-card-head">
        <div class="level is-width-100p">
          <div class="level-left">
            <div class="level-item">
              <p class="modal-card-title">Please confirm this deletion</p>
            </div>
          </div>
          <div class="level-right">
            <div class="level-item">
              <button class="delete" {{action 'closeModalDialog'}}></button>
            </div>
          </div>
        </div>
      </header>
      <section class="modal-card-body">

        Are you sure you want to delete this form? This is irreversible.
      </section>
      <footer class="modal-card-foot is-fullwidth is-clearfix">
        <a class="button is-danger is-width-100" {{action 'action'}}>Delete</a>
        <a class="button is-outlined is-width-100" {{action 'closeModalDialog'}}>Cancel</a>
      </footer>
    </div>
  </div>
{{/if}}
<a class="is-danger is-dashboard" {{action 'openModalDialog'}}>
    <span class="icon is-single">
      <i class="fa fa-trash"></i>
    </span>
</a>