{% extends "layout.html" %}
{% import "macros/_misc.html" as misc %}

{% block page_title %}{{current_event.name}} / Print{% endblock %}
{% block body_class %}print-page{% endblock %}

{% macro render_print_project(project) %}
<div class="project-info">

    <ul class="project-meta">
      {% if project.ident %}
      <li><b>{{ project.ident }}</b></li>
      {% endif %}
      {% if project.webpage_url %}
      <li>Presentation: <a href="{{ project.webpage_url }}">{{ project.webpage_url|truncate(50) }}</a></li>
      {% endif %}
      {% if project.source_url %}
      <li>Source: <a href="{{ project.source_url }}">{{ project.source_url|truncate(50) }}</a></li>
      {% endif %}
      {% if project.download_url %}
      <li>Download: <a href="{{ project.download_url }}">{{ project.download_url|truncate(50) }}</a></li>
      {% endif %}
      {% if project.contact_url %}
      <li>Contact: <a href="{{ project.contact_url }}">{{ project.contact_url|truncate(50) }}</a></li>
      {% endif %}
      <li>Created: <span>{{ project.created_at|format_date }}</span>
        {% if project.user %}
        by <a href="{{project.user.webpage_url}}">{{ project.user.name }}</a>
        {% endif %}
      </li>
      <li>Updated: <span>{{ project.updated_at|format_date }}</span>
      {% if project.score > 0 %}
        <li>Progress: <span>{{project.score}}%</span> ({{project.phase}})</li>
      {% endif %}
      {% if project.category_id %}
        <li>Category: <b>{{ project.category.name }}</b></li>
      {% endif %}
      <li class="no-print"><a href="{{ url_for('project.project_view', project_id=project.id, _external=True) }}">Permalink</a></li>
    </ul>

    {% if project.hashtag %}
    <p class="project-hashtag m-0 p-0">{{project.hashtag}}</p>
    {% endif %}

    <h2 style="font-weight:bold">
      {% if project.logo_icon %}
        {% if project.logo_icon|length==1 %}
          <span class="logo_icon">{{project.logo_icon}}</span>
        {% else %}
          <i class="fa fa-{{project.logo_icon}}"></i>
        {% endif %}
      {% endif %}

      {{project.name}}
    </h2>

    {% if project.summary %}
      <p class="project-summary" style="max-width: 50%;">
        {{project.summary}}
      </p>
    {% endif %}

    {% if project.team %}
      <ul class="project-team" title="team">
      {% for user in project.team %}
        <li><a href="{{ url_for('public.user_profile', username=user) }}">
          <i class="fa fa-user"></i>
           {{ user }}
        </a></li>
      {% endfor %}
      </ul>
    {% endif %}

  <br clear="all">

    {% if request.args.get('longtext') and project.longtext %}
      <div class="full-content" style="background:#fafafa">
        <tt>~ PITCH ~</tt>
        <div class="project-page clear-both">
          <div class="project-longtext">
            {{project.longtext|markdown|safe}}
          </div>
        </div>
      </div>
    {% endif %}

    {% if request.args.get('longtext') and project.autotext %}
      <div class="full-content">
        <tt>~ README ~</tt>
        <div class="project-page clear-both">
          <div class="project-autotext">
            {{project.autotext|markdown|safe}}
          </div>
        </div>
      </div>
    {% endif %}
  </div>
{% endmacro %}

{% block content %}


<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_stages', event_id=current_event.id) }}" class="btn btn-lg btn-secondary"
     title="Stages">
    <i class="fa fa-signal" 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>

<h1 class="huge no-print">Report</h1>
<br clear="both">

  <p class="category-tip mt-3 text-center">
      <span class="user-score">&#x1F4A1;</span>
    Active projects and challenges as of {{ curdate }}.
  </p>

<p class="no-print text-center mb-5">
  {% if not request.args.get('longtext') %}
    <a href="?longtext=1" class="btn btn-danger">Full text</a>
  {% else %}
    <a href="?" class="btn btn-danger">Hide text</a>
  {% endif %}

  <a href="{{ url_for('api.project_list_event_csv', event_id=current_event.id, moar=1)}}" class="btn btn-light" download>
    <i class="fa fa-file" aria-hidden="true"></i>
    CSV</a>
  <a href="{{ url_for('api.package_specific_event', event_id=current_event.id, format='json')}}" class="btn btn-light" download>
    <i class="fa fa-file" aria-hidden="true"></i>
    Data Package</a>

  <a href="javascript:window.print()" class="ml-4 btn btn-info">
    <i class="fa fa-print" aria-hidden="true"></i>
    Print </a>
</p>

<div class="container">

  {% for project in projects %}
    {{ render_print_project(project) }}
    <hr{% if request.args.get('longtext') %} style="clear: both; page-break-after: always;"{% endif %}>
  {% endfor %}

  {% if challenges.length %}
    <a name="challenges" style="page-break-after: always;"></a>
    <center><h1 class="m-5">Challenges</h1></center>

    {% for project in challenges %}
      {{ render_print_project(project) }}
      <hr{% if request.args.get('longtext') %} style="clear: both; page-break-after: always;"{% endif %}>
    {% endfor %}

  {% endif %}

</div>

<center class="mt-5 no-print">
  <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 href="{{ url_for('public.event_challenges', event_id=current_event.id) }}" class="btn btn-lg btn-secondary"
     title="Just the challenges">
    <i class="fa fa-trophy" aria-hidden="true"></i>
    <span>Challenges</span>
  </a>

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

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