<div class="gh-publish-title"><span>Ready, set, publish.</span> Share it with the world.</div>

<p class="gh-publish-confirmation">
    {{#if @publishOptions.isScheduled}}
        {{#let (moment-site-tz @publishOptions.scheduledAtUTC) as |scheduledAt|}}
            On
            <strong>
                {{moment-format scheduledAt "D MMM YYYY"}}
                at
                {{moment-format scheduledAt "HH:mm"}}
            </strong>
            your
        {{/let}}
    {{else}}
        Your
    {{/if}}

    {{@publishOptions.post.displayName}}

    {{#if @publishOptions.willEmail}}
        will be delivered to

        {{#let (members-count-fetcher query=(hash filter=@publishOptions.fullRecipientFilter)) as |countFetcher|}}
            <strong>{{pluralize countFetcher.count "member"}}</strong>
        {{/let}}

        {{#if @publishOptions.willPublish}}
            and
        {{else}}
            and will <strong>not</strong> be published on your site.
        {{/if}}
    {{/if}}

    {{#if @publishOptions.willPublish}}
        will be published on your site.
    {{/if}}

    Are you good to go?
</p>

<div class="gh-publish-cta">
    <GhTaskButton
        @task={{@saveTask}}
        @buttonText={{@publishOptions.selectedPublishTypeOption.confirmButton}}
        @runningText={{if @publishOptions.willOnlyEmail "Sending" "Publishing"}}
        @successText={{if @publishOptions.willOnlyEmail "Sent" "Published"}}
        @class="gh-btn gh-btn-gradient gh-btn-large"
    />
    <div class="gh-publish-cta-secondary">
        Or 
        <button type="button" class="gh-btn gh-btn-link gh-btn-large" {{on "click" @close}}>change settings</button>
    </div>
</div>