{% 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 -->

        <div class="row gy-5">
          <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>
            <p class="text-muted w-responsive mx-auto mb-5">
              {% trans %}
              Partners were brought together based on their expertise and expected contributions to individual
              scientific, technical, regulatory, societal and operational aspects of TALER. We are very proud to have
              such an excellent consortium bringing together a rich diversity of key competences.
              {% endtrans %}
            </p>
          </div>
          <div class="col col-md-auto"></div>
        </div>

        <!-- 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 mb-5"><br></p>

          </div>


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

    </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>
          <h5 class="font-weight-bold grey-text mt-4 mb-3">{{ 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 %}