{% extends "base.html" %}
{% block title %}工作台 - 水果库存管理{% endblock %}
{% block content %}

{% if current_user.role == 'admin' %}
<!-- ==================== 总部管理员工工作台 ==================== -->
<h4 class="mb-3"><i class="bi bi-speedometer2"></i> 总部工作台</h4>

<!-- 统计卡片 -->
<div class="row g-3 mb-4">
    <div class="col-xl-2 col-md-4 col-6">
        <div class="card stat-card bg-primary bg-opacity-10 border-primary">
            <div class="card-body text-center">
                <div class="stat-icon text-primary"><i class="bi bi-shop"></i></div>
                <div class="stat-value text-primary">{{ store_count }}</div>
                <div class="text-muted small">管理门店</div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-4 col-6">
        <div class="card stat-card bg-success bg-opacity-10 border-success">
            <div class="card-body text-center">
                <div class="stat-icon text-success"><i class="bi bi-basket"></i></div>
                <div class="stat-value text-success">{{ fruit_count }}</div>
                <div class="text-muted small">水果品类</div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-4 col-6">
        <div class="card stat-card bg-info bg-opacity-10 border-info">
            <div class="card-body text-center">
                <div class="stat-icon text-info"><i class="bi bi-box-arrow-in-down"></i></div>
                <div class="stat-value text-info">{{ total_inbound }}</div>
                <div class="text-muted small">总入库(件)</div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-4 col-6">
        <div class="card stat-card bg-warning bg-opacity-10 border-warning">
            <div class="card-body text-center">
                <div class="stat-icon text-warning"><i class="bi bi-box-arrow-up"></i></div>
                <div class="stat-value text-warning">{{ total_outbound }}</div>
                <div class="text-muted small">已领用(件)</div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-4 col-6">
        <div class="card stat-card bg-danger bg-opacity-10 border-danger">
            <div class="card-body text-center">
                <div class="stat-icon text-danger"><i class="bi bi-hourglass-split"></i></div>
                <div class="stat-value text-danger">{{ pending_count }}</div>
                <div class="text-muted small">待审核</div>
            </div>
        </div>
    </div>
    <div class="col-xl-2 col-md-4 col-6">
        <div class="card stat-card bg-success bg-opacity-10 border-success">
            <div class="card-body text-center">
                <div class="stat-icon text-success"><i class="bi bi-archive"></i></div>
                <div class="stat-value text-success">{{ total_stock }}</div>
                <div class="text-muted small">总剩余库存(件)</div>
            </div>
        </div>
    </div>
</div>

<!-- 今日摘要 -->
<div class="row g-3 mb-4">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-white border-bottom d-flex justify-content-between align-items-center">
                <strong>今日动态</strong>
                <span class="text-muted small">{{ today }}</span>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-6 border-end">
                        <div class="fs-3 fw-bold text-success">{{ today_inbound }}</div>
                        <div class="text-muted small">今日入库(件)</div>
                    </div>
                    <div class="col-6">
                        <div class="fs-3 fw-bold text-primary">{{ today_requisition }}</div>
                        <div class="text-muted small">今日申领单</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-white border-bottom">
                <strong>快捷操作</strong>
            </div>
            <div class="card-body">
                <div class="d-grid gap-2 d-md-flex">
                    <a href="{{ url_for('admin_inbound') }}" class="btn btn-success">
                        <i class="bi bi-plus-circle"></i> 新增入库
                    </a>
                    <a href="{{ url_for('admin_approve') }}" class="btn btn-warning">
                        <i class="bi bi-check-circle"></i> 审核领用 {% if pending_count > 0 %}<span class="badge bg-danger">{{ pending_count }}</span>{% endif %}
                    </a>
                    <a href="{{ url_for('admin_inventory') }}" class="btn btn-info text-white">
                        <i class="bi bi-eye"></i> 库存总览
                    </a>
                    <a href="{{ url_for('admin_stores') }}" class="btn btn-outline-success">
                        <i class="bi bi-shop"></i> 门店管理
                    </a>
                    <a href="{{ url_for('admin_reports') }}" class="btn btn-secondary">
                        <i class="bi bi-download"></i> 数据报表
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 仓库库存总览 -->
<div class="card">
    <div class="card-header bg-white border-bottom">
        <strong><i class="bi bi-archive"></i> 总部仓库库存总览</strong>
    </div>
    <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">
                                {{ 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>

{% else %}
<!-- ==================== 门店操作员工作台 ==================== -->
<h4 class="mb-3"><i class="bi bi-speedometer2"></i> {{ store_name }} · 工作台</h4>

<!-- 统计卡片 -->
<div class="row g-3 mb-4">
    <div class="col-md-3 col-6">
        <div class="card stat-card bg-primary bg-opacity-10 border-primary">
            <div class="card-body text-center">
                <div class="stat-icon text-primary"><i class="bi bi-archive"></i></div>
                <div class="stat-value text-primary">{{ total_stock }}</div>
                <div class="text-muted small">本店总库存(件)</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card stat-card bg-success bg-opacity-10 border-success">
            <div class="card-body text-center">
                <div class="stat-icon text-success"><i class="bi bi-cash-stack"></i></div>
                <div class="stat-value text-success">{{ today_sales }}</div>
                <div class="text-muted small">今日销售(件)</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card stat-card bg-warning bg-opacity-10 border-warning">
            <div class="card-body text-center">
                <div class="stat-icon text-warning"><i class="bi bi-hourglass-split"></i></div>
                <div class="stat-value text-warning">{{ pending_my }}</div>
                <div class="text-muted small">待审核申请</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card stat-card bg-info bg-opacity-10 border-info">
            <div class="card-body text-center">
                <div class="stat-icon text-info"><i class="bi bi-check-circle"></i></div>
                <div class="stat-value text-info">{{ approved_my }}</div>
                <div class="text-muted small">今日已通过</div>
            </div>
        </div>
    </div>
</div>

<!-- 快捷操作 -->
<div class="row g-3 mb-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-white border-bottom"><strong>快捷操作</strong></div>
            <div class="card-body">
                <div class="d-grid gap-2 d-md-flex">
                    <a href="{{ url_for('store_requisition') }}" class="btn btn-primary">
                        <i class="bi bi-cart-plus"></i> 发起领用申请
                    </a>
                    <a href="{{ url_for('store_sales') }}" class="btn btn-success">
                        <i class="bi bi-cash-stack"></i> 录入今日销售
                    </a>
                    <a href="{{ url_for('store_inventory') }}" class="btn btn-info text-white">
                        <i class="bi bi-clipboard-data"></i> 查看库存
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 本店库存 -->
<div class="card">
    <div class="card-header bg-white border-bottom">
        <strong><i class="bi bi-archive"></i> {{ store_name }} · 当前库存</strong>
    </div>
    <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 inventory %}
                    <tr>
                        <td><strong>{{ item.fruit_name }}</strong></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>
{% endif %}

{% endblock %}