Subject

<p class="{{this.baseModalClass}}__text-input-validation">
              {{! render validation messages for subject}}
              <ul class="{{this.baseModalClass}}__text-input-error">
                {{#with this.editableChangeset.error as |error|}}
                  {{#let (get error "subject.validation") as |validations|}}
                    {{#each validations as |validation|}}
                      <li>
                        {{validation}}
                      </li>
                    {{/each}}
                  {{/let}}
                {{/with}}
              </ul>
              <span class="{{this.baseModalClass}}__text-input-validation-count">
                {{this.editableChangeset.subject.length}}/{{this.maxCharSubject}}
              </span>
            </p>
          </div>
          <div class="{{this.baseModalClass}}__item">
            <p class="{{this.baseModalClass}}__label">Content</p>
            <Textarea
              class="{{this.baseModalClass}}__text-input {{this.baseModalClass}}__text-input-content"
              @maxlength={{this.maxCharContent}}
              @value={{this.editableChangeset.content}}
              @placeholder="Details you wish to include in the log"
              {{on "keyup" (fn this.handleKeyup)}}
            />
            <p class="{{this.baseModalClass}}__text-input-validation">
              {{! render validation messages for content/body}}
              <ul class="{{this.baseModalClass}}__text-input-error">
                {{#with this.editableChangeset.error as |error|}}
                  {{#let (get error "content.validation") as |validations|}}
                    {{#each validations as |validation|}}
                      <li>
                        {{validation}}
                      </li>
                    {{/each}}
                  {{/let}}
                {{/with}}
              </ul>
              <span class="{{this.baseModalClass}}__text-input-validation-count">
                {{this.editableChangeset.content.length}}/{{this.maxCharContent}}
              </span>
            </p>
          </div>
        </section>
        <ChangeManagement::MarkdownCheatSheet/>
    {{/if}}
  </section>
  <section class="notification-confirm-modal__footer {{this.baseModalClass}}__actions">
    <div class="{{this.baseModalClass}}__action-back">
      {{#if this.isDisplayingPreviewModal}}
      <button
        type="button"
        class="nacho-button--large nacho-button--tertiary {{this.baseModalClass}}__action"
        {{on "click" (fn this.onBackToAddModal)}}
      >
        Back
      </button>
      {{/if}}
    </div>
    <div>
      <button
        type="button"
        class="nacho-button--large nacho-button--tertiary"
        {{on "click" (fn this.onResetModal)}}
      >
      Cancel
      </button>
    </div>
    {{#if (eq this.isSendingEmailOnly false)}}
      <div>
        <button
          type="button"
          class="nacho-button--large nacho-button--secondary {{this.baseModalClass}}__action"
          {{on "click" (fn this.handleSaveOnlyClick)}}
          disabled={{this.isSaveDisabled}}
        >
          {{#if this.saveChangeLogTask.isRunning}}
            <NachoAnimation::PendulumEllipsis />
          {{else}}
            Save Log
          {{/if}}
        </button>
      </div>
    {{/if}}
    <div>
      <button
        type="button"
        class="nacho-button--large nacho-button--primary {{this.baseModalClass}}__action"
        {{on "click" (fn this.handleSaveAndSendEmailClick)}}
        disabled={{this.isSaveDisabled}}
      >
        {{#if (or this.saveChangeLogTask.isRunning this.sendEmailOnlyTask.isRunning)}}
          <NachoAnimation::PendulumEllipsis />
        {{else}}
          Continue to send email
        {{/if}}
      </button>
    </div>
  </section>
</ModalDialog>