{% extends "default.html" %}

{% set active_page = "setting" %}
{% block title %}Alias Batch Import{% endblock %}
{% block default_content %}

  <div class="card">
    <div class="card-body">
      <h1 class="h3">Alias Batch Import</h1>
      <div class="alert alert-primary">
        Only aliases created with <b>your verified domains</b> can be imported.
        <br />
        If mailboxes are set for an alias, they will only be linked if they already exist.
        <br />
        Please make sure to use the csv template file.
      </div>
      <p>
        The import can take several minutes.
        Please come back to this page to verify the import status.
        <br />
        If an alias already exists, it won't be imported.
      </p>
      <a href="{{ url_for('static', filename='batch_import_template.csv') }}"
         download>Download CSV Template</a>
      <hr />
      <form method="post" enctype="multipart/form-data" class="mt-4">
        <input required
               type="file"
               name="alias-file"
               accept=".csv"
               class="form-control-file">
        <label>
          Only <b>.csv</b> file is supported.
        </label>
        <br />
        <button class="btn btn-success mt-2">Upload</button>
      </form>
      {% if batch_imports %}

        <hr />
        <h2 class="h3 mt-7">Batch imports</h2>
        <table class="table">
          <thead>
            <tr>
              <th scope="col">Uploaded</th>
              <th scope="col">Number Alias Imported</th>
              <th scope="col">Status</th>
            </tr>
          </thead>
          <tbody>
            {% for batch_import in batch_imports %}

              <tr>
                <td>{{ batch_import.created_at | dt }}</td>
                <td>{{ batch_import.nb_alias() }}</td>
                <td>
                  {% if batch_import.processed %}

                    Processed ✅
                  {% else %}
                    Pending
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      {% endif %}
    </div>
  </div>
{% endblock %}
