{% extends "base.html" %}

{% block title %}{{ page_title }}{% endblock %}

{% block content %}
<main class="container">
  <div class="page-head split-head">
    <div>
      <h1>Журнал заданий</h1>
      <p class="muted">Следите за основными и побочными ветками истории.</p>
    </div>
    <div class="head-actions">
      <a class="btn btn-outline-light" href="{% url 'story' %}">Вернуться к сюжету</a>
    </div>
  </div>

  <section class="quest-grid">
    {% if quests %}
      {% for quest in quests %}
      <article class="glass-card quest-card">
        <h3>{{ quest.title }}</h3>
        <p class="muted">{{ quest.summary }}</p>
        <span class="badge badge-status badge-{{ quest.status }}">{{ quest.get_status_display }}</span>
        <a class="text-link" href="{% url 'quest_detail' quest.id %}">Подробнее →</a>
      </article>
      {% endfor %}
    {% else %}
    <div class="glass-card">
      <h3>Пока нет заданий</h3>
      <p class="muted">Пройдите первую сцену, чтобы получить квесты.</p>
      <a class="text-link" href="{% url 'story' %}">Открыть сюжет →</a>
    </div>
    {% endif %}
  </section>
</main>
{% endblock %}