{{#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">Are you sure?</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">

                This will <strong>delete</strong> all form data

            </section>
            <footer class="modal-card-foot">
                <a class="button is-danger is-width-100" {{action 'rollback' changeset}}>Clear</a>
                <a class="button is-outlined is-width-100" {{action 'closeModalDialog'}}>Go back</a>
            </footer>
        </div>
    </div>
{{/if}}

<a class="button is-default {{if isLoading 'is-loading'}} is-fullwidth" {{action 'openModalDialog'}}>Reset</a>