<script type="text/javascript">
    $(document).ready(function () {
        $('.time-remaining').each(function () {
            count_down($(this));
        });
    });
</script>
<div id="banner">
    <a href="https://www.timeanddate.com/worldclock/fixedtime.html?msg={{ contest.name|urlquote('') }}&amp;iso=
            {{- contest.start_time|utc|date('Y-m-d\TH:i:s') }}" class="date">
        {%- if contest.is_in_contest(request.user) and not request.participation.live -%}
            {% if request.participation.spectate %}
                {% trans countdown=contest.end_time|as_countdown %}Spectating, contest ends in {{countdown}}.{% endtrans %}
            {% elif request.participation.end_time %}
                {% trans countdown=request.participation.end_time|as_countdown %}Participating virtually, {{countdown}} remaining.{% endtrans %}
            {% else %}
                {{- _('Participating virtually.') -}}
            {% endif %}
        {%- else -%}
            {% if contest.start_time > now %}
                {% trans countdown=contest.start_time|as_countdown %}Starting in {{countdown}}.{% endtrans %}
            {% elif contest.end_time < now %}
                {{- _('Contest is over.') -}}
            {% else %}
                {%- if has_joined -%}
                    {% if live_participation.ended %}
                        {% trans countdown=contest.end_time|as_countdown %}Your time is up! Contest ends in {{countdown}}.{% endtrans %}
                    {% else %}
                        {% trans countdown=live_participation.end_time|as_countdown %}You have {{countdown}} remaining.{% endtrans %}
                    {% endif %}
                {%- else -%}
                    {% trans countdown=contest.end_time|as_countdown %}Contest ends in {{countdown}}.{% endtrans %}
                {%- endif -%}
            {% endif %}
        {%- endif -%}
    </a>
    <div class="time">
        {% if contest.time_limit %}
            {% trans trimmed start_time=contest.start_time|date(_("F j, Y, G:i T")), end_time=contest.end_time|date(_("F j, Y, G:i T")), time_limit=contest.time_limit|timedelta('localized-no-seconds') %}
                <b>{{ time_limit }}</b> window between <b>{{ start_time }}</b> and <b>{{ end_time }}</b>
            {% endtrans %}
        {% else %}
            {% trans trimmed length=contest.contest_window_length|timedelta("localized-no-seconds"), start_time=contest.start_time|date(_("F j, Y, G:i T")) %}
                <b>{{ length }}</b> long starting on <b>{{ start_time }}</b>
            {% endtrans %}
        {% endif %}
    </div>
    {% if contest.freeze_after and contest.freeze_after + contest.start_time < now %}
        <div class="time" style="margin-top: 0.2em">
            <b>{{_("Standing was frozen")}}</b> {{_("at")}} <b>{{ (contest.freeze_after + contest.start_time) | date(_("F j, Y, G:i T")) }}</b>
        </div>
    {% endif %}
</div>