{% extends "public_base.html" %}

{% block title %}{{ edition.name }} — {{ site.name }}{% endblock %}

{% block hero %}
<section class="block block-hero hero--edition">
    <div class="container">
        <p class="hero-eyebrow">
            {{ _('Current edition') if is_current else _('Past edition') }}{% if edition.starts_on %} · {{ editions.date_range(edition) }}{% endif %}{% if edition.venue %} · {{ edition.venue }}{% endif %}
        </p>
        <h1 class="hero-title">{{ edition.name }}</h1>
        {% if edition.summary %}<p class="hero-subtitle">{{ edition.summary }}</p>{% endif %}
        {% if edition.registration_url and not editions.is_over(edition) %}
        <p class="hero-actions"><a class="btn btn-primary" href="{{ edition.registration_url }}" target="_blank" rel="noopener">{{ _('Register') }}</a></p>
        {% endif %}
    </div>
</section>
{% endblock %}

{% block content %}
{% set programme = editions.programme(edition) %}
{% set speakers = editions.speakers(edition) %}
{% set posters = editions.posters(edition) %}
{% set photos = editions.photos(edition) %}
{% set news = editions.news(edition) %}
{% set sponsors = editions.sponsors(edition) %}
{% set sections = [] %}
{% if programme %}{% set _discard = sections.append(('programa', _('Programme'))) %}{% endif %}
{% if speakers %}{% set _discard = sections.append(('ponentes', _('Speakers'))) %}{% endif %}
{% if posters %}{% set _discard = sections.append(('carteles', _('Posters'))) %}{% endif %}
{% if photos %}{% set _discard = sections.append(('fotos', _('Gallery'))) %}{% endif %}
{% if news %}{% set _discard = sections.append(('noticias', _('News'))) %}{% endif %}
{% if sponsors %}{% set _discard = sections.append(('patrocinadores', _('Sponsors'))) %}{% endif %}

<article class="container section edition-detail">
    {% if sections | length > 1 %}
    <nav class="edition-nav" aria-label="{{ edition.name }}">
        {% for anchor, label in sections %}<a class="edition-nav__item" href="#{{ anchor }}">{{ label }}</a>{% endfor %}
    </nav>
    {% endif %}

    {% if edition.image %}
    <img class="edition-detail__image" src="{{ edition.image }}" alt="" data-lightbox>
    {% endif %}
    {% if edition.description %}
    <div class="prose">{{ edition.description | safe }}</div>
    {% endif %}

    {% if programme %}
    <h2 class="section-title" id="programa">{{ _('Programme') }}</h2>
    {% with active = edition %}{% include "editions/_programme.html" %}{% endwith %}
    {% endif %}

    {% if speakers %}
    <h2 class="section-title" id="ponentes">{{ _('Speakers') }}</h2>
    <div class="edition-speakers">
        {% for s in speakers %}
        {% if s.member %}
        <a class="edition-speaker" href="{{ s.member.public_url }}">
            {% if s.member.photo %}<img class="edition-speaker__photo" src="{{ s.member.photo }}" alt="" loading="lazy">{% else %}<span class="edition-speaker__photo edition-speaker__photo--none">{{ s.name[:1] | upper }}</span>{% endif %}
            <span class="edition-speaker__name">{{ s.member.name }}</span>
            {% if s.member.affiliation %}<span class="edition-speaker__aff">{{ s.member.affiliation }}</span>{% endif %}
        </a>
        {% else %}
        <span class="edition-speaker edition-speaker--plain">
            <span class="edition-speaker__photo edition-speaker__photo--none">{{ s.name[:1] | upper }}</span>
            <span class="edition-speaker__name">{{ s.name }}</span>
        </span>
        {% endif %}
        {% endfor %}
    </div>
    {% endif %}

    {% if posters %}
    <h2 class="section-title" id="carteles">{{ _('Posters') }}</h2>
    <div class="poster-grid" data-lightbox-gallery>
        {% for p in posters %}
        <a class="poster-grid__item" href="{{ p.url }}">
            <img src="{{ p.thumbnail_url }}" alt="{{ p.alt }}" loading="lazy" decoding="async">
        </a>
        {% endfor %}
    </div>
    {% endif %}

    {% if photos %}
    <h2 class="section-title" id="fotos">{{ _('Gallery') }}</h2>
    <div class="gallery-grid" data-lightbox-gallery>
        {% for p in photos[:60] %}
        <a class="gallery-grid__item" href="{{ p.url }}">
            <img src="{{ p.thumbnail_url }}" alt="{{ p.alt }}" loading="lazy" decoding="async">
        </a>
        {% endfor %}
    </div>
    {% if photos | length > 60 %}
    <p class="edition-detail__more">{{ ngettext('and %(n)d more photo', 'and %(n)d more photos', photos|length - 60, n=photos|length - 60) }}</p>
    {% endif %}
    {% endif %}

    {% if news %}
    <h2 class="section-title" id="noticias">{{ _('News') }}</h2>
    <ul class="edition-news">
        {% for post in news.posts %}
        <li class="edition-news__item">
            <a class="edition-news__link" href="{{ post_url(post) }}">{{ post.title }}</a>
            <span class="edition-news__date">{{ post.date | datetimeformat('d MMM yyyy') }}</span>
        </li>
        {% endfor %}
    </ul>
    {% if news.total > news.posts | length %}
    <p><a class="btn btn-ghost" href="{{ news.url }}">{{ ngettext('All %(n)d news item', 'All %(n)d news', news.total, n=news.total) }}</a></p>
    {% endif %}
    {% endif %}

    {% if sponsors %}
    <h2 class="section-title" id="patrocinadores">{{ _('Sponsors') }}</h2>
    <div class="edition-sponsors">
        {% for s in sponsors %}{% set p = s.partner %}
        {% set tag = 'a' if p.link else 'span' %}
        <{{ tag }} class="edition-sponsor{{ '' if p.logo_url else ' edition-sponsor--wordmark' }}"{% if p.link %} href="{{ p.link }}" target="_blank" rel="noopener"{% endif %} title="{{ p.name }}">
            {% if p.logo_url %}<img class="edition-sponsor__logo" src="{{ p.logo_url }}" alt="{{ p.name }}" loading="lazy">{% else %}<span class="edition-sponsor__name">{{ p.name }}</span>{% endif %}
        </{{ tag }}>
        {% endfor %}
    </div>
    {% endif %}

    <p class="edition-detail__back"><a href="{{ url_for('editions.index') }}">← {{ _('All editions') }}</a></p>
</article>
{% endblock %}