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

{% block content %}
    <h2 class="email-title">{% blocktranslate with quiz_title=quiz.title %}Reminder For Quiz: {{quiz_title}}{% endblocktranslate %}</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 "This is a friendly reminder to complete your quiz." %}</p>

        {% if deadline_time %}
            <p class="email-paragraph" style="margin-bottom: 0;">
                {% blocktranslate %}The quiz link is valid until:{% endblocktranslate %}
                <br>
                <span class="deadline-chip">{{ deadline_time|timezone:"UTC"|date:"Y-m-d H:i e" }}</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 %}