{{#if isShowingModalDialog}}
    <div class="modal {{if isShowingModalDialog 'is-active'}}">
        <div {{action 'closeModalDialog'}} class="modal-background"></div>
        <div id="print-modal" class="modal-card">

            <header class="modal-card-head">
                <div class="is-width-100p">
                    <p class="modal-card-title">{{title}}</p>
                </div>
                <button class="delete" {{action 'closeModalDialog'}}></button>
            </header>

            <section class="modal-card-body">

                {{yield}}

            </section>
            {{form-modal-buttons
              submit='submit'
              submitButtonName=submitButtonName
              rollback='rollback'
              rollbackLocalStorage=(action rollbackLocalStorage)
              rollbackChangeset=(action rollbackChangeset)
              localStorageKey=localStorageKey
              closeModalDialog="closeModalDialog"
              changeset=changeset
              isLoading=isLoading
            }}
        </div>
    </div>
    {{#if submissionError}}
    <div class="modal is-active">
        <div {{action dismissSubmissionError}} class="modal-background"></div>
        <div class="modal-content">
            <div class="notification is-danger">
                <button {{action dismissSubmissionError}} class="delete"></button>
                {{#unless submissionErrorMessage}}
                    Something went wrong! This is most probably an error on our end, please wait 5 minutes and try again. If the problem persists, please contact web.services@education.govt.nz.
                {{else}}
                    {{submissionErrorMessage}}
                {{/unless}}
            </div>
        </div>
        <button {{action dismissSubmissionError}} class="modal-close is-large" aria-label="close"></button>
    </div>
    {{/if}}
{{/if}}

<a
    class="button is-primary {{if isLoading 'is-loading'}} is-fullwidth" {{action 'openModalDialog' callback}}
    id={{nextButtonName}}
    name={{nextButtonName}}>
    Review & Confirm
</a>