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

{% block title %}API key expiring soon | {{ site_name }}{% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="warning" hero_title="API key expiring soon" hero_subtitle="Create a replacement before this key stops working." hero_icon="card.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;">
  An API key for your organisation expires soon. Create a replacement and update your integrations before it stops working.
</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="API KEY" pill_value=api_key_name pill_variant="warning" pill_radius="top" %}
  {% include "email/partials/_detail_row.html" with pill_label="PREFIX" pill_value=api_key_prefix pill_variant="warning" %}
  {% include "email/partials/_detail_row.html" with pill_label="ORGANISATION" pill_value=org_name pill_variant="warning" %}
  {% include "email/partials/_detail_row.html" with pill_label="EXPIRES" pill_value=expires_at_display pill_variant="warning" pill_border="none" pill_radius="bottom" %}
</table>

{% include "email/partials/_cta.html" with cta_url=api_keys_url cta_label="Manage API Keys" %}
{% endblock %}