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

{% block title %}Your {{ wrap_year }} at Praxicraft{% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="solid-primary" hero_title=wrap_hero_title|default:"Your Year Wrap" hero_subtitle=wrap_hero_subtitle|default:intro hero_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;">{{ intro }}</p>

{% if learning_mode != "self_paced" %}
<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="XP EARNED" tile_value=xp_earned_formatted tile_suffix=" XP" tile_variant="purple" %}
    {% include "email/partials/_stat_tile.html" with tile_label="TASKS SOLVED" tile_value=tasks_this_year tile_variant="success" %}
  </tr>
  <tr>
    {% include "email/partials/_stat_tile.html" with tile_label="CURRENT RANK" tile_value=rank_title|default:"Not ranked" tile_variant="warning" %}
    {% include "email/partials/_stat_tile.html" with tile_label="LONGEST STREAK" tile_value=longest_streak tile_suffix=" days" tile_variant="warning" %}
  </tr>
</table>
{% else %}
<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="INVESTIGATIONS SOLVED" tile_value=tasks_this_year tile_variant="success" tile_width="100%" %}
  </tr>
</table>
{% endif %}

{% if promotions_this_year and learning_mode != "self_paced" %}
<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="PROMOTIONS" tile_value=promotions_this_year tile_variant="primary" tile_width="100%" %}
  </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=dashboard_url cta_label="Continue Learning" %}

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