{% extends "base.html" %}
{% load guardian_tags %}
{% load url %}
{% load bleach %}
{% load static %}
{% load random_encode %}

{% block title %}
    {{ object|title }} - {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{% url 'challenges:list' %}">Challenges</a></li>
        <li class="breadcrumb-item"><a
                href="{{ challenge.get_absolute_url }}">{% firstof challenge.title challenge.short_name %}</a></li>
        <li class="breadcrumb-item active"
            aria-current="page">
            {{ object|title }}
        </li>
    </ol>
{% endblock %}

{% block sidebar %}
    <div class="nav-pill-pages-container col-12 col-sm-5 col-md-4 col-lg-3 pl-3">
        <ul class="nav nav-pills flex-column">
            {% for page in pages %}
                {% if not page.hidden %}
                    <li class="nav-item">
                        <a class="nav-link px-4 py-1 mb-1 {% if page == object %}active{% endif %}"
                           href="{{ page.get_absolute_url }}">
                            {% if page.permission_level == page.REGISTERED_ONLY %}
                                <i class="fas fa-lock fa-fw" title="Page is only visible by participants of this challenge"></i>
                            {% elif page.permission_level == page.ADMIN_ONLY %}
                                <i class="fas fa-lock fa-fw text-danger" title="Page is only visible by admins of this challenge"></i>
                            {% else %}
                                <i class="fa fa-fw"></i>
                            {% endif %}
                            {{ page|title }}
                        </a>
                    </li>
                {% endif %}
            {% endfor %}
            {% if challenge.contact_email %}
                <li class="nav-item">
                    <a class="nav-link px-4 py-1 mb-1" href="mailto:{{ challenge.contact_email|random_encode|clean }}"><i class="fas fa-envelope fa-fw"></i> Email organizers</a>
                </li>
            {% endif %}
        </ul>
    </div>
{% endblock %}

{% block content %}
    <div class="mx-3">
        {% if challenge.disclaimer %}
            <div class="disclaimer alert alert-warning" role="alert">
                {{ challenge.disclaimer|clean }}
            </div>
        {% endif %}

        {% if "change_challenge" in challenge_perms and not challenge.contact_email %}
            <div class="alert alert-warning" role="alert">
                Please update your challenge settings. Grand Challenge now requires a <u>contact email address</u> for all challenges.<br>
                Please also note that you can now define start and end dates for each phase in the respective phase settings.
            </div>
        {% endif %}

        <div id=pageContainer>{{ object.html|clean }}</div>

        {% if object.pk %}
            {% if "change_challenge" in challenge_perms %}
                <br>
                <a class="btn btn-primary"
                   href="{% url 'pages:update' challenge_short_name=object.challenge.short_name slug=object.slug %}"
                   title="Edit this page"
                >
                    <i class="fas fa-edit"></i>
                </a>
            {% endif %}
        {% endif %}
    </div>
{% endblock %}


{% block script %}
    {{ block.super }}
    {# make the tables sortable #}
    <script type="module" src="{% static "js/sort_tables.js" %}"></script>
{% endblock %}