{{#load-more selector=".email-list tr" action=(action "loadMore")}}
  <table class="table email-list">
    <thead>
      <tr>
        <th>{{i18n "admin.email.time"}}</th>
        <th>{{i18n "admin.email.incoming_emails.from_address"}}</th>
        <th>{{i18n "admin.email.incoming_emails.to_addresses"}}</th>
        <th>{{i18n "admin.email.incoming_emails.subject"}}</th>
        <th colspan="2">{{i18n "admin.email.incoming_emails.error"}}</th>
      </tr>
    </thead>

    <tbody>
      <tr class="filters">
        <td>{{i18n "admin.email.logs.filters.title"}}</td>
        <td>{{text-field value=filter.from placeholderKey="admin.email.incoming_emails.filters.from_placeholder"}}</td>
        <td>{{text-field value=filter.to placeholderKey="admin.email.incoming_emails.filters.to_placeholder"}}</td>
        <td>{{text-field value=filter.subject placeholderKey="admin.email.incoming_emails.filters.subject_placeholder"}}</td>
        <td colspan="2">{{text-field value=filter.error placeholderKey="admin.email.incoming_emails.filters.error_placeholder"}}</td>
      </tr>

      {{#each model as |email|}}
        <tr>
          <td class="time">{{format-date email.created_at}}</td>
          <td class="username">
            <div>
              {{#if email.user}}
                {{#link-to "adminUser" email.user}}
                  {{avatar email.user imageSize="tiny"}}
                  {{email.from_address}}
                {{/link-to}}
              {{else}}
                {{#if email.from_address}}
                  <a href="mailto:{{email.from_address}}">{{email.from_address}}</a>
                {{else}}
                  &mdash;
                {{/if}}
              {{/if}}
            </div>
          </td>
          <td class="addresses">
            {{#each email.to_addresses as |to|}}
              <p><a href="mailto:{{to}}" title="TO">{{to}}</a></p>
            {{/each}}
            {{#each email.cc_addresses as |cc|}}
              <p><a href="mailto:{{cc}}" title="CC">{{cc}}</a></p>
            {{/each}}
          </td>
          <td>{{email.subject}}</td>
          <td class="error">
            <a href {{action "showIncomingEmail" email.id}}>{{email.error}}</a>
          </td>
          <td class="email-details">
            <a href {{action "showIncomingEmail" email.id}} title={{i18n "admin.email.details_title"}}>
              {{d-icon "info-circle"}}
            </a>
          </td>
        </tr>
      {{else}}
        <tr><td colspan="6">{{i18n "admin.email.incoming_emails.none"}}</td></tr>
      {{/each}}
    </tbody>
  </table>
{{/load-more}}

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