{% extends "layout.html" %}
{% block title %}Account Error{% endblock %}
{% block content %}
<div class="vcentered">
{% if state == 'inactive' %}
  <div><b>Your account is inactive</b></div>
  <br>
  <div>
    Accounts that haven't been logged into for {{ inactive_timeout_days }} days are automatically marked as inactive.
    <br>
    {% if support_email %}
    Contact <a href="mailto:{{ support_email }}?subject=Reactivate%20account%3A%20{{ username | urlencode }}&body=Hello%2C%0A%0APlease%20reactivate%20my%20Hail%20account.%0A%0AUsername%3A%20{{ username | urlencode }}%0ALogin%20ID%3A%20{{ login_id | urlencode }}%0A%0AThank%20you" class="text-sky-600 underline hover:text-sky-800 font-medium">{{ support_email }}</a> to reactivate.
    {% else %}
    Contact contact your support team to reactivate.
    {% endif %}
  </div>
{% else %}
  <div><b>Account is in a bad state!</b></div>
  <br>
  <div>
    {% if support_email %}
    Please contact <a href="mailto:{{ support_email }}" class="text-sky-600 underline hover:text-sky-800 font-medium">{{ support_email }}</a> to get help.
    {% else %}
    Please contact your support team to get help.
    {% endif %}
    <br>
    <div class="small">State: <b>{{ state }}</b></div>
  </div>
{% endif %}
  <br>
  <div class="small">Username: <b>{{ username }}</b></div>
  <div class="small">Login ID: <b>{{ login_id }}</b></div>
</div>
{% endblock %}