{% extends 'inventory/base_inventory_minimal.html' %}
{% load inventory_filters %}

{% block inventory_title %}Резервирования{% endblock %}
{% block breadcrumb_current %}Резервирования{% endblock %}

{% block inventory_content %}
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <h4 class="mb-0">
      Активные резервирования
      {% if filtered_product %}
        <small class="text-muted">— {{ filtered_product.name }}</small>
      {% endif %}
    </h4>
    <div>
      {% if filtered_product %}
        <a href="{% url 'inventory:reservation-list' %}" class="btn btn-sm btn-outline-secondary me-2">
          <i class="bi bi-x-circle"></i> Сбросить фильтр
        </a>
      {% endif %}
      <span class="badge bg-info">Только для просмотра</span>
    </div>
  </div>

  <div class="card-body">
    {% if not filtered_product %}
    <div class="alert alert-info mb-3">
      <i class="bi bi-info-circle me-2"></i>
      <strong>Информация:</strong> Резервы создаются автоматически через POS (витринные комплекты) и заказы.
      Прямое управление резервами отключено для предотвращения несогласованности данных.
    </div>
    {% endif %}

    {% if reservations %}
      <div class="table-responsive">
        <table class="table table-hover table-sm align-middle">
          <thead class="table-light">
            <tr>
              <th>Товар</th>
              <th>Количество</th>
              <th>Склад</th>
              <th>Витрина</th>
              <th>Заказ</th>
              <th>Зарезервировано</th>
              <th>Статус</th>
            </tr>
          </thead>
          <tbody>
            {% for r in reservations %}
            <tr>
              <td>
                <a href="{% url 'products:product-detail' r.product.pk %}" class="text-decoration-none" target="_blank">
                  <strong>{{ r.product.name }}</strong>
                </a>
              </td>
              <td>
                <span class="badge bg-secondary">{{ r.quantity|smart_quantity }}</span>
              </td>
              <td>
                <i class="bi bi-building me-1"></i>{{ r.warehouse.name }}
              </td>
              <td>
                {% if r.showcase %}
                  <i class="bi bi-flower1 me-1"></i>{{ r.showcase.name }}
                {% else %}
                  <span class="text-muted">—</span>
                {% endif %}
              </td>
              <td>
                {% if r.order_item %}
                  <a href="{% url 'orders:order-detail' r.order_item.order.order_number %}" class="text-decoration-none">
                    <i class="bi bi-receipt me-1"></i>Заказ #{{ r.order_item.order.order_number }}
                  </a>
                {% else %}
                  <span class="text-muted">—</span>
                {% endif %}
              </td>
              <td>
                <small class="text-muted">{{ r.reserved_at|date:"d.m.Y H:i" }}</small>
              </td>
              <td>
                <span class="badge bg-success">{{ r.get_status_display }}</span>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>

      <!-- Пагинация -->
      {% if is_paginated %}
      <nav aria-label="Page navigation" class="mt-3">
        <ul class="pagination justify-content-center">
          {% if page_obj.has_previous %}
            <li class="page-item">
              <a class="page-link" href="?page=1{% if filtered_product %}&product={{ filtered_product.pk }}{% endif %}">Первая</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if filtered_product %}&product={{ filtered_product.pk }}{% endif %}">Предыдущая</a>
            </li>
          {% endif %}

          <li class="page-item active">
            <span class="page-link">
              Страница {{ page_obj.number }} из {{ page_obj.paginator.num_pages }}
            </span>
          </li>

          {% if page_obj.has_next %}
            <li class="page-item">
              <a class="page-link" href="?page={{ page_obj.next_page_number }}{% if filtered_product %}&product={{ filtered_product.pk }}{% endif %}">Следующая</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="?page={{ page_obj.paginator.num_pages }}{% if filtered_product %}&product={{ filtered_product.pk }}{% endif %}">Последняя</a>
            </li>
          {% endif %}
        </ul>
      </nav>
      {% endif %}
    {% else %}
      <div class="alert alert-secondary text-center py-5">
        <i class="bi bi-inbox" style="font-size: 3rem;"></i>
        <h5 class="mt-3">Активных резервирований не найдено</h5>
        <p class="text-muted">Резервы создаются автоматически при оформлении заказов и витринных комплектов в POS</p>
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}
