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

{% block page_title %}Project stages{% endblock %}

{% block body_class %}stages-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_challenges', event_id=current_event.id) }}" class="btn btn-lg btn-secondary"
        title="Challenges">
        <i class="fa fa-trophy" 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_categories', event_id=current_event.id) }}" class="btn btn-lg btn-secondary"
        title="Categories">
        <i class="fa fa-bars" aria-hidden="true"></i>
      </a>
    </center>

  {% endif %}

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

  <a name="steps"></a>
  <div class="list-stages">
  {% for step in steps %}
    {% if step.projects or not current_event.lock_resources %}
    <div class="row step">
      {% if step.index > 0 %}
        <a id="{{ step.id }}" name="{{ step.phase }}"></a>
        <div class="number">{{ step.index }}</div>
      {% else %}
        <a name="any"></a>
        <div class="number">*</div>
      {% endif %}

      {% if step.index > 0 %}
        <h3 class="title">{{ step.phase }}</h3>
      {% endif %}

      {% if step.emoji %}
        <h4 class="emoji">{{ step.emoji }}</h4>
      {% endif %}

      {% if step.index > 0 and not current_event.lock_resources and step.description %}
        <p class="subtitle">{{ step.description }}</p>
      {% endif %}

      {% if not current_event.lock_resources and step.conditions %}
      <ul class="agree-list" style="width:100%;">
        {% for what in step.conditions.agree %}
          <li>{{ what }}</li>
        {% endfor %}
      </ul>
      {% endif %}

      {% if step.projects %}
      <div class="honeycomb mb-5 pb-5">
          <div class="ibws-fix">
          {% for project in step.projects %}
              {{ proj.render_project_hexagon(project) }}
          {% endfor %}
          </div>
      </div><!-- /honeycomb -->
      {% endif %}

    </div>
    {% endif %}
  {% endfor %}
  </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>
  </center>

{% endblock %}