{% extends 'base.html' %}
{% block title %}库存查询{% endblock %}
{% block content %}
<div class="page-heading">
  <div><h1>库存查询</h1><p class="muted">按款号聚合各门店的实时库存</p></div>
  <a class="button secondary" href="{{ url_for('main.export_inventory', **filters) }}">导出 Excel</a>
</div>

<section class="panel">
  <form method="get" class="filter-grid">
    <label>款号<input name="style" value="{{ filters.style }}" placeholder="支持模糊搜索"></label>
    <label>尺码<input name="size" value="{{ filters.size }}" placeholder="例如 42 / XL"></label>
    <label>门店<select name="store"><option value="">全部门店</option>{% for item in stores %}<option value="{{ item.store }}" {% if filters.store == item.store %}selected{% endif %}>{{ item.store }}</option>{% endfor %}</select></label>
    <div class="actions"><button class="primary" type="submit">查询</button><a class="button ghost" href="{{ url_for('main.index') }}">重置</a></div>
  </form>
</section>

{% if current_user.role == 'admin' %}
<form method="post" action="{{ url_for('main.update_settings') }}" class="threshold-form">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <label>低库存阈值 <input type="number" min="0" max="999999" name="low_stock_threshold" value="{{ threshold }}"></label>
  <button class="link-button" type="submit">保存</button>
</form>
{% endif %}

<section class="panel table-panel">
  <div class="table-meta">最多显示 500 条结果 · 当前 {{ rows|length }} 条</div>
  <div class="table-wrap">
    <table>
      <thead><tr><th>款号</th><th>商品名称</th><th>吊牌价</th><th>尺码</th><th>总库存</th><th>门店明细</th></tr></thead>
      <tbody>
      {% for row in rows %}
        <tr class="{% if row.total_qty < threshold %}low-stock{% endif %}">
          <td class="code">{{ row.style_no }}</td><td>{{ row.name or '—' }}</td><td>¥ {{ '%.2f'|format(row.tag_price) }}</td><td>{{ row.size }}</td>
          <td><strong>{{ row.total_qty }}</strong>{% if row.total_qty < threshold %}<span class="badge warning">库存低</span>{% endif %}</td>
          <td><div class="chips">{% for item in row.details %}<span class="chip">{{ item.store }} <b>{{ item.qty }}</b></span>{% endfor %}</div></td>
        </tr>
      {% else %}<tr><td colspan="6" class="empty">暂无符合条件的库存数据</td></tr>{% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}