{% extends "base.html" %}
{% block title %}Authoring – Auf Deutsch{% endblock %}

{% block content %}
<div class="page-authoring fade-in">
  <h1 class="page-title">Content Authoring</h1>
  <p class="muted">Validation and preview for packs, dialogues, and stories.</p>

  <div class="stats-row">
    <div class="stat-card">
      <span class="stat-num">{{ report.summary.packs }}</span>
      <span class="stat-label">packs</span>
    </div>
    <div class="stat-card">
      <span class="stat-num">{{ report.summary.dialogues }}</span>
      <span class="stat-label">dialogues</span>
    </div>
    <div class="stat-card">
      <span class="stat-num">{{ report.summary.stories }}</span>
      <span class="stat-label">stories</span>
    </div>
    <div class="stat-card">
      <span class="stat-num">{{ report.summary.issues }}</span>
      <span class="stat-label">issues</span>
    </div>
  </div>

  <div class="card">
    <h2 class="card-title">Validator</h2>
    <p class="muted">Run locally with <code>python3 validate_content.py</code>.</p>
    {% if report.issues %}
    <div class="authoring-issues">
      {% for issue in report.issues %}
      <div class="authoring-issue authoring-issue-{{ issue.severity }}">
        <div class="authoring-issue-meta">{{ issue.severity | upper }} · {{ issue.file }}</div>
        <div>{{ issue.message }}</div>
      </div>
      {% endfor %}
    </div>
    {% else %}
    <div class="alert alert-success">No validation issues found.</div>
    {% endif %}
  </div>

  <div class="card">
    <h2 class="card-title">Pack Preview</h2>
    <div class="authoring-list">
      {% for item in report.pack_files %}
      <div class="authoring-row">
        <div>
          <div class="authoring-row-title">{{ item.pack_id }}</div>
          <div class="muted">{{ item.name }}</div>
        </div>
        <div class="authoring-row-path">{{ item.path }}</div>
      </div>
      {% endfor %}
    </div>
  </div>

  <div class="card">
    <h2 class="card-title">Story Preview</h2>
    <div class="authoring-list">
      {% for item in report.story_files %}
      <div class="authoring-row">
        <div>
          <div class="authoring-row-title">{{ item.story_id }}</div>
          <div class="muted">{{ item.title }}</div>
        </div>
        <div class="authoring-row-path">{{ item.path }}</div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}