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

{% block title %}Plan change confirmation{% endblock %}

{% block hero %}
{% if immediate %}
{% include "email/partials/_hero.html" with hero_variant="primary" hero_title="Plan updated" hero_subtitle="Your new plan is active." hero_icon="layers.png" %}
{% else %}
{% include "email/partials/_hero.html" with hero_variant="primary" hero_title="Plan change scheduled" hero_subtitle="Your new plan starts on the date below." hero_icon="layers.png" %}
{% endif %}
{% endblock %}

{% block content %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">Hi {{ admin_name }},</p>
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  {% if immediate %}
    {% if customer_type == "engineer" %}
      You are on the <strong style="font-weight:700;">{{ to_plan_name }}</strong> plan. Billing reflects the new plan.
    {% else %}
      <strong style="font-weight:700;">{{ company_name }}</strong> is on the <strong style="font-weight:700;">{{ to_plan_name }}</strong> plan. Billing reflects the new plan.
    {% endif %}
  {% else %}
    {% if customer_type == "engineer" %}
      Your plan will change from <strong style="font-weight:700;">{{ from_plan_name }}</strong> to <strong style="font-weight:700;">{{ to_plan_name }}</strong> on <strong style="font-weight:700;">{{ effective_date }}</strong>.
    {% else %}
      The plan for <strong style="font-weight:700;">{{ company_name }}</strong> will change from <strong style="font-weight:700;">{{ from_plan_name }}</strong> to <strong style="font-weight:700;">{{ to_plan_name }}</strong> on <strong style="font-weight:700;">{{ effective_date }}</strong>.
    {% endif %}
  {% endif %}
</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="FROM" pill_value=from_plan_name pill_variant="gray" pill_radius="top" %}
  {% include "email/partials/_detail_row.html" with pill_label="TO" pill_value=to_plan_name pill_variant="primary" %}
  {% include "email/partials/_detail_row.html" with pill_label="EFFECTIVE" pill_value=effective_date pill_variant="gray" %}
  {% include "email/partials/_detail_row.html" with pill_label="AMOUNT" pill_value=amount pill_variant="gray" %}
  {% include "email/partials/_detail_row.html" with pill_label="BILLING CYCLE" pill_value=billing_cycle pill_variant="gray" %}
  {% if immediate %}
  {% include "email/partials/_detail_row.html" with pill_label="STATUS" pill_value="Updated" pill_variant="success" pill_border="none" pill_radius="bottom" %}
  {% else %}
  {% include "email/partials/_detail_row.html" with pill_label="STATUS" pill_value="Scheduled" pill_variant="warning" pill_border="none" pill_radius="bottom" %}
  {% endif %}
</table>

{% include "email/partials/_cta.html" with cta_url=billing_url cta_label="View subscription" %}
{% endblock %}