{% extends "base.html" %}
{% block title %}OSAFIS PromptLab - Prompt Injection Lab{% endblock %}
{% block body %}
<section class="hero">
  <div>
    <div class="eyebrow"><span>OSAFIS PromptLab</span><span>{{ tr('آزمایشگاه تزریق پرامپت') }}</span></div>
    <h1>{{ tr('مدل را بشکن') }}<br><span>{{ tr('دفاع را اندازه بگیر') }}</span></h1>
    <p>{{ tr('آزمایشگاه محلی OSAFIS برای مشاهدهٔ تزریق مستقیم، تزریق غیرمستقیم، ربایش ابزار و خروج داده با مدل واقعی Ollama و چهار معماری دفاعی قابل مقایسه') }}</p>
    <div class="hero-actions">
      <a class="primary" href="{{ url_for('target', tid='t1') }}">{{ tr('شروع از سناریوی اول') }} <span>←</span></a>
      <a class="secondary" href="{{ url_for('techniques') }}">{{ tr('مرجع حمله‌ها') }}</a>
    </div>
  </div>
  <div class="attack-map" aria-label="{{ tr('مسیر سنجش حمله') }}">
    <div class="attack-map-head"><span>{{ tr('مسیر سنجش حمله') }}</span><b>{{ tr('تمرینی') if is_sim else tr('آزمایش زنده') }}</b></div>
    <ol>
      <li><i>01</i><div><b>{{ tr('ورودی کنترل‌نشده') }}</b><small>{{ tr('پرامپت دانشجو وارد زمینه می‌شود') }}</small></div><span class="path-state observed">{{ tr('مشاهده') }}</span></li>
      <li><i>02</i><div><b>{{ tr('تصمیم مدل') }}</b><small>{{ tr('دستور داده را به چالش می‌کشد') }}</small></div><span class="path-state tested">{{ tr('آزمون') }}</span></li>
      <li><i>03</i><div><b>{{ tr('مرز اثر حساس') }}</b><small>{{ tr('نشت داده و اقدام ابزار سنجیده می‌شود') }}</small></div><span class="path-state guarded">{{ tr('کنترل') }}</span></li>
      <li><i>04</i><div><b>{{ tr('حکم قابل اندازه‌گیری') }}</b><small>{{ tr('نتیجه همراه با ردیابی ثبت می‌شود') }}</small></div><span class="path-state verdict">{{ tr('نتیجه') }}</span></li>
    </ol>
  </div>
</section>

<section class="learning-card" aria-labelledby="learning-title">
  <div class="learning-intro">
    <span class="learning-kicker">{{ tr('یادگیری') }}</span>
    <h2 id="learning-title">{{ tr('پیش از آزمایش، مبانی را مرور کنید') }}</h2>
    <p>{{ tr('تزریق پرامپت را با مثال‌های روشن و مسیرهای دفاعی یاد بگیرید، سپس آموخته‌ها را در سناریوها آزمایش کنید') }}</p>
  </div>
  <div class="learning-access">
    <div class="learning-formats"><span>PDF</span><span>PPTX</span><span>{{ tr('پیش‌نمایش آنلاین') }}</span></div>
    <a class="secondary learning-cta" href="https://osafis.org/Lab/learning/?lang={{ lang }}" target="_blank" rel="noopener noreferrer">{{ tr('مشاهده آموزش‌ها') }} <span aria-hidden="true">↗</span></a>
    <small>{{ tr('در وب‌سایت OSAFIS باز می‌شود؛ نیازمند اینترنت است') }}</small>
  </div>
</section>

<section class="stat-grid" aria-label="{{ tr('آمار لابراتوار') }}">
  <article><small>{{ tr('سناریوی عملی') }}</small><strong>{{ TARGETS|length }}</strong><span>{{ tr('هفت بردار حمله') }}</span></article>
  <article><small>{{ tr('سطح دفاع') }}</small><strong>4</strong><span>{{ tr('از خام تا معماری') }}</span></article>
  <article><small>{{ tr('تکنیک مرجع') }}</small><strong>{{ n_tech }}</strong><span>{{ tr('همراه مسیر تمرین') }}</span></article>
  <article><small>{{ tr('موتور فعلی') }}</small><strong class="engine-stat">{{ 'LIVE' if engine.mode == 'live' and engine.ok else 'SIM' }}</strong><span>{{ engine.model or tr('تمرینی') }}</span></article>
</section>

<section class="section-head">
  <div><span>{{ tr('MISSION BOARD') }}</span><h2>{{ tr('سناریوهای عملی') }}</h2></div>
  <p>{{ tr('هر کارت را در چهار سطح دفاع آزمایش کن. نقطه‌های روشن یعنی آن سطح را با موفقیت به پایان رسانده‌ای.') }}</p>
</section>

<div class="mission-grid">
  {% for x in TARGETS %}
    <a class="mission tile" href="{{ url_for('target', tid=x.id) }}" data-filter-item="{{ x.title }} {{ x.sub }}">
      <div class="mission-top">
        <span class="family family-{{ x.cat }}">{{ x.cat }}</span>
        <span class="mission-number">{{ tr('LAB') }} {{ '%02d'|format(x.n|int) }}</span>
        <span class="mission-difficulty">{{ x.curriculum.difficulty }} · {{ x.curriculum.points }} {{ tr('امتیاز') }}</span>
      </div>
      <h3>{{ x.title }}</h3>
      <p>{{ x.sub }}</p>
      <div class="standard-mini">{{ x.curriculum.standards[0] }}</div>
      <div class="mission-foot">
        <span>{{ tr('ورود به لاب') }} <b>←</b></span>
        <span class="level-dots">
          {% for l in LEVELS %}<i class="{{ 'done' if (x.id ~ ':' ~ l) in solved }}" title="{{ LEVEL_FA[l] }}"></i>{% endfor %}
        </span>
      </div>
    </a>
  {% endfor %}
</div>

<section class="how-it-works">
  <div class="section-head compact"><div><span>{{ tr('WORKFLOW') }}</span><h2>{{ tr('روش کار') }}</h2></div></div>
  <div class="steps">
    <article><b>01</b><h3>{{ tr('یک سطح دفاع انتخاب کن') }}</h3><p>{{ tr('همان سناریو را با چهار طراحی متفاوت اجرا کن؛ نه چهار توضیح نظری.') }}</p></article>
    <article><b>02</b><h3>{{ tr('پرامپت حمله را بساز') }}</h3><p>{{ tr('مدل زنده پاسخ می‌دهد و موتور ارزیابی فقط اثر واقعی را امتیاز می‌دهد.') }}</p></article>
    <article><b>03</b><h3>{{ tr('ردیابی را بخوان') }}</h3><p>{{ tr('نسخهٔ امن‌شدهٔ زمینه، فیلترها، زمان اجرا و حکم نهایی را کنار هم ببین.') }}</p></article>
  </div>
</section>
{% endblock %}