{% extends "base.html" %}
{% block title %}库存总览 - 总部{% endblock %}
{% block content %}

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url_for('dashboard') }}">工作台</a></li>
        <li class="breadcrumb-item active">库存总览</li>
    </ol>
</nav>

<!-- 总部仓库库存 -->
<h5 class="mb-3"><i class="bi bi-building"></i> 总部仓库库存</h5>
<div class="card mb-4">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>水果品类</th>
                        <th class="text-end">总入库</th>
                        <th class="text-end">已领用出库</th>
                        <th class="text-end">当前剩余</th>
                        <th>状态</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in warehouse %}
                    <tr>
                        <td><strong>{{ item.fruit_name }}</strong></td>
                        <td class="text-end">{{ item.total_inbound }}</td>
                        <td class="text-end">{{ item.total_outbound }}</td>
                        <td class="text-end">
                            <span class="{% if item.current_stock <= 10 %}stock-low{% elif item.current_stock <= 30 %}stock-warning{% else %}stock-ok{% endif %} fw-bold fs-5">
                                {{ item.current_stock }}
                            </span>
                        </td>
                        <td>
                            {% if item.current_stock == 0 %}
                            <span class="badge bg-danger">缺货</span>
                            {% elif item.current_stock <= 10 %}
                            <span class="badge bg-warning text-dark">低库存</span>
                            {% elif item.current_stock <= 30 %}
                            <span class="badge bg-info">正常</span>
                            {% else %}
                            <span class="badge bg-success">充足</span>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- 各门店库存 -->
<h5 class="mb-3"><i class="bi bi-shop"></i> 各门店实时库存</h5>

<ul class="nav nav-tabs mb-3" id="storeTabs" role="tablist">
    {% for store in stores %}
    <li class="nav-item" role="presentation">
        <button class="nav-link {% if loop.first %}active{% endif %}" id="tab-{{ store.id }}"
                data-bs-toggle="tab" data-bs-target="#store-{{ store.id }}" type="button">
            {{ store.name }}
        </button>
    </li>
    {% endfor %}
</ul>

<div class="tab-content">
    {% for store in stores %}
    <div class="tab-pane fade {% if loop.first %}show active{% endif %}" id="store-{{ store.id }}">
        <div class="card">
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead>
                            <tr>
                                <th>水果品类</th>
                                <th class="text-end">已领用</th>
                                <th class="text-end">已销售</th>
                                <th class="text-end">当前库存</th>
                                <th>状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in store_inv_map.get(store.id, []) %}
                            <tr>
                                <td>{{ item.fruit_name }}</td>
                                <td class="text-end">{{ item.total_received }}</td>
                                <td class="text-end">{{ item.total_sold }}</td>
                                <td class="text-end">
                                    <span class="{% if item.current_stock == 0 %}stock-low{% elif item.current_stock <= 5 %}stock-warning{% else %}stock-ok{% endif %} fw-bold">
                                        {{ item.current_stock }}
                                    </span>
                                </td>
                                <td>
                                    {% if item.current_stock == 0 %}
                                    <span class="badge bg-danger">售罄</span>
                                    {% elif item.current_stock <= 5 %}
                                    <span class="badge bg-warning text-dark">紧张</span>
                                    {% else %}
                                    <span class="badge bg-success">正常</span>
                                    {% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {% endfor %}
</div>

{% endblock %}