{% extends "base.html" %}
{% block title %}本店库存 - {{ current_user.store_name }}{% 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>

<div class="card">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <strong><i class="bi bi-clipboard-data"></i> {{ current_user.store_name }} · 实时库存台账</strong>
        <span class="text-muted small">共 {{ inventory|length }} 种水果</span>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>#</th>
                        <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 inventory %}
                    <tr>
                        <td>{{ loop.index }}</td>
                        <td><strong>{{ item.fruit_name }}</strong></td>
                        <td class="text-end text-primary">{{ item.total_received }}</td>
                        <td class="text-end text-danger">{{ item.total_sold }}</td>
                        <td class="text-end">
                            <span class="fs-5 fw-bold {% if item.current_stock == 0 %}stock-low{% elif item.current_stock <= 5 %}stock-warning{% else %}stock-ok{% endif %}">
                                {{ 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>
                            {% elif item.current_stock <= 20 %}
                            <span class="badge bg-info">正常</span>
                            {% else %}
                            <span class="badge bg-success">充足</span>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
                <tfoot class="table-light fw-bold">
                    <tr>
                        <td colspan="2">合计</td>
                        <td class="text-end text-primary">{{ inventory|sum(attribute='total_received') }}</td>
                        <td class="text-end text-danger">{{ inventory|sum(attribute='total_sold') }}</td>
                        <td class="text-end">{{ inventory|sum(attribute='current_stock') }}</td>
                        <td></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

{% endblock %}