{% extends "default.html" %}

{% block title %}Quarantine{% endblock %}
{% set active_page = "setting" %}
{% block default_content %}

  <div class="col">
    <h1 class="h3 mb-5">Quarantine</h1>
    <div class="alert alert-info">
      This page shows all emails that are potentially spams or malicious.
      Usually these emails have been <b>refused</b> (or bounced) by your mailbox.
      <br />
      - If an email is indeed spam, this means the alias is now in the hands of a spammer,
      in this case you should <b>disable</b> this alias.
      <br />
      - Otherwise, you should create a <b>filter</b> to avoid your email provider from blocking these emails.
      <br />
      <a href="mailto:hi@simplelogin.io">Contact us↗</a>
      if you need any help.
    </div>
    {% if email_logs|length == 0 %}<div class="my-4 p-4 card">You don't have any emails in Quarantine.</div>{% endif %}
    {% for email_log in email_logs %}

      {% set refused_email = email_log.refused_email %}
      {% set contact = email_log.contact %}
      {% set alias = contact.alias %}
      <div class="card p-4 shadow-sm {% if email_log.id == highlight_id %} highlight-row{% endif %}">
        <div class="small-text">Sent {{ refused_email.created_at | dt }}</div>
        {% if email_log.is_reply %}

          From: {{ alias.email }}
          <br />
          To: {{ contact.website_email }}
        {% else %}
          From: {{ contact.website_email }}
          <br />
          <span>
            To: {{ alias.email }}
            <a href='{{ url_for("dashboard.index", highlight_alias_id=alias.id) }}'
               class="btn btn-sm btn-outline-danger">
              Disable Alias
            </a>
          </span>
        {% endif %}
        {% if refused_email.deleted %}

          <div>Email deleted {{ refused_email.delete_at | dt }}</div>
        {% else %}
          <a href="{{ refused_email.get_url() }}" download class="mt-4">Download →</a>
          <div class="small-text">This will download a ".eml" file that you can open in your email client</div>
        {% endif %}
      </div>
    {% endfor %}
  </div>
{% endblock %}