{% extends "problem/list-base.html" %}
{% block left_sidebar %}
    {% include "problem/left-sidebar.html" %}
{% endblock %}

{% block middle_content %}
    <div id="content-left" class="problems">
        <table id="problem-table" class="table striped">
            <thead>
            <tr>
                {% if request.in_contest_mode %}
                    {% if request.user.is_authenticated %}
                        <th class="solved"><i class="fa fa-check"></i></th>
                    {% endif %}
                    <th class="problem">{{ _('Problem') }}</th>
                    <th class="pcode">{{ _('Problem code') }}</th>
                    {% if show_types %}
                        <th>{{ _('Types') }}</th>
                    {% endif %}
                    <th class="points">{{ _('Points') }}</th>
                    <th class="users">{{ _('Users') }}</th>
                {% else %}
                    {% if request.user.is_authenticated %}
                        <th class="solved">
                            <a href="{{ sort_links.solved }}"><i class="fa fa-check"></i>{{ sort_order.solved }}
                            </a>
                        </th>
                    {% endif %}
                    <th class="problem">
                        <a href="{{ sort_links.name }}">{{ _('Problem') }}{{ sort_order.name }}</a>
                    </th>
                    <th class="pcode">
                        <a href="{{ sort_links.code }}">{{ _('Problem code') }}</a>
                    </th>
                    {% if show_types %}
                        <th>
                            <a href="{{ sort_links.type }}">{{ _('Types') }}{{ sort_order.type }}</a>
                        </th>
                    {% endif %}
                    <th class="points">
                        <a href="{{ sort_links.points }}">{{ _('Points') }}{{ sort_order.points }}</a>
                    </th>
                    <th class="ac-rate">
                        <a href="{{ sort_links.ac_rate }}">{{ _('AC %%') }}{{ sort_order.ac_rate }}</a>
                    </th>
                    <th class="users">
                        <a href="{{ sort_links.user_count }}">{{ _('AC #') }}{{ sort_order.user_count }}</a>
                    </th>
                    {% if show_editorial %}
                    <th class="editorial">
                        {{_('Editorial')}}
                    </th>
                    {% endif %}
                {% endif %}
            </tr>
            </thead>
            <tbody>
            {% for problem in object_list %}
                <tr>
                    {% if request.user.is_authenticated %}
                        {% if problem.id in completed_problem_ids %}
                            <td solved="1">
                                <a href="{{ url('user_submissions', problem.code, request.user.username) }}">
                                    {% if problem.is_public or request.in_contest_mode %}
                                        <i class="solved-problem-color fa fa-check-circle"></i>
                                    {% else %}
                                        <i class="solved-problem-color fa fa-lock"></i>
                                    {% endif %}
                                </a>
                            </td>
                        {% elif problem.id in attempted_problems %}
                            <td solved="0">
                                <a href="{{ url('user_submissions', problem.code, request.user.username) }}">
                                    {% if problem.is_public or request.in_contest_mode %}
                                        <i class="attempted-problem-color fa fa-minus-circle"></i>
                                    {% else %}
                                        <i class="attempted-problem-color fa fa-lock"></i>
                                    {% endif %}
                                </a>
                            </td>
                        {% else %}
                            <td solved="-1">
                                {% if problem.is_public or request.in_contest_mode %}
                                    <i class="unsolved-problem-color fa fa-minus-circle"></i>
                                {% else %}
                                    <i class="unsolved-problem-color fa fa-lock"></i>
                                {% endif %}
                            </td>
                        {% endif %}
                    {% endif %}
                    <td class="problem">
                        <a href="{{ url('problem_detail', problem.code) }}">{{ problem.i18n_name }}</a>
                    </td>
                    <td class="pcode">
                        <a class="pcodecell" href="{{ url('problem_detail', problem.code) }}">{{ problem.code }}</a>
                    </td>
                    {% if show_types %}
                        <td class="types">
                            {% for type in problem.types_list %}
                                <span class="type-tag">{{ type }}</span>{% if not loop.last %}, {% endif %}
                            {% endfor %}
                        </td>
                    {% endif %}
                    <td class="p">{{ problem.points|floatformat }}{% if problem.partial %}p{% endif %}</td>
                    {% if not request.in_contest_mode %}
                        <td class="ac-rate">{{ problem.ac_rate|floatformat(0) }}%</td>
                    {% endif %}
                    <td class="users">
                        <a href="{{ url('ranked_submissions', problem.code) }}">
                            {% if not request.in_contest_mode or not hide_contest_scoreboard %}
                                {{ problem.user_count }}
                            {% else %}
                                ???
                            {% endif %}
                        </a>
                    </td>
                    {% if show_editorial%}
                    <td class="editorial">
                        {% if problem.has_public_editorial %}
                            <a href="{{ url('problem_editorial', problem.code) }}">{{ _('Editorial') }}</a>
                        {% endif %}
                    </td>
                    {% endif %}
                </tr>
            {% endfor %}
            </tbody>
        </table>
        {% if request.in_contest_mode and request.participation.contest.use_clarifications %}
            <br><br>
            {% if can_edit_contest %}
            <div style="float: right; font-size: 1.2em">
                <a href="{{url('new_contest_clarification', request.participation.contest.key)}}"><i class="fa fa-plus-circle" style="color:green"></i> <u>{{_('Add clarifications')}}</u></a>
            </div>
            {% endif %}
            {% if has_clarifications %}
                <div style="font-size: 1.2em; font-style: bold">
                    <i class="fa fa-question-circle"></i> {{_('Clarifications')}}</div>
                <table class="table">
                    <tr>
                        <th>{{_('Problem')}}</th>
                        <th>{{_('Time')}}</th>
                        <th>{{_('Description')}}</th>
                    </tr>
                    {% for clarification in clarifications %}
                        <tr>
                            <td>
                                <a href="{{ url('problem_detail', clarification.problem.code) }}"
                                   class="problem">
                                    {{ clarification.problem.name }}
                                </a>
                            </td>
                            <td class="time">{{ relative_time(clarification.date) }}</td>
                            <td><p style="overflow-wrap: break-word; word-break: break-word">{{clarification.description}}</p></td>
                        </tr>
                    {% endfor %}
                </table>
            {% else %}
                <p style="font-style: italic; text-align: center">
                    {{ _('No clarifications have been made at this time.') }}</center>
                </p>
            {% endif %}
        {% endif %}
    </div>
    {% if page_obj.num_pages > 1 %}
        <div style="margin-top:10px;">{% include "list-pages.html" %}</div>
    {% endif %}
{% endblock %}