{% extends "base-single.twig" %}

{% block title %}
  <h1 class="h2">{{ post.title }}</h1>
  <p class="">{{ post.description }}</p>  
{% endblock %}

{% block image %}
  {% if post.thumbnail %}
    {% set image = Image(post.thumbnail) %}
    <img src="{{ image.src|resize(940,400) }}" alt="{{ image.alt }}" class="card__img">
  {% endif %}  
{% endblock %}

{% block main_content %}
  {{ post.content }}
  <h3>{{ post.teams_headline }}</h3>
  <h4>{{ post.main_team_title }}</h4>
  <div class="committee">            
    {% for member in post.meta('main_team') %}   
      <p class="committee__member"><strong>{{ member.name }}</strong> - {{ member.position }}</p>
    {% endfor %}      
  </div>
{% endblock %}
  
{% block outer_content %}
 <section class="team">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-10 offset-lg-1 col-xl-6 offset-xl-3">         
          {% for team in post.meta('team_groups') %}   
          <h2 class="h4">{{ team.title }}</h2>
            {% for team_member in team.team %}
              <div class="team__member">
                {% if team_member.profile_image %}
                  {% set profile_image = Image(team_member.profile_image) %}
                  <div class="team__img-wrap">
                    <img src="{{ profile_image.src|resize(140,140) }}" alt="{{ image.alt }}" class="team__img">
                  </div>
                {% endif %}
                <div class="team__content">
                  <p>{{ team_member.text }}</p>
                  <h5>{{ team_member.name }}</h5>
                  <h6>{{ team_member.position }}</h6>
                </div>
              </div>
            {% endfor %}          
          {% endfor %} 
        </div>
      </div>
    </div>
  </section>
{% endblock %}