{% extends "emails/base.html" %}
{% load i18n %}

{% block content %}
    <h2 class="email-title">{{ quiz.title }}</h2>

    <p class="email-paragraph">{% translate "Hello there," %}</p>

    <div class="email-panel reminder-panel border-brand">
        <p class="email-paragraph" style="margin-bottom: 10px;">{% translate "Your quiz is now available for completion." %}</p>

        {% if quiz.deadline_days > 0 %}
            <p class="email-paragraph" style="margin-bottom: 0;">
                {% blocktranslate %}Please submit your responses within:{% endblocktranslate %}
                <br>
                <span class="deadline-chip">{% blocktranslate with deadline_days=quiz.deadline_days %}{{ deadline_days }} days{% endblocktranslate %}</span>
            </p>
        {% endif %}
    </div>

    {% if quiz.is_blocking %}
        <div class="email-panel quiz-warning-panel">
            <p class="email-paragraph" style="margin-bottom: 0;">{% blocktranslate with score=quiz.required_score %}To successfully pass this quiz, you must achieve a minimum score of <strong>{{ score }}</strong>.{% endblocktranslate %}</p>
        </div>
    {% endif %}

    <p class="email-paragraph">{% translate "Please click the link below to access and submit your quiz:" %}</p>

    <div class="email-cta-wrap quiz-cta-wrap">
        <a href="{{ link }}" class="email-cta quiz-cta bg-brand">
            {% translate "Start Quiz" %}
        </a>
    </div>
    <p class="cta-hint">{% translate "This secure link opens your quiz directly." %}</p>

    <p class="email-signoff centered">{% translate "Best of luck!" %}</p>
    <p class="email-muted-note">
        {% blocktranslate %}If you wish to unsubscribe from this course, please <a href="{{ unsubscribe_link }}" class="color-brand" style="text-decoration: none;">click here</a>{% endblocktranslate %}.
    </p>
{% endblock %}