<p>{{i18n "admin.email.preview_digest_desc"}}</p>

<div class="admin-controls email-preview">
  <div class="controls">
    <label for="last-seen">{{i18n "admin.email.last_seen_user"}}</label>
    {{date-picker-past value=lastSeen id="last-seen"}}
    <label>{{i18n "admin.email.user"}}:</label>
    {{email-group-user-chooser
      value=username
      onChange=(action "updateUsername")
      options=(hash
        maximum=1
      )
    }}
    {{d-button
      class="btn-primary digest-refresh-button"
      action=(action "refresh")
      label="admin.email.refresh"}}
    <div class="toggle">
      <label>{{i18n "admin.email.format"}}</label>
      {{#if showHtml}}
        <span>{{i18n "admin.email.html"}}</span>
         |
        <a href {{action "toggleShowHtml"}}>
          {{i18n "admin.email.text"}}
        </a>
      {{else}}
        <a href {{action "toggleShowHtml"}}>{{i18n "admin.email.html"}}</a> |
        <span>{{i18n "admin.email.text"}}</span>
      {{/if}}
    </div>
  </div>
</div>

{{#conditional-loading-spinner condition=loading}}

  <div class="email-preview-digest">
    {{#if showSendEmailForm}}
      <div class="controls">
        {{#if sendingEmail}}
          {{i18n "admin.email.sending_test"}}
        {{else}}
          <label>{{i18n "admin.email.send_digest_label"}}</label>
          {{text-field value=email placeholderKey="admin.email.test_email_address"}}
          {{d-button
            class="btn-default"
            action=(action "sendEmail")
            disabled=sendEmailDisabled
            label="admin.email.send_digest"}}
          {{#if sentEmail}}
            <span class="result-message">{{i18n "admin.email.sent_test"}}</span>
          {{/if}}
        {{/if}}
      </div>
    {{/if}}

    <div class="preview-output">
      {{#if showHtml}}
        {{#if htmlEmpty}}
          <p>{{i18n "admin.email.no_result"}}</p>
        {{else}}
          <iframe title={{i18n "admin.email.html_preview"}} srcdoc={{model.html_content}} />
        {{/if}}
      {{else}}
        <pre>{{html-safe model.text_content}}</pre>
      {{/if}}
    </div>
  </div>

{{/conditional-loading-spinner}}
