{% extends "base.html" %}
{% block title %}{{ tr('مقایسه چهار دفاع') }} - {{ t.title }} - OSAFIS PromptLab - Prompt Injection Lab{% endblock %}
{% block body %}
<div class="breadcrumbs"><a href="{{ url_for('index') }}">{{ tr('لابراتوار') }}</a><span>/</span><a href="{{ url_for('target', tid=t.id) }}">{{ t.title }}</a><span>/</span><b>{{ tr('مقایسه چهار دفاع') }}</b></div>

<section class="page-hero compact-page compare-hero">
  <span>{{ tr('DEFENSE COMPARISON') }}</span>
  <h1>{{ tr('یک ورودی، چهار معماری') }}</h1>
  <p>{{ tr('همان payload را بدون ثبت امتیاز در هر چهار سطح اجرا کن و تفاوت نتیجه را کنار هم ببین.') }}</p>
</section>

<form method="post" class="panel attack-form compare-form" data-attack-form>
  <div class="panel-title"><div><span>{{ tr('PAYLOAD CONSOLE') }}</span><h2>{{ tr('ورودی مقایسه') }}</h2></div><a href="{{ url_for('target', tid=t.id) }}">{{ tr('بازگشت به سناریو') }}</a></div>
  {% if t.fields %}
    <p class="form-note">{{ tr('هر فیلد مستقل فیلتر می‌شود، اما مدل همهٔ آن‌ها را در یک زمینه می‌بیند.') }}</p>
    {% for key, label in t.fields %}<label for="compare-{{ key }}">{{ label }}</label><textarea id="compare-{{ key }}" name="{{ key }}" rows="3" spellcheck="false">{{ parts.get(key, '') }}</textarea>{% endfor %}
  {% else %}
    <label for="compare-payload">{{ tr('متن یا محتوای آلوده') }}</label>
    <textarea id="compare-payload" name="payload" rows="7" spellcheck="false" placeholder="{{ t.ph }}">{{ payload }}</textarea>
  {% endif %}
  <div class="form-actions"><button class="run-button" type="submit"><span class="play">▶</span><span data-button-label>{{ tr('اجرای مقایسه') }}</span></button><span class="form-note">{{ tr('این عملیات در حالت مدل زنده چهار پاسخ تولید می‌کند.') }}</span></div>
  <p class="compare-disclaimer">{{ tr('این نما امتیاز یا پیشرفت را تغییر نمی‌دهد.') }}</p>
</form>

{% if comparison %}
<section class="compare-results" aria-label="{{ tr('نتیجه مقایسه') }}">
  {% for item in comparison %}{% set result = item.result %}
  <article class="panel compare-result state-{{ result.state }}">
    <header><div><span>0{{ loop.index }}</span><h2>{{ LEVEL_FA[item.level] }}</h2></div><b>{{ result.elapsed_ms }} ms</b></header>
    <div class="compare-verdict verdict-{{ result.state }}">{% if result.state == 'owned' %}{{ tr('سامانه تسخیر شد') }}{% elif result.state == 'blocked' %}{{ tr('اثر مهار شد') }}{% elif result.state == 'error' %}{{ tr('خطای موتور') }}{% else %}{{ tr('حمله ناموفق بود') }}{% endif %}</div>
    <p>{{ result.note }}</p>
    {% if result.state != 'error' %}<pre class="model-answer">{{ result.answer }}</pre>{% endif %}
  </article>
  {% endfor %}
</section>
{% else %}
<section class="panel compare-empty"><p>{{ tr('هنوز مقایسه‌ای اجرا نشده است.') }}</p></section>
{% endif %}
{% endblock %}