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

{% block title %}Your Praxicraft Employment Contract{% endblock %}

{% block hero %}
{% include "email/partials/_hero.html" with hero_variant="success" hero_title="Contract signed" hero_subtitle="Your signed offer is attached." hero_icon="document-add.png" hero_accent_icon="check-circle.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;">
  Your signed contract is attached. Keep a copy for your records. It covers your role, pay schedule, and terms.
</p>
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  Questions about onboarding? Reply to this email or contact your line manager.
</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="ENGINEER" pill_value=engineer_name pill_variant="gray" pill_radius="top" %}
  {% include "email/partials/_detail_row.html" with pill_label="SIGNED AS" pill_value=signature_name pill_variant="success" %}
  {% include "email/partials/_detail_row.html" with pill_label="DATE" pill_value=executed_at pill_variant="gray" pill_border="none" pill_radius="bottom" %}
</table>

{% include "email/partials/_cta.html" with cta_url=dashboard_url cta_label="Go to Dashboard" %}

<p style="margin:16px 0 2px;font-size:14px;font-weight:700;line-height:22px;color:#171717;">{{ sender_name }}</p>
<p style="margin:0;font-size:13px;font-weight:400;line-height:20px;color:#5C5C5D;">{{ sender_title }}, Praxicraft</p>
{% endblock %}