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

{% block title %}{{ subject }} | Praxicraft{% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="warning" hero_title=headline hero_subtitle=subheadline hero_icon="star-fall.png" hero_accent_icon="confetti.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;">{{ body }}</p>

{% if show_stats %}
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:16px;border-collapse:collapse;">
  <tr>
    {% include "email/partials/_stat_tile.html" with tile_label="TASKS SOLVED" tile_value=cases_completed|default:0 tile_variant="primary" %}
    {% include "email/partials/_stat_tile.html" with tile_label="TOTAL XP" tile_value=total_xp_formatted|default:"0" tile_suffix=" XP" tile_variant="purple" %}
  </tr>
  <tr>
    {% include "email/partials/_stat_tile.html" with tile_label="CURRENT RANK" tile_value=rank_title|default:"Not ranked" tile_variant="success" %}
    {% include "email/partials/_stat_tile.html" with tile_label="CURRENT STREAK" tile_value=current_streak|default:0 tile_suffix=" days" tile_variant="warning" %}
  </tr>
</table>
{% endif %}

{% if closing %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">{{ closing }}</p>
{% endif %}

{% include "email/partials/_cta.html" with cta_url=cta_url cta_label=cta_label %}

{% include "email/partials/_settings_prefs_note.html" %}
{% endblock %}