{% extends 'base.html' %}

{% block title %}{% block inventory_title %}Склад{% endblock %}{% endblock %}

{% block content %}
<!-- Компактная навигация -->
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom py-1">
    <div class="container-fluid px-3">
        <div class="d-flex align-items-center gap-3">
            <!-- Breadcrumb -->
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{% url 'inventory:inventory-home' %}" class="text-decoration-none">Склад</a></li>
                    <li class="breadcrumb-item">{% block breadcrumb_current %}{% endblock %}</li>
                </ol>
            </nav>

            <!-- Dropdown меню операций -->
            <div class="dropdown">
                <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
                    Операции
                </button>
                <ul class="dropdown-menu">
                    <li><h6 class="dropdown-header">Управление</h6></li>
                    <li><a class="dropdown-item" href="{% url 'inventory:warehouse-list' %}">Склады</a></li>
                    <li><a class="dropdown-item" href="{% url 'inventory:incoming-list' %}">Поступления</a></li>
                    <li><a class="dropdown-item" href="{% url 'inventory:sale-list' %}">Продажи</a></li>
                    <li><a class="dropdown-item" href="{% url 'inventory:inventory-list' %}">Инвентаризация</a></li>
                    <li><a class="dropdown-item" href="{% url 'inventory:writeoff-document-list' %}">Документы списания</a></li>
                    <li><a class="dropdown-item" href="{% url 'inventory:transfer-list' %}">Перемещения</a></li>
                    <li><hr class="dropdown-divider"></li>
                    <li><h6 class="dropdown-header">Справочники</h6></li>
                    <li><a class="dropdown-item" href="{% url 'inventory:stock-list' %}">Остатки</a></li>
                    <li><a class="dropdown-item" href="{% url 'inventory:batch-list' %}">Партии</a></li>
                </ul>
            </div>
        </div>
    </div>
</nav>

<!-- Основной контент -->
<div class="container-fluid px-3 py-2">
    {% block inventory_content %}{% endblock %}
</div>

<style>
    /* Минималистичный стиль */
    .breadcrumb {
        font-size: 0.875rem;
    }

    .breadcrumb-item a {
        color: #6c757d;
    }

    .breadcrumb-item.active {
        color: #212529;
        font-weight: 500;
    }

    .dropdown-menu {
        font-size: 0.875rem;
        box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    }

    .dropdown-header {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #6c757d;
        font-weight: 600;
    }

    .gap-3 {
        gap: 1rem !important;
    }
</style>
{% endblock %}
