{% extends "email/base.html" %}

{% block title %}Account temporarily locked | Praxicraft{% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="error" hero_title="Account temporarily locked" hero_subtitle="We detected too many failed sign in attempts." hero_icon="cancel.png" %}
{% endblock %}

{% block content %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">Hi {{ first_name }},</p>
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  We detected {{ failed_attempts }} failed sign in attempts on your Praxicraft account. Access is temporarily suspended as a precaution.
</p>

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:16px;border-collapse:separate;border-spacing:0;">
  {% include "email/partials/_detail_row.html" with pill_label="LOCKED AT" pill_value=locked_at pill_variant="error" pill_radius="top" %}
  {% include "email/partials/_detail_row.html" with pill_label="IP ADDRESS" pill_value=ip_address pill_variant="error" %}
  {% include "email/partials/_detail_row.html" with pill_label="UNLOCKS AT" pill_value=unlock_time pill_variant="error" pill_border="none" pill_radius="bottom" %}
</table>

<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  Your account will unlock automatically in <strong style="font-weight:700;">{{ lockout_minutes }} minutes</strong>. You can sign in again after that time.
</p>

<p style="margin:0 0 8px;font-size:16px;font-weight:700;line-height:26px;color:#171717;">Was this not you?</p>
<p style="margin:0 0 16px;font-size:14px;font-weight:400;line-height:22px;color:#5C5C5D;">
  If you did not attempt to sign in, reset your password to secure your account.
</p>

{% if reset_password_url %}
{% include "email/partials/_cta.html" with cta_url=reset_password_url cta_label="Reset Password" %}
{% endif %}

<p style="margin:16px 0 0;font-size:14px;font-weight:400;line-height:22px;color:#5C5C5D;">
  If this was you, no action is needed. Your account will unlock automatically.
</p>
{% endblock %}