{% load i18n %}


{% comment %}
  Helper to build the text for the info panel on the interactive map.
{% endcomment %}

<div class="block-news_teaser">
  <div class="js-overlay-close">
    {% trans "Back" %}
    <i class="glyphicon glyphicon-remove pull-right"></i>
  </div>
  <div class="widget-teaser">
    <div class="row">
      <div class="col-sm-4 col-sm-push-8">
        <div class="widget-teaser-image">
          {% if image %}
            <img src="{{ image }}" alt="" class="widget-teaser-imgright">
          {% endif %}
        </div>
      </div>
      <div class="col-sm-8 col-sm-pull-4">
        <span class="h4 widget-teaser-title widget-teaser-title-withreadmorelink">
          {{ title }}
        </span>
        <div>
          <p class="widget-teaser-description">
            {{ lead|safe }}
          </p>
          {% if url %}
            <p>
              <a class="widget-teaser-readmoretext widget-teaser-readmoretext-lines" href="{{ url }}">
                » {% trans "Go to detail page" %}
              </a>
            </p>
          {% endif %}
          {% if descendants %}
            <p>
              {{ descendants_title }}
              <ul>
                {% for descendant in descendants|dictsort:"name" %}
                  <li>
                    <a class="show-descendant" data-descendant-url="{{ descendant.url }}" href="">
                      {{ descendant.name }}
                    </a>
                    {% if descendant.countrypage_url %}
                      <p>
                        <a class="widget-teaser-readmoretext widget-teaser-readmoretext-lines" href="{{ descendant.countrypage_url }}">
                          » {% trans "See details for" %} {{ descendant.project }}
                        </a>
                      </p>
                    {% endif %}
                  </li>
                {% endfor %}
              </ul>
            </p>
          {% endif %}
          {% if country_page %}
            <p>
              <a class="widget-teaser-readmoretext widget-teaser-readmoretext-lines" href="{{ country_page.url }}">
                » {% trans "See details for" %} {{ country_page.country }}
              </a>
            </p>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
</div>