{% extends "base.html" %}

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

{% block content %}
<main class="container narrow-section">
  <div class="page-head split-head">
    <div>
      <h1>{{ inventory_item.item.name }}</h1>
      <p class="muted">{{ inventory_item.item.get_slot_display }}</p>
    </div>
    <div class="head-actions">
      <a class="btn btn-outline-light" href="{% url 'inventory' %}">Назад к инвентарю</a>
    </div>
  </div>

  <div class="glass-card">
    <h3>Описание</h3>
    <p class="muted">{{ inventory_item.item.description }}</p>
    <div class="quest-meta">
      <div>
        <p class="stat-label">Сила</p>
        <p class="stat-value">+{{ inventory_item.item.power }}</p>
      </div>
      <div>
        <p class="stat-label">Статус</p>
        {% if inventory_item.equipped %}
        <p class="stat-value">Экипировано</p>
        {% else %}
        <p class="stat-value">В запасе</p>
        {% endif %}
      </div>
    </div>
  </div>
</main>
{% endblock %}