<LoadMore @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>
      </tr>
    </thead>

    <tbody>
      <tr class="filters">
        <td>{{i18n "admin.email.logs.filters.title"}}</td>
        <td><TextField
            @value={{this.filter.from}}
            @placeholderKey="admin.email.incoming_emails.filters.from_placeholder"
          /></td>
        <td><TextField
            @value={{this.filter.to}}
            @placeholderKey="admin.email.incoming_emails.filters.to_placeholder"
          /></td>
        <td><TextField
            @value={{this.filter.subject}}
            @placeholderKey="admin.email.incoming_emails.filters.subject_placeholder"
          /></td>
      </tr>

      {{#each this.model as |email|}}
        <tr>
          <td class="time">{{format-date email.created_at}}</td>
          <td class="username">
            <div>
              {{#if email.user}}
                <LinkTo @route="adminUser" @model={{email.user}}>
                  {{avatar email.user imageSize="tiny"}}
                  {{email.from_address}}
                </LinkTo>
              {{else}}
                &mdash;
              {{/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>
            {{#if email.post_url}}
              <a href={{email.post_url}}>{{email.subject}}</a>
            {{else}}
              {{email.subject}}
            {{/if}}
          </td>
        </tr>
      {{else}}
        <tr>
          <td colspan="4">
            {{i18n "admin.email.incoming_emails.none"}}
          </td>
        </tr>
      {{/each}}
    </tbody>
  </table>
</LoadMore>

<ConditionalLoadingSpinner @condition={{this.loading}} />