{# This file is part of INGInious. See the LICENSE and the COPYRIGHTS files for #}
{# more information about the licensing of this file. #}

{% extends "layout.html" %}

{% block title %} {{ course.get_name(session.language) }} - Scoreboard {% endblock %}

{% block navbar %}
    <nav aria-label="breadcrumb">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{url_for('coursepage', courseid=course.get_id())}}">{{course.get_name(session.language)}}</a></li>
			<li class="breadcrumb-item active"><a href="#"><i class="fa fa-trophy"></i> Scoreboard <span class="sr-only">(current)</span></a></li>
		</ol>
	</nav>
{% endblock %}

{% block head %}
	{{ super() }}
	{% if end > end.now().astimezone() %}
		<meta http-equiv="refresh" content="30" />
	{% endif %}
{% endblock %}

{% block content %}
<h2>{{course.get_name(session.language)}} - Scoreboard</h2>

<div class="card card-body bg-light mb-3">
	<div class="row">
        <div class="col-md-4" style="margin-top:2px;">
            Contest starts: {{ show_time(start) }}</time><br/>
            Contest ends: {{ show_time(end) }}</time><br/>
        </div>
        <div class="col-md-4" style="margin-top:2px;">
            {% if start > start.now().astimezone() %}
                <span class="contest_starting_time" starts-at="{{start.isoformat()}}"></span>
            {% else %}
                <span class="contest_remaining_time" ends-at="{{end.isoformat()}}"></span>
                {% if blackout != end %}
                    <br/><span class="contest_blackout_time" blackout-at="{{blackout.isoformat()}}"></span>
                {% endif %}
			{% endif %}
		</div>
        <div class="col-md-4" style="margin-top:2px;">
            {% if end > end.now().astimezone() %}
                The scoreboard will refresh every 30 seconds.
			{% endif %}
        </div>
    </div>
</div>

{% if start <= start.now().astimezone() %}
	<table class="contest_scoreboard mb-3">
	    <thead>
	        <th class="contest_rank">Rank</th>
	        <th class="contest_contestant">Contestant</th>
	        <th colspan="2" class="contest_score_header">Score</th>
	        {% for taskid in tasks %}
	            <th class="contest_task"><a href="{{url_for('taskpage', courseid=course.get_id(), taskid=taskid)}}">{{taskid}}</a></th>
	        {% endfor %}
		</thead>
	    {% for username, data in results.items() %}
	        <tr>
	            <td class="contest_rank">{{data['displayed_rank']}}</td>
	            <td class="contest_contestant">{{data['name']}}</td>
	            <td class="contest_score_task">{{data['score'][0]}}</td>
	            <td class="contest_score_time">{{ data['score'][1] | int }}</td>
	            {% for taskid in tasks %}
	                {% if data['tasks'][taskid]['status'] == 'ACF' %}
	                    <td class="contest_task contest_ac_first">
							{{data['tasks'][taskid]['tries']}}/{{ data['tasks'][taskid]['score'] | int }}
						</td>
	                {% elif data['tasks'][taskid]['status'] == 'AC' %}
	                    <td class="contest_task contest_ac">
							{{data['tasks'][taskid]['tries']}}/{{ data['tasks'][taskid]['score'] | int }}
						</td>
	                {% elif data['tasks'][taskid]['status'] != 'NA' %}
	                    <td class="contest_task contest_wa_tle">
							{{data['tasks'][taskid]['tries']}}
						</td>
	                {% else %}
	                    <td class="contest_task contest_na">0</td>
					{% endif %}
				{% endfor %}
	        </tr>
		{% endfor %}
	</table>
	<h3>Activity</h3>
	<table class="table table-centered table-bordered">
	    <tr><th>Time</th><th>Contestant</th><th>Task</th><th>Result</th></tr>
	    {% for a in activity %}
	        <tr>
	            <td>{{show_time(a['when'])}}</td>
	            <td>{{a['user']}}</td>
	            <td>{{a['taskid']}}</td>
	            <td>
	                {% if a['result'] %}
	                    Succeeded
	                {% else %}
	                    Failed
					{% endif %}
	            </td>
	        </tr>
		{% endfor %}
	</table>
{% else %}
    <div class="alert alert-warning">Contest has not started yet.</div>
{% endif %}

{% endblock %}