{{#unless this.errorMessage}}
    <header class="modal-header" data-test-modal="delete-user">
        <h1>{{t "Ready to go? Here’s what happens next"}}</h1>
    </header>
    <button class="close" title="{{t "common.Close"}}" {{on "click" this.closeModal}}>{{svg-jar "close"}}<span class="hidden">{{t "common.Close"}}</span></button>

    <div class="modal-body">
        <p>
            Your post will be delivered to
            <strong>{{this.deliveredToMessage}}</strong>
            and will be published on your site{{#if this.model.isScheduled}} at the scheduled time{{/if}}. Sound good?
        </p>
    </div>

    <div class="modal-footer">
        <button {{on "click" this.closeModal}} class="gh-btn" data-test-button="cancel-publish-and-email">
            <span>{{t "common.Cancel"}}</span>
        </button>
        <GhTaskButton
            @buttonText={{if this.model.isScheduled (t "taskButton.Schedule") (t "taskButton.Publish and send")}}
            @runningText={{if this.model.isScheduled (t "taskButoon.Scheduling...") (t "taskButton.Publishing...")}}
            @task={{this.confirmAndCheckError}}
            @class="gh-btn gh-btn-green gh-btn-icon"
            data-test-button="confirm-publish-and-email"
        />
    </div>

{{else}}
    <header class="modal-header" data-test-modal="delete-user">
        <h1>Failed to send email</h1>
    </header>
    <button class="close" title="{{t "common.Close"}}" {{on "click" this.closeModal}}>{{svg-jar "close"}}<span class="hidden">{{t "common.Close"}}</span></button>

    <div class="modal-body">
        {{#if this.session.user.isOwner}}
            <p>Your post has been published but the email failed to send. Please <LinkTo @route="settings.labs">check your Mailgun configuration</LinkTo> if the error persists.</p>
        {{else}}
            <p>{{t "Your post has been published but the email failed to send. Please check your Mailgun configuration if the error persists."}}</p>
        {{/if}}
        <p class="mb0">
            <button type="button" class="gh-btn gh-btn-text regular" {{action (toggle "errorDetailsOpen" this)}} data-test-toggle-error>
                {{#if this.errorDetailsOpen}}
                {{svg-jar "arrow-down" class="nudge-top--2 w2 h2 fill-darkgrey mr1"}}
                {{else}}
                {{svg-jar "arrow-right" class="nudge-top--1 w2 h2 fill-darkgrey mr1"}}
                {{/if}}
                <span>{{t "Error details"}}</span>
            </button>
        </p>

        {{#liquid-if this.errorDetailsOpen}}
        <p class="error gh-box gh-box-error mt3 mb3">
            {{svg-jar "warning"}}
            {{this.errorMessage}}
        </p>
        {{/liquid-if}}
    </div>

    <div class="modal-footer">
        <button {{on "click" this.closeModal}} class="gh-btn" data-test-button="cancel-publish-and-email">
            <span>{{t "common.Close"}}</span>
        </button>
        <GhTaskButton
            @buttonText="{{t "taskButton.Retry email"}}"
            @runningText="{{t "taskButton.Sending..."}}"
            @task={{this.retryEmailTask}}
            @class="gh-btn gh-btn-red gh-btn-icon"
            data-test-button="retry-email"
        />
    </div>
{{/unless}}