{% extends "email_sender/base_email.html" %}
{% load i18n %}
{% block title %}{% translate 'Set Your Password' %}{% endblock %}
{% block preheader %}{% blocktranslate trimmed %}Your staff account at {{ company }} is ready.{% endblocktranslate %}{% endblock %}
{% block heading %}{% translate 'Set Your Password' %}{% endblock %}

{% block content %}
    <p style="margin: 0 0 12px;">{% if first_name %}{% blocktranslate trimmed %}Hi {{ first_name }},{% endblocktranslate %}{% else %}{% translate 'Hi' %},{% endif %}</p>
    <p style="margin: 0 0 24px;">{% blocktranslate trimmed %}A staff account was created for you at {{ company }}. Click the button below to set your password.{% endblocktranslate %}</p>

    <p style="margin: 0 0 16px;">
        <a href="{{ activation_link }}" style="display: inline-block; padding: 12px 22px; background-color: #00307c; border-radius: 8px; font-weight: 600; color: #ffffff; text-decoration: none;">{% translate 'Set Your Password' %}</a>
    </p>
    <p style="margin: 0 0 24px; font-size: 13px; color: #64748b;">
        {% translate "If the button above does not work, please copy and paste the following link into your browser:" %}<br>
        <a href="{{ activation_link }}" style="color: #00307c; word-break: break-all;">{{ activation_link }}</a>
    </p>

    {% if login_instruction %}<p style="margin: 0 0 12px;">{{ login_instruction }}</p>{% endif %}
    <p style="margin: 0 0 24px; font-size: 14px; color: #33415c;">{% translate 'If you did not expect this email, you can ignore it.' %}</p>

    <p style="margin: 0;">{% translate "Thank you," %}<br>{{ company }}</p>
{% endblock %}