{% set a = viewParams.account %}

<h1 class="app-main-title">{{ translate('Mail') }} > {{ translate('Scheduled to send') }}</h1>

<div class="flex flex-col gap-2">
  <div class="flex gap-2">
    <a href="scheduled/send" class="btn btn-primary">
      <span class="icon"><i class="fas fa-paper-plane"></i></span>
      <span class="text">{{ translate('Send scheduled emails now') }}</span>
    </a>
    <a href="sent" class="btn btn-transparent">
      <span class="icon"><i class="fas fa-paper-plane"></i></span>
      <span class="text">{{ translate('Show sent emails') }}</span>
    </a>
  </div>
  <div>
    <hblreact-mail-table-mails
      int:id-account="{{ a.id }}"
      int:record-id="{{ viewParams.recordId }}"
      string:tag="scheduled-emails"
      bool:show-only-scheduled-to-send="true"
      bool:readonly="true"
    ></hblreact-mail-table-mails>
  </div>
</div>