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

{% block title %}New sign-in to your account | Praxicraft{% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="warning" hero_title="New sign-in" hero_subtitle="Review the details below if this was not you." 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;">
  {{ intro|default:"A new sign-in was detected on your Praxicraft account. If this was you, you can ignore this email." }}
</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="WHEN" pill_value=login_time pill_variant="primary" pill_radius="top" %}
  {% include "email/partials/_detail_row.html" with pill_label="DEVICE" pill_value=user_agent_short pill_variant="primary" %}
  {% if location_label %}
  {% include "email/partials/_detail_row.html" with pill_label="NEAR" pill_value=location_label pill_variant="primary" %}
  {% endif %}
  {% include "email/partials/_detail_row.html" with pill_label="IP ADDRESS" pill_value=ip_address pill_variant="primary" pill_border="none" pill_radius="bottom" %}
</table>

{% if location_label %}
<p style="margin:0 0 16px;font-size:12px;font-weight:400;line-height:20px;color:#5C5C5D;">
  Location is approximate from IP and may not match your exact city.
</p>
{% endif %}

<p class="text-main" style="margin:0 0 8px;font-size:16px;font-weight:700;line-height:26px;color:#171717;">If this was not you</p>
<p class="text-main" style="margin:0 0 16px;font-size:14px;font-weight:400;line-height:22px;color:#5C5C5D;">
  Review active sessions, change your password, and enable two-factor authentication.
</p>

{% include "email/partials/_cta.html" with cta_url=sessions_url|default:change_password_url cta_label="Review Sessions" %}
{% endblock %}