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

{% block title %}You are invited to Praxicraft (beta){% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="primary" hero_title="You are in the beta" hero_subtitle="Early access to real data engineering practice." hero_icon="confetti.png" hero_accent_icon="rocket.png" %}
{% endblock %}

{% block content %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">Hello,</p>
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  <strong style="font-weight:700;">{{ invited_by }}</strong> invited you to the Praxicraft closed beta.
  You get full access to realistic practice tasks, XP progression, and the engineer learning platform.
</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="SIGN UP WITH" pill_value=recipient_email pill_value_color="#0D41FF" pill_variant="primary" pill_radius="top" %}
  {% include "email/partials/_detail_row.html" with pill_label="EXPIRES" pill_value=expires_at pill_variant="warning" pill_border="none" %}
  {% with footer_text="Create your account with the email above. This invitation is personal and expires on "|add:expires_at|add:"." %}
  {% include "email/partials/_detail_row.html" with pill_footer=footer_text pill_border="top" pill_radius="bottom" %}
  {% endwith %}
</table>

{% include "email/partials/_cta.html" with cta_url=signup_url cta_label="Create Your Account" %}

<p style="margin:16px 0 0;font-size:14px;font-weight:400;line-height:22px;color:#5C5C5D;">
  If you were not expecting this invitation, you can ignore this email.
</p>
{% endblock %}