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

{% block title %}Assessment Invitation{% endblock %}

{% block hero %}
{% with hero_subtitle="Hands-on tasks from "|add:company_name|add:". Open the link when you are ready." %}
{% include "email/partials/_hero.html" with hero_variant="primary" hero_title="You Are Invited to Assess" hero_subtitle=hero_subtitle hero_icon="document-add.png" %}
{% endwith %}
{% endblock %}

{% block content %}
<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> invited you to complete
  <strong style="font-weight:700;">&ldquo;{{ assessment_title }}&rdquo;</strong>.
  Block uninterrupted time on a laptop or desktop, then start when you are ready to finish in one sitting.
</p>
{% if welcome_message %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">{{ welcome_message }}</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="ASSESSMENT" pill_value=assessment_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 role %}
  {% include "email/partials/_detail_row.html" with pill_label="ROLE" pill_value=role pill_variant="gray" %}
  {% endif %}
  {% include "email/partials/_detail_row.html" with pill_label="TIME LIMIT" pill_value=time_limit pill_variant="gray" %}
  {% if task_count %}
  {% include "email/partials/_detail_row.html" with pill_label="TASKS" pill_value=task_count pill_variant="gray" %}
  {% endif %}
  {% include "email/partials/_detail_row.html" with pill_label="EXPIRES" pill_value=expires_at pill_variant="warning" pill_border="none" %}
  {% include "email/partials/_detail_row.html" with pill_footer_title="Before you begin" pill_footer="Use a laptop or desktop with a stable connection. Mobile is not supported. Your timer starts when you open the assessment." pill_border="top" pill_radius="bottom" %}
</table>

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

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