{% extends "base.html" %}
{% block content %}

<a class="btn btn-ghost btn-sm backbtn" href="{{ url_for('dashboard') }}">← Back to the dashboard</a>
<h3 class="page-h">{% if result.aborted %}Stopped{% else %}Translated{% endif %} <span class="t2">— {{ title }}</span></h3>
{% if engine == 'local' %}
  <p class="page-sub">
    Translated by <code>{{ result.model }}</code>.
    Tokens this run: <strong style="color: var(--text)">{{ result.tokens.total|num }}</strong>
    ({{ result.tokens.prompt|num }} prompt + {{ result.tokens.completion|num }} completion).
  </p>
{% else %}
  <p class="page-sub">Billed for this run: <strong style="color: var(--text)">{{ result.total_billed|num }}</strong> characters.</p>
{% endif %}

{% if result.aborted %}
  {# Ohne diesen Block sieht ein auf halber Strecke abgebrochener Lauf aus wie ein
     fertiger — die Sprachen, die nie an die Reihe kamen, tauchen unten schlicht nicht auf. #}
  <div class="notice err">
    <div class="ico">!</div>
    <div>
      <div class="nt">The run was stopped</div>
      <div class="nm">
        {{ result.aborted }}<br>
        Everything translated up to that point <strong>was saved</strong>. Languages that were not
        reached are untouched — fix the cause and run it again to continue where it stopped.
      </div>
    </div>
  </div>
{% endif %}

{% if result.total_failures and not result.aborted %}
  {# Ein stiller Fehlschlag waere schlimmer als ein lauter: ohne diesen Block stuende
     hier nur "0 keys translated" und der Nutzer haette keine Ahnung, dass DeepL nichts
     geliefert hat. #}
  <div class="notice err">
    <div class="ico">!</div>
    <div>
      <div class="nt">{{ result.total_failures }} key(s) could not be translated</div>
      <div class="nm">
        DeepL did not return a translation for them. They were <strong>left unchanged</strong> —
        nothing in your files was overwritten. Check the API key, your quota and the source language.
      </div>
    </div>
  </div>
{% endif %}

<div class="stack">
  {% for r in result.languages %}
    <div class="card">
      <div class="rl-h">
        <span class="rl-lang">{{ r.lang }}</span>
        {% if r.status == 'translated' %}
          <span class="badge badge-ok"><span class="d"></span>{{ r.count }} keys translated</span>
        {% elif r.status == 'nothing' %}
          <span class="badge badge-muted"><span class="d"></span>nothing to do</span>
        {% else %}
          <span class="badge badge-warn"><span class="d"></span>not supported by DeepL</span>
        {% endif %}
        {% if r.failures %}
          <span class="badge badge-err"><span class="d"></span>{{ r.failures|length }} failed</span>
        {% endif %}
      </div>

      {% if r.failures %}
        <p class="rl-warn">✗ {{ r.failures|length }} key(s) failed and were left unchanged:</p>
        <ul class="rl-warn" style="margin-top: 4px">
          {% for f in r.failures[:10] %}<li>{{ f }}</li>{% endfor %}
        </ul>
        {% if r.failures|length > 10 %}
          <p class="muted" style="font-size: 12.5px">… and {{ r.failures|length - 10 }} more.</p>
        {% endif %}
      {% endif %}

      {% if r.warnings %}
        <p class="rl-warn">⚠ {{ r.warnings|length }} placeholder warning(s):</p>
        <ul class="rl-warn" style="margin-top: 4px">
          {% for w in r.warnings[:10] %}<li>{{ w }}</li>{% endfor %}
        </ul>
      {% endif %}

      {% if r.translated %}
        <div class="tbl-wrap">
          <table class="tbl mt10">
            <tr><th>Key</th><th>Source</th><th>Translation</th></tr>
            {% for key, src, tgt in r.translated[:50] %}
              <tr><td><span class="code">{{ key }}</span></td><td class="muted">{{ src }}</td><td>{{ tgt }}</td></tr>
            {% endfor %}
          </table>
        </div>
        {% if r.translated|length > 50 %}
          <p class="muted mt10" style="font-size: 12.5px">… and {{ r.translated|length - 50 }} more keys.</p>
        {% endif %}
      {% endif %}
    </div>
  {% endfor %}
</div>

{% if download_token %}
  <div class="formbtns mt14">
    <a class="btn" href="{{ url_for('download', token=download_token) }}">⬇ Download as ZIP</a>
  </div>
{% endif %}

{% endblock %}