<header class="gh-publishmenu-heading">Ready to publish your {{this.post.displayName}}?</header>
<section class="gh-publishmenu-content">
    <div class="gh-publishmenu-section">
        <div class="gh-publishmenu-radio {{if (eq this.saveType "publish") "active"}}" {{action "setSaveType" "publish" on="click"}}>
            <div class="gh-publishmenu-radio-button" data-test-publishmenu-published-option></div>
            <div class="gh-publishmenu-radio-content">
                <div class="gh-publishmenu-radio-label">Set it live now</div>
                <div class="gh-publishmenu-radio-desc">Publish this {{this.post.displayName}} immediately</div>
            </div>
        </div>
        <div class="gh-publishmenu-radio {{if (eq this.saveType "schedule") "active"}}" {{action "setSaveType" "schedule" on="click"}}>
            <div class="gh-publishmenu-radio-button" data-test-publishmenu-scheduled-option></div>
            <div class="gh-publishmenu-radio-content">
                <div class="gh-publishmenu-radio-label">Schedule it for later</div>
                <GhDateTimePicker
                    @date={{this.post.publishedAtBlogDate}}
                    @time={{this.post.publishedAtBlogTime}}
                    @setDate={{action "setDate"}}
                    @setTime={{action "setTime"}}
                    @setTypedDateError={{this.setTypedDateError}}
                    @errors={{this.post.errors}}
                    @dateErrorProperty="publishedAtBlogDate"
                    @timeErrorProperty="publishedAtBlogTime"
                    @minDate={{this._minDate}}
                    @isActive={{eq this.saveType "schedule"}}
                />
                <div class="gh-publishmenu-radio-desc">Set automatic future publish date</div>
            </div>
        </div>
    </div>

    {{#if (and this.canSendEmail showSendEmail)}}
        <div class="gh-publishmenu-section">
            <div class="gh-publishmenu-radio gh-publishmenu-email">
                {{#if this.backgroundLoader.isRunning}}
                    <div class="gh-loading-spinner" style="zoom: 50%"></div>
                {{else}}
                    <div class="gh-publishmenu-email-label {{if this.disableEmailOption "pe-none"}}">
                        <label class="gh-publishmenu-radio-label {{if this.disableEmailOption "midgrey"}}" for="email-when-published-checkbox">Send by email</label>
                        {{#if (or this.memberCount this.session.user.isEditor)}}
                            <div class="gh-publishmenu-radio-desc">Deliver post to members</div>
                        {{else}}
                            <div class="gh-publishmenu-radio-desc">You haven't got any members</div>
                        {{/if}}
                    </div>
                    <div class="for-switch small {{if this.disableEmailOption "pe-none"}}">
                        <div class="switch container" for="email-when-published-checkbox">
                            <Input
                                @checked={{this.sendEmailWhenPublished}}
                                @type="checkbox"
                                @id="email-when-published-checkbox"
                                @name="email-when-published"
                                @disabled={{this.disableEmailOption}}
                            />
                            <span class="input-toggle-component gh-publishmenu-email-checkbox"
                                {{on "click" (toggle "sendEmailWhenPublished" this)}}></span>
                        </div>
                    </div>
                {{/if}}
            </div>
        </div>
    {{/if}}
</section>

