{% extends "jury/base.html.twig" %}
{% import "jury/jury_macros.twig" as macros %}

{% block title %}Contest {{ contest.cid }} - {{ parent() }}{% endblock %}

{% block extrahead %}
    {{ parent() }}
    {{ macros.table_extrahead() }}
    {{ macros.toggle_extrahead() }}
{% endblock %}

{% block content %}

    <h1>Contest {{ contest.name }}</h1>

    {% if contest.isActive %}
        <div class="alert alert-success">
            This contest is currently active.
        </div>
    {% endif %}
    {% if not contest.enabled %}
        <div class="alert alert-danger">
            This contest is disabled.
        </div>
    {% endif %}
    {% if contest.finalizetime is not empty %}
        <div class="alert alert-info">
            This contest is final.
        </div>
    {% endif %}
    {%- if is_granted('ROLE_ADMIN') and contest.isLocked -%}
        <div class="alert alert-warning">
            This contest is locked. Unlock it to edit contest data.
        </div>
    {% endif %}

    <div class="row">
        <div class="col-lg-5">
            <table class="table table-sm table-striped">
                <tr>
                    <th>CID</th>
                    <td>c{{ contest.cid }}</td>
                    <td></td>
                </tr>
                {% if showExternalId(contest) %}
                    <tr>
                        <th>External ID</th>
                        <td>{{ contest.externalid }}</td>
                        <td></td>
                    </tr>
                {% endif %}
                <tr>
                    <th>Short name</th>
                    <td>{{ contest.shortname }}</td>
                    <td></td>
                </tr>
                {% for type, data in contest.dataForJuryInterface %}
                    <tr>
                        <td class="{{ data.class|default('') }}"><b>{{ data.label }}:</b></td>
                        <td class="{{ data.class|default('') }}">
                            {{ data.time }}
                            {% if data.icon is defined %}
                                <i class="fas fa-{{ data.icon }}"></i>
                            {% endif %}
                        </td>
                        {% if is_granted('ROLE_ADMIN') %}
                            <td>
                                {% if data.show_button %}
                                    {% set button_label =  type ~ " now" %}
                                    {{ button(path('jury_contest_donow', {'contestId': contest.cid, 'time': type}), button_label, 'primary btn-sm timebutton') }}
                                {% endif %}
                                {% if data.extra_button is defined %}
                                    {{ button(path('jury_contest_donow', {'contestId': contest.cid, 'time': data.extra_button.type}), data.extra_button.label, 'primary btn-sm timebutton') }}
                                {% endif %}
                                {% if type == 'finalize' %}
                                    {% if contest.finalizetime %}
                                        {{ button(path('jury_contest_finalize', {'contestId': contest.cid}), 'Update finalization', 'secondary btn-sm timebutton') }}
                                    {% endif %}
                                {% endif %}
                            </td>
                        {% else %}
                            <td></td>
                        {% endif %}
                    </tr>
                {% endfor %}
                <tr>
                    <th>Allow submit</th>
                    <td>
                        {% include 'jury/partials/contest_toggle.html.twig' with {type: 'submit', enabled: contest.allowSubmit} %}
                    </td>
                    <td></td>
                </tr>
                {% if contest.contestProblemsetType is not empty %}
                    <tr>
                        <th>Problemset document</th>
                        <td>
                            <a href="{{ path('jury_contest_problemset', {'cid': contest.cid}) }}">
                                <i title="view problemset document of the contest"
                                   class="fas fa-file-{{ contest.contestProblemsetType }}"></i>
                            </a>
                        </td>
                        <td></td>
                    </tr>
                {% endif %}
                <tr>
                    <th>Process balloons</th>
                    <td>
                        {% include 'jury/partials/contest_toggle.html.twig' with {type: 'balloons', enabled: contest.processBalloons} %}
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <th>Runtime as tiebreaker</th>
                    <td>
                        {% include 'jury/partials/contest_toggle.html.twig' with {type: 'tiebreaker', enabled: contest.runtimeAsScoreTiebreaker} %}
                    </td>
                </tr>
                <tr>
                    <th>Process medals</th>
                    <td>
                        {% include 'jury/partials/contest_toggle.html.twig' with {type: 'medals', enabled: contest.medalsEnabled} %}
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <th>Medals</th>
                    <td>
                        {% if contest.medalsEnabled %}
                            <div class="card">
                                <h6 class="card-header" id="categories">
                                    <a class="collapsed d-block text-dark pt-0 pb-0" data-bs-toggle="collapse" href="#collapsecategories" aria-expanded="true" aria-controls="collapsecategories" id="collapseheader">
                                        {{ (contest.goldMedals > 0) + (contest.silverMedals > 0) + (contest.bronzeMedals > 0) }} different types of medals (Show/Hide details)
                                        <i class="fa fa-chevron-down float-end"></i>
                                    </a>
                                </h6>
                                <div id="collapsecategories" class="collapse collapsed" aria-labelledby="categories">
                                    <div class="card-body pb-1">
                                        <a>{{ contest.goldMedals }} Gold Medal(s)</a>
                                        <br>
                                        <a>{{ contest.silverMedals }} Silver Medal(s)</a>
                                        <br>
                                        <a>{{ contest.bronzeMedals }} Bronze Medal(s)</a>
                                        <br>
                                        For all teams from the following categories:
                                        <ul>
                                            {% for category in contest.medalCategories %}
                                                <li>
                                                    <a href="{{ path('jury_team_category', {'categoryId': category.categoryid}) }}">
                                                        {{ category.name }}
                                                    </a>
                                                </li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        {% else %}
                            <em>none</em>
                        {% endif %}
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <th>Publicly visible</th>
                    <td>
                        {% include 'jury/partials/contest_toggle.html.twig' with {type: 'public', enabled: contest.public} %}
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <th>Open to all teams</th>
                    <td>{{ contest.openToAllTeams | printYesNo }}</td>
                    <td></td>
                </tr>
                <tr>
                    <th>Teams</th>
                    <td>
                        {% if contest.openToAllTeams %}
                            <em>all teams</em>
                        {% else %}
                            {% for team in contest.teams %}
                                <a href="{{ path('jury_team', {'teamId': team.teamid}) }}">
                                    {{ team.effectiveName }} {{ team | entityIdBadge('t') }}
                                </a>
                                <br>
                            {% endfor %}
                            {% for category in contest.teamCategories %}
                                All teams from
                                <a href="{{ path('jury_team_category', {'categoryId': category.categoryid}) }}">
                                    {{ category.name }}
                                </a>
                                <br>
                            {% endfor %}
                        {% endif %}
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <th>Public static scoreboard ZIP</th>
                    <td>
                        <a class="btn btn-sm btn-secondary" href="{{ path('jury_scoreboard_data_zip', {contestId: contest.cid, type: 'public'}) }}">
                            <i class="fas fa-download"></i> Download
                        </a>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <th>Jury (unfrozen) static scoreboard ZIP</th>
                    <td>
                        <a class="btn btn-sm btn-secondary" href="{{ path('jury_scoreboard_data_zip', {contestId: contest.cid, type: 'unfrozen'}) }}">
                            <i class="fas fa-download"></i> Download
                        </a>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <th>Sample data ZIP</th>
                    <td>
                        <a class="btn btn-sm btn-secondary" href="{{ path('jury_contest_samples_data_zip', {contestId: contest.cid}) }}">
                            <i class="fas fa-download"></i> Download
                        </a>
                        <br/>
                        <small class="text-muted">
                            Contains samples, attachments and statement for all problems.
                        </small>
                    </td>
                    <td></td>
                </tr>
                {% set contestId = contest.cid %}
                {% if showExternalId(contest) %}
                    {% set contestId = contest.externalid %}
                {% endif %}
                {% set banner = contestId | assetPath('contest') %}
                {% if not banner %}
                    {% set banner = globalBannerAssetPath() %}
                {% endif %}
                {% if banner %}
                    <tr>
                        <th>Banner</th>
                        <td><img style="max-width: 300px;" src="{{ asset(banner) }}" title="{{ contest.name }}" /></td>
                        <td></td>
                    </tr>
                {% endif %}
                <tr>
                    <th>Warning message</th>
                    <td>{{ contest.warningMessage }}</td>
                    <td></td>
                </tr>
            </table>
        </div>
    </div>

    {% if contest.finalizetime %}
        <h2>Finalized</h2>

        <div class="row">
            <div class="col-lg-4">
                <table class="table table-sm table-striped">
                    <tr>
                        <th>Finalized at</th>
                        <td>{{ contest.finalizetime | printtime('Y-m-d H:i:s (T)') }}</td>
                    </tr>
                    <tr>
                        <th>B</th>
                        <td>{{ contest.b }}</td>
                    </tr>
                    <tr>
                        <th>Comment</th>
                        <td>{{ contest.finalizecomment | nl2br }}</td>
                    </tr>
                </table>
            </div>
        </div>
    {% endif %}

    {% if allowRemovedIntervals %}
        <h2>Removed intervals</h2>
        {% if not is_granted('ROLE_ADMIN') and contest.removedIntervals is empty %}
            <p class="nodata">None.</p>
        {% else %}
            {% if removedIntervalForm is defined %}
                {{ form_start(removedIntervalForm) }}
            {% endif %}
            <div class="row">
                <div class="col-lg-6">
                    <table class="table data-table table-sm table-striped table-hover">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>From</th>
                            <th></th>
                            <th>To</th>
                            <th>Duration</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for removedInterval in removedIntervals %}
                            <tr>
                                <td>{{ removedInterval.intervalid }}</td>
                                <td>{{ removedInterval.starttimeString }}</td>
                                <td><i class="fas fa-arrow-right"></i></td>
                                <td>{{ removedInterval.endtimeString }}</td>
                                <td>{{ removedInterval.starttime | printtimediff(removedInterval.endtime) }}</td>
                                <td>
                                    <button class="btn btn-sm btn-danger remove-interval-button" type="button"
                                            data-submit-url="{{ path('jury_contest_remove_interval', {'contestId': contest.cid, 'intervalId': removedInterval.intervalid}) }}">
                                        <i class="fas fa-trash-alt"></i></button>
                                </td>
                            </tr>
                        {% endfor %}
                        {% if is_granted('ROLE_ADMIN') %}
                            <tr>
                                <td>new</td>
                                <td>
                                    {{ form_errors(removedIntervalForm.starttimeString) }}
                                    {{ form_widget(removedIntervalForm.starttimeString) }}
                                </td>
                                <td><i class="fas fa-arrow-right"></i></td>
                                <td>
                                    {{ form_errors(removedIntervalForm.endtimeString) }}
                                    {{ form_widget(removedIntervalForm.endtimeString) }}
                                </td>
                                <td></td>
                                <td>{{ form_widget(removedIntervalForm.add) }}</td>
                            </tr>
                        {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>
            {% if removedIntervalForm is defined %}
                <small class="text-muted">Use the format <b><code>YYYY-MM-DD HH:MM:SS[.uuuuuu] timezone</code></b> for
                    start/end times.
                </small>
                {{ form_end(removedIntervalForm) }}
            {% endif %}
        {% endif %}

        <script>
            $(function () {
                $('.remove-interval-button').on('click', function () {
                    if (confirm('Really delete interval?')) {
                        var $form = $('<form method="post" />');
                        $form.attr('action', $(this).data('submit-url'));
                        // Some browsers require the form to be present in the DOM,
                        // so append it to the body
                        $(document.body).append($form);
                        $form.submit();
                    }
                    return false;
                });
            });
        </script>

    {% endif %}

    <h2 class="mt-2">Problems</h2>

    {% if problems is empty %}
        <p class="nodata">No problems added yet</p>
    {% else %}
        <div class="row">
            <div class="col-lg-6">
                <table class="table data-table table-sm table-striped table-hover">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Shortname</th>
                        <th>Points</th>
                        <th>Allow<br>submit</th>
                        <th>Allow<br>judge</th>
                        <th>Color</th>
                        <th>Lazy eval</th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for problem in problems %}
                        <tr>
                            {% set link = path('jury_problem', {'probId': problem.probid}) %}
                            <td><a href="{{ link }}">p{{ problem.probid }}</a></td>
                            <td><a href="{{ link }}">{{ problem.problem.name }}</a></td>
                            <td><a href="{{ link }}">{{ problem.shortname }}</a></td>
                            <td><a href="{{ link }}">{{ problem.points }}</a></td>
                            <td>
                                {% include 'jury/partials/problem_toggle.html.twig' with {contestProblem: problem, type: 'submit', enabled: problem.allowSubmit} %}
                            </td>
                            <td>
                                {% include 'jury/partials/problem_toggle.html.twig' with {contestProblem: problem, type: 'judge', enabled: problem.allowJudge} %}
                            </td>
                            {% if problem.color is empty %}
                                <td><a href="{{ link }}">&nbsp;</a></td>
                            {% else %}
                                <td title="{{ problem.color }}">
                                    <a href="{{ link }}">
                                        {{ problem | problemBadge }}
                                    </a>
                                </td>
                            {% endif %}
                            <td>
                                <a href="{{ link }}">
                                    {{ problem.lazyEvalResults | printLazyMode }}
                                </a>
                            </td>
                            <td>
                                {% if problem.problem.problemstatementType %}
                                    <a title="view problem statement" href="{{ path('jury_problem_statement', {'probId': problem.probid}) }}">
                                        <i class="fas fa-file-{{ problem.problem.problemstatementType }}"></i>
                                    </a>
                                {% endif %}
                            </td>
                            <td>
                                {% if is_granted('ROLE_ADMIN') and not contest.isLocked %}
                                    <a title="Unlink problem from contest" href="{{ path('jury_contest_problem_delete', {'contestId': contest.cid, 'probId': problem.probid}) }}"
                                       data-ajax-modal>
                                        <i class="fas fa-trash-alt"></i>
                                    </a>
                                {% endif %}
                            </td>
                            <td>
                                {% if is_granted('ROLE_ADMIN') %}
                                    <a title="Judge remaining testcases" href="{{ path('jury_contest_problem_request_remaining', {'contestId': contest.cid, 'probId': problem.probid}) }}">
                                        <i class="fas fa-gavel"></i>
                                    </a>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    {% endif %}

    <div class="button-row">
        {%- if is_granted('ROLE_ADMIN') -%}
            {% if contest.isLocked %}
                {{ button(path('jury_contest_unlock', {'contestId': contest.cid}), 'Unlock', 'danger', 'unlock') }}
            {% else %}
                {{ button(path('jury_contest_edit', {'contestId': contest.cid}), 'Edit', 'primary', 'edit') }}
                {{ button(path('jury_contest_delete', {'contestId': contest.cid}), 'Delete', 'danger', 'trash-alt', true) }}
                {{ button(path('jury_contest_lock', {'contestId': contest.cid}), 'Lock', 'secondary', 'lock') }}
            {% endif %}
            {{ button(path('jury_contest_request_remaining', {'contestId': contest.cid}), 'Judge remaining testcases', 'secondary', 'gavel') }}
        {% endif %}
        {{ button(path('jury_contest_prefetch', {'contestId': contest.cid}), 'Heat up judgehosts with contest data', 'secondary', 'download') }}
        {% include 'jury/partials/rejudge_form.html.twig' with {table: 'contest', id: contest.cid, buttonClass: 'btn-secondary'} %}
    </div>

{% endblock %}

{% block extrafooter %}
    {{ macros.toggle_autosubmit_extrafooter() }}
{% endblock %}