{% 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="inventory-grid">
    {% if items %}
      {% for entry in items %}
      <article class="glass-card item-card">
        <h3>{{ entry.item.name }}</h3>
        <p class="muted">{{ entry.item.description }}</p>
        <div class="item-meta">
          <span class="badge bg-dark-subtle text-light">{{ entry.item.get_slot_display }}</span>
          {% if entry.equipped %}
          <span class="badge badge-outcome badge-success">Экипировано</span>
          {% endif %}
        </div>
        <a class="text-link" href="{% url 'item_detail' entry.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 %}