{% extends 'base.html' %}

{% block meta %}
{# TODO: For translated pages the following code generates: Function call 'get_section' failed, Section `` not found  #}
{# set latestStr = resource.subsections | sort | last #}
{# set latestSection = get_section(path=latestStr) #}
{# set latestPage = latestSection.pages | first #}
{% set latestPage = section.pages | first %}
<!-- <meta property="article:published_time" content="{# latestPage.date #}"> -->
{% endblock meta %}

{% block content %}

<h1>{{ resource.title }}</h1>
{# Iterate and use en sections by default and use localized versions only if they are present #}
{% set enNewsSectionTranslation = section.translations | filter(attribute='lang', value='en') | first %}
{% set enNewsSection = get_section(path=enNewsSectionTranslation.path) %}

{% for sectionStr in enNewsSection.subsections | sort | reverse %}
{% set section = get_section(path=sectionStr) %}
{% for page in section.pages %}
{% set translatedPage = page.translations | filter(attribute='lang', value=lang) | first %}
{% if translatedPage %}
  {% set page = get_page(path=translatedPage.path) %}
{% endif %}  
<div class="news_date">&nbsp;<a href="{{ page.path }}">{{ page.date | date(format='%B %e, %Y') }}</a>&nbsp;</div>
{# Display wide images below the text instead of to the right. #}
{% set_global noflex = '' %}
{% for photo in page.assets %}
  {% set meta = get_image_metadata(path=photo) %}
  {% if meta.width > meta.height %}
    {% set_global noflex = '_noflex' %}
    {% break %}
  {% endif %}
{% endfor %}
<div class="news_content_image{{ noflex }}">
{% if page.content %}
  <div class="news_content">{{ page.content | safe }}</div>
{% endif %}

<span class="news_images">
{% for photo in page.assets %}
<img class="news_image" src="{{ page.path }}/{{ photo | split(pat='/') | last }}" />
{% endfor %}
</span>

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

{% endblock content %}