{# /** * @file * Default theme implementation to present all user data. * * This template is used when viewing a registered user's page, * e.g., example.com/user/123. 123 being the user's ID. * * Available variables: * - content: A list of content
items. Use 'content' to print all content, or * print a subset such as 'content.field_example'. Fields attached to a user * such as 'user_picture' are available as 'content.user_picture'. * - attributes: HTML attributes for the container element. * -
user: A Drupal User entity. * * @see template_preprocess_user() * * @ingroup themeable {{ var_dump(user) }} */ #}
<article{{ attributes }}>
  <div class="row">
    <div class="col-md-4">
      {{ content.user_picture }}
      <div class="nameholder2">
        <div id="nameholder2">
          {{ content.field_name }}
          {% if user.hasRole('expert_user') %}
            <img class="expert" src="/themes/usip/images/expertribbon.png" title="Expert" alt="Expert">
          {% endif %}
        </div>
        <div class="row">
          <div class="col-md-8">
            {{ content.field_title_role }}
            {{ content.field_organisation }}
          </div>
        </div>

        <div class="col-md-4 text-right">
          {{ content.field_bio_headline }}
          {% if (user.field_facebook_url_visible.value) %}
            <a href="{{ content.field_facebook_url[0]['#url']}}" target="_blank" aria-label="Go to facebook profile">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x">&nbsp;</i>
                <i class="fa fa-facebook fa-stack-1x fa-inverse">&nbsp;</i>&nbsp;
              </span>
            </a>
          {% endif %}

          {% if (user.field_twitter_url_visible.value) %}
            <a href="{{ content.field_twitter_url[0]['#url'] }}" target="_blank" aria-label="Go to twitter profile">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x">&nbsp;</i>
                <i class="fa fa-twitter fa-stack-1x fa-inverse">&nbsp;</i>&nbsp;
              </span>
            </a>
          {% endif %}

          {% if (user.field_linkedin_url_visible.value) %}
            <a href="{{ content.field_linkedin_url[0]['#url'] }}" target="_blank" aria-label="Go to linkedin profile">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x">&nbsp;</i>
                <i class="fa fa-linkedin fa-stack-1x fa-inverse">&nbsp;</i>&nbsp;
              </span>
            </a>
          {% endif %}


        </div>
        {% if (user.field_contact_number_visible.value) %}
          <div class="row contactinfo2">
            <div class="col-md-6">
              {{ content.field_location }}
            </div>
            <div class="col-md-6">
              {{ content.field_contact_number }}
            </div>
          </div>
        {% else %}
          <div class="contactinfo2">
            {{ content.field_location }}
          </div>
        {% endif %}
      </div>
      <div class="expertise">
        <h3>Areas of Expertise</h3>
        {% for item in content.field_themes %}
          {% if item['#title'] %}

            {% if item['#options'].entity.field_main_theme.value %}
              <div class="experttheme">
                <a href="/taxonomy/term/{{ item['#options'].entity.tid.value }}"><img src="{{ item['#options'].entity.field_image.entity.fileuri | image_style('thumbnail') }}" title="{{ item['#title'] }}" alt="{{ item['#title'] }}"></a><br/>
                {{ item['#title'] }}
              </div>
            {% endif %}

          {% endif %}
        {% endfor %}
      </div>
    </div>
    <div class="col-md-8">
      <div id="nameholder">
        {{ content.field_name }}
        {% if user.hasRole('expert_user') %}
          <img class="expert" src="/themes/usip/images/expertribbon.png" title="Expert" alt="Expert">
        {% endif %}
      </div>
      <div class="row">
        <div class="col-md-8">
          {{ content.field_title_role }}
          {{ content.field_organisation }}
        </div>
        <div class="col-md-4 text-right">

          {% if (user.field_facebook_url_visible.value) %}
            <a href="{{ content.field_facebook_url[0]['#url']}}" target="_blank" aria-label="Go to facebook profile">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x">&nbsp;</i>
                <i class="fa fa-facebook fa-stack-1x fa-inverse">&nbsp;</i>&nbsp;
              </span>
            </a>
          {% endif %}

          {% if (user.field_twitter_url_visible.value) %}
            <a href="{{ content.field_twitter_url[0]['#url'] }}" target="_blank" aria-label="Go to twitter profile">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x">&nbsp;</i>
                <i class="fa fa-twitter fa-stack-1x fa-inverse">&nbsp;</i>&nbsp;
              </span>
            </a>
          {% endif %}

          {% if (user.field_linkedin_url_visible.value) %}
            <a href="{{ content.field_linkedin_url[0]['#url'] }}" target="_blank" aria-label="Go to linkedin profile">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x">&nbsp;</i>
                <i class="fa fa-linkedin fa-stack-1x fa-inverse">&nbsp;</i>&nbsp;
              </span>
            </a>
          {% endif %}

        </div>
      </div>
    <div class="field_bio_headline">  {{ content.field_bio_headline }}</div>

      {% if (user.field_contact_number_visible.value) %}
        <div class="row contactinfo">
          <div class="col-md-6">
            {{ content.field_location }}
          </div>
          <div class="col-md-6">
            {{ content.field_contact_number }}
          </div>
        </div>
      {% else %}
        <div class="contactinfo">
          {{ content.field_location }}
        </div>
      {% endif %}
      {% if user.hasRole('organisation') %}
        <h3 class="profile">About Us</h3>
      {% else %}
        <h3 class="profile">Bio</h3>
      {% endif %}
      {{ content.field_about_me }}
      {% if not user.hasRole('organisation') %}
        {{ content.field_languages_spoken }}
      {% endif %}

      {% set mains = {} %}
      {% set subs = [] %}
      {% set myindex = 0 %}
      {% for item in content.field_themes %}
        {% if item['#title'] %}
          {% if item['#options'].entity.field_main_theme.value %}
            {% set myindex = myindex + 1 %}
            {% set mains = mains | merge({ ('main' ~ myindex): { 'id': 'main' ~ myindex, 'image': item['#options'].entity.field_image.entity.fileuri | image_style('thumbnail'), 'title': item['#title'] } }) %}

          {% else %}
            {% set subs = subs | merge({
              (loop.index): {
                'main': 'main' ~ myindex,
                'title': item['#title']
              }
            }) %}
            {# {% set myindex = myindex + 1 %}#}
          {% endif %}
        {% endif %}
      {% endfor %}

      {# kpr(mains) }}
{{ kpr(subs) #}
      {% if (subs) %}
        <h3 class="area marginbot">Areas of Expertise</h3>

        {% for item in mains %}

          <div class="clearfix">&nbsp;</div>
          <div class="subexpertise">
            <div class="field-field_themes">
              <img src="{{ item['image'] }}" title="{{ item['title'] }}" alt="{{ item['title'] }}">
              {% for sub in subs %}
                {% if (sub['main'] == item['id']) %}
                  <div class="pipe">{{ sub['title'] }}</div>
                {% endif %}

              {% endfor %}
            </div>

          </div>

        {% endfor %}
      {% endif %}
      <div class="clearfix">&nbsp;</div>
      <h3 class="area">Disciplines</h3>
      {{ content.field_disciplines }}
      <h3 class="area">Regions</h3>
      {{ content.field_regions }}
      <h3 class="area">Countries</h3>
      {{ content.field_countries }}

      {#
/**
<ol>
  {% for key, value in content.field_themes.0 %}
    <li>{{ key }} </li>
  {% endfor %}
</ol>

--	 {{ item['#options'].entity.tid.value }}--

   {% if content %}
        {{- content -}}
    {% endif %}
*/
#}
    </div>
  </article>
  {% set viewMode = elements['#view_mode'] %}
  {% if (viewMode == 'full') %}
    {% if user.hasRole('expert_user')or user.hasRole('organisation') %}
      {% set workview = drupal_view('related_content', 'block_my_work') | render %}
      {% if workview | striptags | trim %}
        <div class="user-my-work-container">
          <img alt="Design elememt" class="left-slant-svg" src="/sites/default/files/pictures/MaskSVGs/triangle.png">
          <div class="container">
            <div class="row my-work">
              <div class="col-md-12">
                {% if user.hasRole('expert_user') %}
                  <h2 class="block-title">{{ "My Work"|t }}</h3>
                {% else %}
                  <h2 class="block-title">{{ "Our Work"|t }}</h3>
                {% endif %}
                {{ workview }}
              </div>
            </div>
          </div>
        </div>
      {% endif %}
    {% endif %}
    <div id="fixed-flag">
      <a href="#" id="flag-toggle">+</a>
      {{ request_connection }}
      {% if (user.field_website_url_visible.value) %}
        {{ content.field_personal_website_url }}
      {% endif %}
      {% if (user.field_cv_available.value) %}
        {{ content.field_curriculum }}
      {% endif %}
    </div>

  {% endif %}