{% 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_Bold.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">
          GNU Taler (<em>Taxable Anonymous Libre Electronic Resources</em>) is a new secure 
          electronic payment system based on open standards, free software, and advanced cryptography.
          GNU Taler provides privacy guarantees to the buyer while offering the possibility 
          to audit merchants, making sale incomes transparent and fraud difficult. 
          To online merchants and retailers, GNU Taler offers instant transaction clearance 
          without risks of fake payment methods. Computations needed to clear the payments 
          are efficient and scalable so that banks can pass on lower transaction costs to 
          consumers and merchants. Consumers can withdraw money from their existing bank account 
          into their GNU Taler wallet, detaching their spending habits from scrutiny, in the way cash does.
        </p>
        <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.
      </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|sort(attribute='date',reverse=true) %}
          <li>
              <section class="item-preview">
               <header>
                  <h5> {{ item['date']}}: {{ item['title']|e }}</h5>
                  <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 companies (Code Blau GmbH, Taler Systems S.A., VisualVest), 
          a structure (petites singularités), 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 %}