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

  {#
  <script>
    window.onload = function () {
      var span = document.createElement('span');

      span.className = 'fas';
      span.style.display = 'none';
      document.body.insertBefore(span, document.body.firstChild);

      alert(window.getComputedStyle(span, null).getPropertyValue('font-family'));

      document.body.removeChild(span);
    };
  </script>
  #}

  <div class="container consortium dark-grey-text">


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

      <div class="col-md-11 col-md-4 mb-4">
        <p class="w-responsive mx-auto mb-3">
          {% trans %}
          The TALER project is funded under Horizon Europe (Pilots for the Next Generation Internet)
          with the aim of bringing GNU Taler to market across Europe.
          <br>
          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.
          {% 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>
      <div class="col col-md-auto"></div>
    </div>


    <div class="row">
      <div class="col-md-6 mb-6">
        <h4 class="font-weight-bold pb-2 mb-4">{{ _("Events")}}</h4>
        <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"> <img src="{{ url( item['url_img']|default('images/logo-2021.svg', true) ) }}"
                    alt="">
                </div>
                <p class="description testimonial">
                  {{ item['teaser'] }}
                </p>
                <p class="fas fa-calendar-alt"> Date:
                  <span class="dtstart">
                    <abbr class="value" title="{{ item['date'] }}"> {{ item['date'] }}</abbr>
                  </span>
                </p>
                {% if item['url_ext'] is defined and item['url_ext'] and item['url_ext'] != "" %}
                <p class="fa fa-globe"> <a target="_blank" href="{{ item['url_ext'] }}"> About</a></p>
                {% 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 %}
                <p class="fa fa-user"> <b>{{ item['speaker'] }}</b></p>
                {% if item['email'] is defined and item['email'] and item['email'] != "" %}
                <p class="fas fa-envelope"> <a href="mailto:{{ item['email'] }}?subject={{ item['title'] }}"><span
                      class="dark-grey-text"> Contact</span></a></p>
                {% endif %}

              </div>
              {% endfor %}
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-1 mb-1"></div>
      <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 class="col cold-md-auto"></div>
      </div>

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

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

        <div class="col-md-11">
          <p class="w-responsive mx-auto mb-3">
            {% trans %}
            The TALER consortium consists of 11 partners from 8 European countries (the Netherlands,
            Belgium, France, Germany, Greece, Hungary, Luxembourg and Switzerland).
            {% endtrans %}
          </p>
          <p class="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>


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

        {% 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="180" class="card-header rounded-circle z-depth-3"
                alt="{{ partner.id + ' avatar'}}">
            </a>
            <div class="card-note grey-text text-muted mt-3">The team of {{ partner.name }} is represented by </div>
            <div class="card-body h-100">
              <h5 class="card-title font-weight-bold grey-text">{{ partner.contact }} </h5>
              <p class="card-text grey-text text-muted word-wrap"> {{ partner.role }} </p>
            </div>
            <div class="card-footer">
              <small class="text-body-secondary dark-grey-text text-muted word-wrap"><i> {{ partner.statement }}
                </i></small>
            </div>
          </div>
        </div>

        {% endfor %}
      </div>
    </div>

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