{%
  set classes = [
  'paragraph',
  'paragraph--type--' ~ paragraph.bundle|clean_class,
  view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
  not paragraph.isPublished() ? 'paragraph--unpublished',
  'widget',
  'widget-news-content',
]
%}
{% block paragraph %}

<div{{ attributes.addClass(classes) }}>

  {% block content %}
  {{ content.controls }}
  {{ content.insert_before }}

  <div class="container">
    <input type='hidden' value='{{ paragraph.field_wg_news_tag.0.target_id }}' id='news_content_widget_landing_tid' name='news_content_widget_landing_tid' autocomplete='off' />
    {% if paragraph.field_wg_news_tag.0.target_id is empty %}
      {% if paragraph.field_wg_title.0 is not empty %}
        <div class='widget_news_content_title_all'><h2><strong>{{ paragraph.field_wg_title.0.value }}</strong><small>{{ paragraph.field_wg_subtitle.0.value }}</small></h2></div>
        {% set term_depth = 0 %}
      {% endif %}
    {% endif %}

    <div class='widget_news_content_container{% if paragraph.field_wg_news_tag.0.target_id == '62' %} speaker-bg{% endif %}'>
      <div class='widget_news_content_top'>

        {# Level 1 : Tabs #}
        {% if paragraph.field_wg_news_tag.0.target_id is empty %}
          <ul class='tabs_level_1'>
            <li><a href='#' class='active-trail' data-tid='all'>All</a></li>
            {% for news_tag in top_news_tags %}
              <li><a href='#' class='{% if news_tag.tid == '62' %}is-speaker{% endif %}' data-tid='{{ news_tag.tid }}'>{{ news_tag.name }}</a></li>
            {% endfor %}
          </ul>
        {% endif %}

        {# Level 2 : Ribbon #}
        {% if paragraph.field_wg_news_tag.0.target_id is not empty %}
        <div class='widget_news_content_top_ribbon_container'>
          {% endif %}

          <div class='widget_news_content_top_ribbon'>
            {% if paragraph.field_wg_news_tag.0.target_id is not empty %}
              <div class='widget_news_content_top_ribbon_title'><h2><strong>{{ paragraph.field_wg_title.0.value }}</strong><small>{{ paragraph.field_wg_subtitle.0.value }}</small></h2></div>
            {% endif %}
            {% if paragraph.field_wg_news_show_sub_tags %}
              {% if term_depth == 0 %}
                {% for news_tag in top_news_tags %}
                  <ul class='{% if paragraph.field_wg_news_tag.0.target_id == news_tag.tid %}active-sub-nav{% endif %}' data-tid-parent='{{ news_tag.tid }}' >
                    {% set news_sub_tags = level1_news_tags[news_tag.tid] %}
                    {% if news_sub_tags %}<li><a href='#' class='active-sub-term' data-tid='{{ news_tag.tid }}'>All</a></li>{% endif %}
                    {% for news_sub_tag in news_sub_tags %}
                      <li><a href='#' data-tid='{{ news_sub_tag.tid }}'>{{ news_sub_tag.name }}</a></li>
                    {% endfor %}
                  </ul>
                {% endfor %}
              {% else %}
                <ul class='active-sub-nav'>
                  {% set news_sub_tags = level1_news_tags[paragraph.field_wg_news_tag.0.target_id] %}
                  {% if news_sub_tags %}<li><a href='#' class='active-sub-term' data-tid='{{ paragraph.field_wg_news_tag.0.target_id }}'>All</a></li>{% endif %}
                  {% for news_sub_tag in news_sub_tags %}
                    <li><a href='#' data-tid='{{ news_sub_tag.tid }}'>{{ news_sub_tag.name }}</a></li>
                  {% endfor %}
                </ul>
              {% endif %}
            {% endif %}
          </div>

          {% if paragraph.field_wg_news_tag.0.target_id is not empty %}
        </div>
        {% endif %}

        <div class='widget_news_content_results'>
          <div class='widget_news_content_list-container'>
            <div class='scrollable'>
              <ul class='widget_news_content_list'></ul>
            </div>
          </div>
          <a class='widget_load_more' data-node-loaded='6' >Load more</a>
          <div class='widget_loader'></div>
        </div>

      </div>

    </div>
  </div>

  {{ content.insert_after }}
  {% endblock %}

</div>

{% endblock paragraph %}

<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>