{% extends "common/consortium.j2" %}
{% block body_content %}
<main id="maincontent">
<div class="container consortium dark-grey-text">
  <article>
    <div class="row">
      <div class="col-lg-6">
        <img class="img-fluid" src="{{ url_static('images/logo-NGI_Taler.svg') }}" alt="NGI Taler logo" width="500px">
      </div>
      <h4 class="font-weight-bold pb-2 mb-4">NGI TALER</h4>
      {# <div class="col col-md-auto"></div> #}
      <!-- project intro -->
      <div class="col-md-11 col-md-4 mb-4 px-md-4">
        <p class="w-responsive mx-auto mb-3">
          The NGI TALER project is funded under Horizon Europe (Pilots for the Next Generation Internet)
          with the aim of bringing GNU Taler to market across Europe.
        </p>
        <p class="w-responsive mx-auto mb-3">
          To make GNU Taler accessible to European citizens, we need a commercially viable use of
          the GNU Taler technology. We will achieve this through the four key project objectives.
        </p>
        <div class="accordion" id="accordionObjectives">
          {% for objective in conf['objectives'] %}
          <div class="accordion-item">
            <h2 class="accordion-header" id="heading_{{ loop.index }}">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                data-bs-target="#collapse_{{ loop.index }}" aria-expanded="false"
                aria-controls="collapse_{{ loop.index }}">
                Objective {{ loop.index }}: {{ objective.title }}
              </button>
            </h2>
            <div id="collapse_{{ loop.index }}" class="accordion-collapse collapse"
              aria-labelledby="heading_{{ loop.index }}" data-bs-parent="#accordionObjectives">
              <p class="accordion-body text-muted w-responsive">
                {{ objective.text }}
              </p>
            </div>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </article>

  <article>
    <div class="row">
      <h4 class="font-weight-bold pb-2 mb-4">Events</h4>
    </div>

    <div class="row mb-4">
      <p>
        The consortium will organize or participate in different types of events across Europe. <strong>Upcoming events:</strong>
      </p>
        {# Events will include talks presenting GNU Taler and related technologies, expert panels discussing 
        financial problems and possible solutions, workshops to jointly work on GNU Taler integrations, 
        usability studies with interested volunteers, and public consultations to gather ideas and requirements 
        from the general public. #}
      
      <div>
          {% for year, yitem in eventsdata|groupby('date.year')|reverse %}
          <p><b>{{ year }}</b></p>
          <ul class="timeline">
          {% for item in yitem %}
          <li>
              <section class="item-preview">
               <header>
                  <h3> {{ item['date']}}: {{ item['title']|e }}</h3>
                  <p class="item-date">
                    {{ item['teaser'] }}
                  </p>
                </header>
                  <p class="item-abstract">
                    {{ item['location']}}, speaker: {{ item['speaker']}}
                  </p>
                  <p class="item-date">
                    <a href="{{ item['url_ext']}}" target="_blank" rel="noopener noreferrer">External link: {{ item['url_ext']}}</a>
                  </p>

              </section>
            </li>
          {% endfor %}
          </ul>
          {% endfor %}
        </div>
    </div>
  </article>
    
{# DEPRECATED EVENTS AND DELIVERABLES IN CAROUSEL JS
  <article>
    <div class="row">
      <h4 class="font-weight-bold pb-2 mb-4">Events</h4>
      <div class="col-md-6 mb-6">
        <!-- events carousel -->
        <div class="container announce">
          <div id="AnnouncCarousel" class="carousel slide" data-bs-ride="carousel">
            <!-- Carousel indicators -->
            <div class="carousel-indicators">
              {% for number in range(0, conf['events']|count) %}
              <button data-bs-target="#AnnouncCarousel" data-bs-slide-to="{{ number }}" {% if number==0 %}
                class="active" {% endif %} aria-current="true" aria-label="Slide {{ number + 1 }}"></button>
              {% endfor %}
            </div>

            <!-- Wrapper for carousel items -->
            <div class="carousel-inner vevent">
              {% for item in conf['events'] %}

              <div {% if loop.first %} class="carousel-item active" {% else %} class="carousel-item" {% endif %}
                data-bs-interval="5000">
                <h5 class="summary">{{ item['title'] }}</h5>
                <div class="img-box">
                  {% if item['url_ext'] is defined and item['url_ext'] and item['url_ext'] != "" %}
                  <a href="{{ item['url_ext'] }}" target="_blank" rel="noopener noreferrer">
                    {% endif %}
                    <img src="{{ url( item['url_img']|default('images/logo-2021.svg', true) ) }}" alt="" width="300px">
                    {% if item['url_ext'] is defined and item['url_ext'] and item['url_ext'] != "" %}
                  </a>
                  {% endif %}
                </div>
                <p class="description">
                  {{ item['teaser'] }}
                </p>
                <div class="contact">
                  <div class="fas fa-calendar-alt"> Date:
                    <span class="dtstart">
                      <abbr class="value" title="{{ item['date'] }}"> {{ item['date'] }}</abbr>
                    </span>
                  </div>
                  {% if item['url_ext'] is defined and item['url_ext'] and item['url_ext'] != "" %}
                  <div class="fa fa-globe"> <a target="_blank" href="{{ item['url_ext'] }}"> About</a></div>
                  {% endif %}
                  {% if item['location'] is defined and item['location'] and item['location'] != "" %}
                  <p class="fas fa-map-marker-alt"> Location: <span class="location">{{ item['location'] }}</span>
                  </p>
                  {% endif %}
                  <div class="fa fa-user"> <b>{{ item['speaker'] }}</b></div>
                  {% if item['email'] is defined and item['email'] and item['email'] != "" %}
                  <div class="fas fa-envelope"> <a href="mailto:{{ item['email'] }}?subject={{ item['title'] }}"><span
                        class="dark-grey-text"> Contact</span></a></div>
                  {% endif %}
                </div>
              </div>
              {% endfor %}
            </div>
          </div>
        </div>
      </div>

      <!-- deliverables -->
      <div class="col-md-4 mb-4">
        {% if conf['deliverables'] is defined and conf['deliverables'] and conf['deliverables'] != "" %}
        <h4 class="font-weight-bold pb-2 mb-4">Deliverables</h4>
        <div class="list-group ">
          {% for item in conf['deliverables'] %}
          {% set ns = namespace(symbol='images/file-cancel.svg') %}

          {% if item['url_pdf'] is defined and item['url_pdf'] and item['url_pdf'] != "" %}
          <a href="{{ url(item['url_pdf']) }}" class="list-group-item list-group-item-action">
            {% set ns.symbol = 'images/pdf.svg' %}
            {% elif item['page'] is defined and item['page'] and item['page'] != "" %}
            <a href="{{ url(item['page']) }}" class="list-group-item list-group-item-action">
              {% set ns.symbol = 'images/html.svg' %}
              {% else %}
              <a href="#" class="list-group-item list-group-item-action">
                {% endif %}
                <div class="d-flex w-100 justify-content-between">
                  <h5 class="mb-1"><img border=0 alt="" width=24 height=24 src="{{ url_static(ns.symbol) }}"> {{
                    item['title'] }}</h5>
                  <small>{{ item['workpackage'] }}</small>
                </div>
                {% if item['comment'] is defined and item['comment'] and item['comment'] != "" %}
                <p class="mb-1">{{ item['comment'] }}</p>
                {% endif %}
              </a>
              {% endfor %}
        </div>
        {% endif %}
      </div>
    </div>
  </article>
#}

  <article>
    <div class="row">
      <h4 class="font-weight-bold pb-2 mb-4">Partners</h4>
    </div>

    <div class="row mb-4">
      <!-- intro -->
      <div class="col-md-11 col-md-4 mb-4 px-md-4">
        <p class="w-responsive mx-auto mb-3">
          The NGI TALER consortium consists of 11 partners from 8 European countries (the Netherlands, Belgium, France,
          Germany, Greece, Hungary, Luxembourg and Switzerland).
        </p>
        <p class="w-responsive mx-auto mb-3">
          The consortium is diverse in terms of types of institutions, including research (Eindhoven University of Technology) and
          applied science universities (Berner Fachhochschule BFH), 
          small for-profit (Code Blau GmbH, Taler Systems S.A., VisualVest) and non-profit (petites singularités) companies,
          cooperative banks (GLS Bank, MagNet Bank), a foundation (Stichting NLnet) and grassroots movements (E-Seniors Association, Homo Digitalis).
        </p>
      </div>
    </div>

    <div class="row row-cols-1 row-cols-md-3 g-4 text-center">
      <!-- consortium board -->

      {% for partner in conf['partners'] %}
      <div class="col">
        <div class="card border-0 h-100">
          <a href="{{ partner.url }}" target="_blank" rel="noopener noreferrer">
            <img src="{{ url(partner.logo) }}" height="100" class="card-header rounded-circle z-depth-3"
              alt="{{ partner.id + ' avatar'}}">
          </a>
          {# <div class="card-note grey-text text-muted mt-3">{{ partner.contact }}</div> #}
          <div class="card-body h-100">
            <h5 class="card-title font-weight-bold grey-text">{{ partner.name }} </h5>
            <!-- <p class="card-text grey-text text-muted word-wrap"> {{ partner.role }} </p> -->
          </div>
          <!-- <div class="card-footer">
            <p><small class="text-body-secondary dark-grey-text text-muted word-wrap">
                <i>{{ partner.statement }}</i>
              </small></p>
          </div> -->
        </div>
      </div>
      {% endfor %}
    </div>
  </article>
  
 </div>
</main>
{% endblock body_content %}