{% extends "base.html" %}
{% block title %}Prototype Runs{% endblock %}
{% block content %}
<section class="hero">
  <div>
    <div class="eyebrow">Internal Workflow</div>
    <h1>스크린플레이 -> 웹북 생성기</h1>
    <p>기존 PDF를 선택하거나 새 PDF를 업로드해서 장문 웹북 프로토타입을 생성하고, 결과 PDF와 장면 이미지를 검수합니다.</p>
  </div>
</section>

<div class="grid two">
  <section class="panel">
    <h2>새 실행</h2>
    <form action="/runs" method="post" class="stack-form">
      <label>
        <span>스크린플레이</span>
        <select name="source_file" required>
          {% for screenplay in screenplays %}
          <option value="{{ screenplay }}">{{ screenplay }}</option>
          {% endfor %}
        </select>
      </label>
      <label>
        <span>웹북 에피소드 수</span>
        <input type="number" name="web_episode_count" min="2" max="6" value="4" required />
      </label>
      <label>
        <span>에피소드당 이미지 섹션 수</span>
        <input type="number" name="sections_per_episode" min="6" max="12" value="10" required />
      </label>
      <label>
        <span>프롬프트 버전</span>
        <select name="prompt_version" required>
          {% for version, info in manifest.versions.items() %}
          <option value="{{ version }}" {% if version == current_prompt_version %}selected{% endif %}>{{ version }} - {{ info.description }}</option>
          {% endfor %}
        </select>
      </label>
      <button class="button primary" type="submit">생성 시작</button>
    </form>
  </section>

  <section class="panel">
    <h2>새 PDF 업로드</h2>
    <form action="/screenplays/upload" method="post" enctype="multipart/form-data" class="stack-form">
      <label>
        <span>PDF 파일</span>
        <input type="file" name="file" accept="application/pdf" required />
      </label>
      <button class="button secondary" type="submit">업로드</button>
    </form>
    <p class="help-text">업로드한 PDF는 `screenplay/uploads` 아래에 저장되고 바로 실행 목록에 나타납니다.</p>
  </section>
</div>

<section class="panel">
  <div class="section-header">
    <h2>실행 기록</h2>
    <div class="muted">자동으로 기존 `prototype/*` 출력도 스캔합니다.</div>
  </div>
  <div class="runs-list">
    {% for run in runs %}
    <a class="run-card" href="/runs/{{ run.id }}">
      <div class="run-card-top">
        <span class="status-pill status-{{ run.status }}">{{ run.status }}</span>
        <span class="muted">{{ run.created_at }}</span>
      </div>
      <h3>{{ run.source_file }}</h3>
      <p>{{ run.output_dir }}</p>
      <div class="run-meta">
        <span>{{ run.web_episode_count }} episodes</span>
        <span>{{ run.sections_per_episode }} sections/episode</span>
        <span>{{ run.prompt_version or '-' }}</span>
      </div>
    </a>
    {% endfor %}
  </div>
</section>
{% endblock %}