{% extends "clairvia/base.html" %}
{% block page %}summary{% endblock %}
{% block meta %}<meta name="robots" content="noindex, nofollow">{% endblock %}
{% block title %}{{ (sm.page.title if sm and sm.page else t('sm_title')) }} - Clairvia{% endblock %}
{% block header %}
<header class="topbar glass-bar">
  <div class="topbar-inner">
    <a class="brand brand-small" href="{{ url_for('index') }}">{{ ic.mark(28) }}<span>Clairvia</span></a>
    {% include "clairvia/_search.html" %}
  </div>
</header>
{% endblock %}
{% block main %}
{#- Resume d'une page (clairvia.summarize) : recuperee par le proxy, chaque affirmation citant ses passages. -#}
<div class="narrow" id="summary"{% if sm %} data-status="{{ sm.status }}"{% endif %}>
  <h1 class="page-title">{{ ic.icon('summary') }}{{ t('sm_title') }}</h1>
  <form class="followup summarize-form" method="post" action="{{ url_for('clairvia_ui.summary_route') }}" data-summarize>
    <label class="followup-label" for="sm-url">{{ ic.icon('link') }}{{ t('sm_label') }}</label>
    <div class="field glass">
      <input type="text" id="sm-url" name="url" value="{{ url }}" required maxlength="2048" inputmode="url" placeholder="https://" autocomplete="off" spellcheck="false" dir="ltr" enterkeyhint="go">
      <button type="submit" class="go" title="{{ t('sm_go') }}"><span class="sr">{{ t('sm_go') }}</span>{{ ic.icon('arrow', 'flip-rtl') }}</button>
    </div>
    <p class="followup-note">{{ ic.icon('shield') }}<span>{{ t('sm_proxy') }}</span></p>
  </form>
  {%- if sm and sm.page %}
  {%- set page = sm.page %}
  <section class="panel answer-panel summary-panel" data-status="{{ sm.status }}" aria-labelledby="summary-title">
    <header class="panel-head">{{ ic.icon('quote') }}<h2 id="summary-title"{% if page.lang %} lang="{{ page.lang }}"{% endif %}>{{ page.title or page.host }}</h2>{% if sm.status == 'ok' %}<span class="badge badge-safe">{{ ic.icon('check') }}{{ t('sm_by') }}</span>{% endif %}</header>
    <p class="summary-source"><a href="{{ page.url }}" rel="noreferrer noopener nofollow" dir="ltr">{{ ic.icon('link') }}<span>{{ page.host }}</span></a></p>
    {%- if page.truncated %}
    <p class="notice notice-warn inline" data-truncated>{{ ic.icon('info') }}<span>{{ t('sm_truncated', n=page.passages|length) }}</span></p>
    {%- endif %}
    {%- if sm.status == 'ok' %}
    <div class="claims"{% if page.lang %} lang="{{ page.lang }}"{% endif %}>
      {%- for claim in sm.claims %}
      {%- if claim.heading %}<h3>{{ claim.text }}</h3>{% else %}
      <p class="claim">{{ claim.text }}{% for c in claim.citations %}<a class="cite" href="#passage-{{ c }}" aria-label="{{ t('sm_passage', n=c) }}">{{ c }}</a>{% endfor %}</p>
      {%- endif %}
      {%- endfor %}
    </div>
    <h3 class="sources-title">{{ t('sm_cited') }}</h3>
    <ol class="sources passages" role="list">
      {%- for p in sm.cited %}
      <li id="passage-{{ p.id }}"><span class="source-n">{{ p.id }}</span><div{% if page.lang %} lang="{{ page.lang }}"{% endif %}>
        {%- if p.section %}<p class="passage-section">{{ p.section }}</p>{% endif %}<p class="passage-text">{{ p.text }}</p></div></li>
      {%- endfor %}
    </ol>
    {%- else %}
    <p class="notice notice-warn inline" data-summary="{{ sm.status }}">{{ ic.icon('info') }}<span>{{ t('sm_' ~ sm.status) }}</span></p>
    {%- endif %}
    <details class="turn-sources page-text"{% if sm.status != 'ok' %} open{% endif %}>
      <summary>{{ t('sm_all', n=page.passages|length) }}</summary>
      <ol class="sources passages" role="list"{% if page.lang %} lang="{{ page.lang }}"{% endif %}>
        {%- for p in page.passages %}
        <li><span class="source-n">{{ p.id }}</span><div>{% if p.section %}<p class="passage-section">{{ p.section }}</p>{% endif %}<p class="passage-text">{{ p.text }}</p></div></li>
        {%- endfor %}
      </ol>
    </details>
  </section>
  {%- elif sm %}
  <p class="notice notice-warn" role="status" data-summary="{{ sm.status }}">{{ ic.icon('alert') }}<span>{{ t('sm_' ~ sm.status, code=sm.code, kind=sm.kind) }}</span></p>
  {%- endif %}
</div>
{% endblock %}