{% extends "base.html" %}
{% import "_icons.html" as icons with context %}
{% block title %}{{ title }} - Leicht·Facile{% endblock %}
{% block content %}
<section class="pagehead">
  <div class="pagehead-row">
    <div class="pagehead-title">
      <a class="crumb" href="/">{{ t('site.drafts') }}{{ icons.icon('chevron-right', 12) }}</a>
      <div class="titleline">
        <h1{% if job.config.lang %} lang="{{ job.config.lang }}"{% endif %}>{{ title }}</h1>
        <span class="badge status-{{ job.status }}" id="job-status">{{ t('status.' ~ job.status) }}</span>
      </div>
    </div>
    <div class="pagehead-actions">
      {% if p.live %}
      <span class="run-line" role="status"><span id="run-numbers">{{ t('progress.running_for', time=duration(p.elapsed_s), tokens=number(p.tokens, ui_lang)) }}</span><span class="hint">{{ t('progress.updates') }}</span></span>
      <form method="post" action="/jobs/{{ job.id }}/cancel">
        <button type="submit" class="btn btn-danger">{{ t('job.stop') }}</button>
      </form>
      {% else %}
      <form method="post" action="/jobs/{{ job.id }}/delete" data-confirm="{{ t('js.confirm_delete') }}">
        <button type="submit" class="btn btn-danger">{{ t('job.delete') }}</button>
      </form>
      {% endif %}
    </div>
  </div>
  <div class="strip">
    <span>{% if job.config.lang %}{{ t.get('lang.' ~ job.config.lang, job.config.lang) }} · {% endif %}{{ t('level.' ~ job.config.level) }} · {{ t.get('condition.short.' ~ job.config.condition, job.config.condition) }}</span>
    <span>{{ t('progress.writer') }} <code>{{ job.config.writer_model or settings.llm_name }}</code></span>
    {% if job.config.judge_model %}<span>{{ t('progress.judge') }} <code>{{ job.config.judge_model }}</code></span>{% endif %}
  </div>
</section>
<div class="page">
  <div id="progress" data-job="{{ job.id }}" data-status="{{ job.status }}">
{% include "_progress.html" %}
  </div>
</div>
{% endblock %}