{% extends "base.html" %}
{% load i18n %}
{% load markup %}

{% block title %}{% trans "Projects" %}{% endblock %}

{% block page-title %}
  {% trans "Projects" %}
{% endblock %}

{% block sub-navigation %}

{% endblock %}

{% block content %}
  {% for project, results, members in projects %}
  <div class="entry">
    <div class="card card-common">
      <div class="card-content">
        <div class="entry-content">
        <div class="entry-main">
          <div class="entry-date">
            {{ project.status }}
          </div>
          <h3 class="entry-title" style="color:#333;">{{ project.name }}</h3>
          <div class="entry-body">
            <p>{{ project.get_description }}</p><br/>
            <p>
              <a id="project-{{ project.id }}-pointer" href="javascript:JS_toggleSection('project-{{ project.id }}');" class="toggled-section ">
              <span id="project-{{ project.id }}-image" class="sprite plus"></span></a><strong>{% trans "Project members" %}</strong>
              <div id="project-{{ project.id }}" style="display:none; margin-top: 10px;">
              {% for user in members %}
                {{ user.id|show_user_link }}
              {% endfor %}
              </div>
            </p>
          </div>
        </div>
        </div>
        <div class="entry-icons">
          {% include "booking_star.html" %}
        </div>
        <div class="card-bottom">
          <strong>{% trans "Customer" %}:</strong> {{ project.customer }} <strong>{% trans "Type" %}:</strong> {{ project.type }}
        </div>
      </div>
    </div>
  </div>

  {% endfor %}
{% endblock %}
