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

{% block title %}{{ email_title|default:"Your offer" }}{% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="success" hero_title="Your offer" hero_subtitle=job_title hero_icon="check-circle.png" hero_accent_icon="confetti.png" %}
{% endblock %}

{% block content %}
{% if custom_body_html %}
<div style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
{{ custom_body_html|safe }}
</div>
{% else %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">Hi {{ candidate_name }},</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;">{{ company_name }}</strong> is pleased to offer you
  <strong style="font-weight:700;">{{ job_title }}</strong>.
  A PDF copy of the offer letter is attached for your records.
</p>
{% endif %}

<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="ROLE" pill_value=job_title pill_variant="primary" pill_radius="top" %}
  {% include "email/partials/_detail_row.html" with pill_label="COMPANY" pill_value=company_name pill_variant="primary" %}
  {% if compensation_text %}
  {% include "email/partials/_detail_row.html" with pill_label="COMPENSATION" pill_value=compensation_text pill_variant="gray" %}
  {% endif %}
  {% if start_date_display %}
  {% include "email/partials/_detail_row.html" with pill_label="START DATE" pill_value=start_date_display pill_variant="gray" %}
  {% endif %}
  {% if expires_display %}
  {% include "email/partials/_detail_row.html" with pill_label="RESPOND BY" pill_value=expires_display pill_variant="warning" pill_border="none" pill_radius="bottom" %}
  {% else %}
  {% include "email/partials/_detail_row.html" with pill_label="NEXT STEP" pill_value="Accept or decline with the button below" pill_variant="gray" pill_border="none" pill_radius="bottom" %}
  {% endif %}
</table>

{% if cta_url %}
{% include "email/partials/_cta.html" with cta_url=cta_url cta_label=cta_label|default:"Respond to offer" %}
{% endif %}

<p style="margin:16px 0 0;font-size:14px;font-weight:400;line-height:22px;color:#5C5C5D;">
  This is a soft offer from {{ company_name }} via Praxicraft Assess. It is not an electronic signature request.
  If you were not expecting this email, you can ignore it.
</p>
{% endblock %}