{% 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 %}