{% extends "common/consortium.j2" %}
{% block body_content %}
<main id="maincontent">

  <div class="container">

    <!--Section: Content-->
    <section class="section-consortium dark-grey-text">

      {# <div class="justify-content-md-left"> #}

        <!-- Section heading -->
        <h4 class="font-weight-bold pb-2 mb-4">{{ _("Consortium")}}</h4>
        <!-- Section description -->

        <!-- Section heading -->
        <h4 class="font-weight-bold pb-2 mb-4">{{ _("Project")}}</h4>
        <div class="row">
          <div class="col col-md-auto"></div>

          <div class="col-md-11">
            <p class="text-muted w-responsive mx-auto mb-3">
              {% trans %}
              The TALER project is an initiative of Horizon Europe (Pilots for the Next Generation Internet) with the
              aim of bringing the GNU Taler to market across Europe.
              <br>
              To make the 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.
              {% endtrans %}
            </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">
                  <div class="accordion-body text-muted w-responsive">
                    {{ objective['text'] }}
                  </div>
                </div>
              </div>
              {% endfor %}
            </div>
            <div class="col col-md-auto"></div>
            <p class="text-muted w-responsive mx-auto"><br></p>

          </div>


          <!-- Section heading -->
          <h4 class="font-weight-bold pb-2 mb-4">{{ _("Partners")}}</h4>

          <div class="row mb-4">
            <div class="col col-md-auto"></div>

            <div class="col-md-11">
              <p class="text-muted w-responsive mx-auto mb-3">
                {% trans %}
                TALER consortium consists of 11 partners from 8 European countries (the Netherlands, Belgium, France,
                Germany, Greece, Hungary, Luxembourg and Switzerland).
                {% endtrans %}
              </p>
              <p class="text-muted w-responsive mx-auto mb-3">
                {% trans %}
                The consortium is diverse in terms of types of institutions, including research (TUE) and applied
                science
                universities (BFH), small for-profit (CBG, TSYS, VV) and non-profit (PS) companies, cooperative banks
                (GLS, MAG), a foundation (NLnet) and grassroots movements (ESEN, HODI).
                {% endtrans %}
              </p>

            </div>
            <div class="col col-md-auto"></div>
          </div>

    </section>

    <!--Section: Content-->
    <section class="section-consortium justify-content-md-center text-center dark-grey-text ">

      {% for partner in conf['partners'] %}

      {% if loop.index0 % 2 == 0 %}
      <!-- Grid row -->
      <div class="row align-items-top">
        {% endif %}

        <!-- Grid column -->
        <div class="col-lg-6">
          <div class="avatar mx-auto">
            <a href="{{ partner['url'] }}" target="_blank" rel="noopener noreferrer">
              <img src="{{ url(partner['logo']) }}" height="180" class="rounded-circle z-depth-3"
                alt="{{ partner['id'] + ' avatar'}}">
            </a>
          </div>
          <p class="grey-text text-muted mt-4 mb-2">Team represented by</p>

          <h5 class="font-weight-bold grey-text">{{ partner['contact_name'] }}, {{ partner['contact_role']
            }} </h5>
          <p class="grey-text text-muted"> {{ partner['role'] }} </p>
          <div class="divider"></div>
          <p class="dark-grey-text text-muted"><i>
              {{ partner['statement'] }}
            </i></p>
        </div>
        {% if not loop.index0 == 0 and loop.index % 2 == 0 %}
        <!-- Grid row -->
      </div>
      <br>
      {% endif %}
      {% endfor %}


    </section>
    <!--Section: Content-->

  </div>
</main>
{% endblock body_content %}