{% extends "layout.html" %}
{% import "macros/_project.html" as proj %}

{% block page_title %}Challenges{% endblock %}

{% block body_class %}eventchallenges-page{% endblock %}

{% block content %}

{% if not current_event.lock_resources %}

    <center class="m-2 no-print float-right">

    {% if current_user and current_user.active %}
      <a href="{{ url_for('public.event_instruction', event_id=current_event.id) }}" 
        class="btn btn-lg btn-info" id="event-instruction-tip"
        title="Special instructions for participants">
        <i class="fa fa-info" aria-hidden="true"></i>
      </a>
    {% endif %}

      <a class="btn btn-dark btn-lg" href="{{ url_for('public.event', event_id=current_event.id) }}"
        title="Back to project overview">
        <i class="fa fa-hexagon" aria-hidden="true">⬢</i>
      </a>

      <a href="{{ url_for('public.event_categories', event_id=current_event.id) }}" class="btn btn-lg btn-secondary"
        title="Categories">
        <i class="fa fa-bars" aria-hidden="true"></i>
      </a>

      <a href="{{ url_for('public.event_print', event_id=current_event.id) }}" class="btn btn-lg btn-secondary"
        title="Full report">
        <i class="fa fa-print" aria-hidden="true"></i>
      </a>

      <a href="{{ url_for('public.event_stages', event_id=current_event.id) }}" class="btn btn-lg btn-secondary"
        title="Stages">
        <i class="fa fa-signal" aria-hidden="true"></i>
      </a>
    </center>

{% endif %}

<h1 class="huge">Challenges</h1>
<br clear="all" />

<div class="event-challenges">
  {% if projects %}
    <div class="profile-projects mt-2" style="border:none">
      <div class="row ibws-fix">
        {% for project in projects %}
            {{ proj.render_project_card(project) }}
        {% endfor %}
      </div>
    </div><!-- /profile-projects -->
  {% else %}
    <i>None have been posted or approved yet.</i>
  {% endif %}
</div>

<center class="mt-5">
  <a class="btn btn-light btn-lg" href="{{ url_for('public.event', event_id=current_event.id) }}">
    <i class="fa fa-arrow-left" aria-hidden="true"></i>
    <span>Return</span></a>
  <a class="btn btn-dark ms-2"
     href="{{ url_for('public.event_challenges', event_id=current_event.id) }}?all">
    <span>Show all</span></a>
</center>
{% endblock %}