{# The layout is chosen by the route: the theme's public shell when the product
   ships one, the product's own base template otherwise. #}
{% extends layout %}

{% block title %}{{ spl.name }}{% endblock %}

{% block head %}
<style>
    .splreg { max-width: 62rem; margin: 0 auto; padding: 2rem 1rem; }
    .splreg__name { font-size: 1.9rem; margin: 0 0 .35rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
    .splreg__desc { margin: 0 0 1.25rem; opacity: .8; }
    .splreg__meta { display: flex; flex-wrap: wrap; gap: 1.75rem; padding: 1rem 0; margin-bottom: 2rem;
                    border-top: 1px solid rgba(128,128,128,.28); border-bottom: 1px solid rgba(128,128,128,.28); }
    .splreg__meta dt { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; opacity: .65; margin: 0 0 .2rem; }
    .splreg__meta dd { margin: 0; font-size: .95rem; }
    .splreg__section { font-size: 1.05rem; margin: 0 0 .75rem; }
    .splreg__scroll { overflow-x: auto; }
    .splreg__table { width: 100%; border-collapse: collapse; font-size: .9rem; }
    .splreg__table th { text-align: left; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em;
                        opacity: .65; font-weight: 600; padding: .5rem .75rem .5rem 0; white-space: nowrap; }
    .splreg__table td { padding: .7rem .75rem .7rem 0; border-top: 1px solid rgba(128,128,128,.2); vertical-align: top; }
    .splreg__version { font-variant-numeric: tabular-nums; font-weight: 600; }
    .splreg__doi { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; word-break: break-all; }
    .splreg__tag { display: inline-block; padding: .12rem .5rem; border-radius: 999px; font-size: .74rem;
                   border: 1px solid rgba(128,128,128,.4); white-space: nowrap; }
    .splreg__tag--ok { border-color: rgba(25,135,84,.55); }
    .splreg__tag--warn { border-color: rgba(255,193,7,.6); }
    .splreg__tag--bad { border-color: rgba(220,53,69,.55); }
    .splreg__note { margin: .3rem 0 0; font-size: .8rem; opacity: .75; }
    .splreg__empty { padding: 1.5rem; border: 1px dashed rgba(128,128,128,.4); border-radius: .5rem; opacity: .8; }
</style>
{% endblock %}

{% block content %}
<div class="splreg">

    <h1 class="splreg__name">{{ spl.name }}</h1>
    {% if spl.description %}<p class="splreg__desc">{{ spl.description }}</p>{% endif %}

    <dl class="splreg__meta">
        <div>
            <dt>{{ _("Maintained by") }}</dt>
            <dd>{{ owner or _("The marketplace") }}</dd>
        </div>
        <div>
            <dt>{{ _("Latest version") }}</dt>
            <dd>{% if spl.latest_version %}{{ spl.latest_version }}{% else %}{{ _("Not published yet") }}{% endif %}</dd>
        </div>
        <div>
            <dt>{{ _("State") }}</dt>
            <dd>{{ labels.get(spl.state, spl.state) }}</dd>
        </div>
        {% if spl.latest_doi %}
        <div>
            <dt>{{ _("Model") }}</dt>
            <dd class="splreg__doi">
                <a href="https://doi.org/{{ spl.latest_doi }}" rel="noopener">{{ spl.latest_doi }}</a>
                {% if spl.latest_file %}<span class="splreg__note">{{ spl.latest_file }} {{ _("on") }} {{ spl.uvl_mirror }}</span>{% endif %}
            </dd>
        </div>
        {% endif %}
    </dl>

    <h2 class="splreg__section">{{ _("Releases") }}</h2>

    {% if releases %}
    <div class="splreg__scroll">
        <table class="splreg__table">
            <thead>
                <tr>
                    <th>{{ _("Version") }}</th>
                    <th>{{ _("DOI") }}</th>
                    <th>{{ _("Date") }}</th>
                    <th>{{ _("Published by") }}</th>
                    <th>{{ _("State") }}</th>
                    <th>{{ _("Content") }}</th>
                </tr>
            </thead>
            <tbody>
                {% for release in releases %}
                <tr>
                    <td class="splreg__version">{{ release.version }}</td>
                    <td class="splreg__doi">
                        {% if release.doi %}
                            <a href="https://doi.org/{{ release.doi }}" rel="noopener">{{ release.doi }}</a>
                        {% else %}
                            <span aria-hidden="true">&mdash;</span>
                            <span class="visually-hidden">{{ _("No DOI") }}</span>
                        {% endif %}
                    </td>
                    <td>{{ (release.completed_at or release.created_at).strftime('%Y-%m-%d %H:%M') }}</td>
                    <td>{{ publishers.get(release.id) or _("The marketplace") }}</td>
                    <td>
                        {% if release.state == 'published' %}
                            <span class="splreg__tag splreg__tag--ok">{{ labels.get(release.state, release.state) }}</span>
                        {% elif release.state == 'unknown' %}
                            <span class="splreg__tag splreg__tag--bad">{{ labels.get(release.state, release.state) }}</span>
                        {% elif release.state == 'failed' %}
                            <span class="splreg__tag splreg__tag--warn">{{ labels.get(release.state, release.state) }}</span>
                        {% else %}
                            <span class="splreg__tag">{{ labels.get(release.state, release.state) }}</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if release.verification == 'match' %}
                            <span class="splreg__tag splreg__tag--ok">{{ labels.get(release.verification) }}</span>
                        {% elif release.verification == 'mismatch' %}
                            <span class="splreg__tag splreg__tag--bad">{{ labels.get(release.verification) }}</span>
                        {% else %}
                            <span class="splreg__tag">{{ labels.get(release.verification, release.verification) }}</span>
                        {% endif %}
                        {% if release.state == 'unknown' %}
                        <p class="splreg__note">{{ _("This publication never reported back. Whether a DOI was minted for it is not known.") }}</p>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <p class="splreg__empty">{{ _("This product line has no releases yet.") }}</p>
    {% endif %}

</div>
{% endblock %}