{% 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>

<div class="row">
    <div class="col-lg-5">
        <div class="card">
            <div class="card-header bg-success text-white">
                <strong><i class="bi bi-box-arrow-in-down"></i> 批量入库</strong>
            </div>
            <div class="card-body">
                <!-- 粘贴识别区 -->
                <div class="mb-3">
                    <label class="form-label fw-bold">
                        <i class="bi bi-clipboard"></i> 粘贴文本识别
                    </label>
                    <div class="mb-2">
                        <textarea id="pasteInput" class="form-control" rows="3"
                            placeholder="粘贴格式示例：&#10;红富士苹果 30&#10;香蕉 20&#10;赣南脐橙 15"></textarea>
                    </div>
                    <button type="button" class="btn btn-primary w-100 mb-2" onclick="parseInbound()">
                        <i class="bi bi-eyeglasses"></i> 识别并填入
                    </button>
                    <div class="form-text text-muted small">每行一个品种：<strong>水果名</strong> 空格/冒号 <strong>数量</strong></div>
                </div>

                <form method="POST" action="{{ url_for('admin_inbound_add') }}" id="inboundForm">
                    <div class="mb-3">
                        <label class="form-label">备注（可选）</label>
                        <input type="text" name="note" class="form-control" placeholder="如：供应商A补货">
                    </div>

                    <div class="table-responsive" style="max-height: 380px; overflow-y: auto;">
                        <table class="table table-sm table-bordered mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>水果品类</th>
                                    <th style="width:90px" class="text-center">入库件数</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for f in fruits %}
                                <tr>
                                    <td><strong>{{ f.name }}</strong></td>
                                    <td>
                                        <input type="number" name="qty_{{ f.id }}"
                                               class="form-control form-control-sm text-center inbound-qty"
                                               min="0" value="0" placeholder="0">
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>

                    <div class="d-flex justify-content-between mt-3">
                        <button type="button" class="btn btn-outline-secondary" onclick="clearAll()">
                            <i class="bi bi-eraser"></i> 清空
                        </button>
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-check-lg"></i> 确认入库
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-7">
        <div class="card">
            <div class="card-header bg-white border-bottom">
                <strong><i class="bi bi-list-ul"></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>水果品类</th>
                                <th class="text-end">入库件数</th>
                                <th>操作人</th>
                                <th>备注</th>
                                <th>时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for r in records %}
                            <tr>
                                <td>{{ r.id }}</td>
                                <td><strong>{{ r.fruit_name }}</strong></td>
                                <td class="text-end fw-bold text-success">+{{ r.quantity }}</td>
                                <td>{{ r.operator_name }}</td>
                                <td class="text-muted">{{ r.note or '-' }}</td>
                                <td class="text-muted small">{{ r.created_at[:19] }}</td>
                            </tr>
                            {% else %}
                            <tr>
                                <td colspan="6" class="text-center text-muted py-4">暂无入库记录</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
// 水果名称映射
const FRUIT_MAP = {
    {% for f in fruits %}{{ f.id }}: '{{ f.name }}',{% endfor %}
};

function parseInbound() {
    const text = document.getElementById('pasteInput').value;
    if (!text.trim()) { alert('请先粘贴文本'); return; }

    // 重置所有数量为0
    document.querySelectorAll('.inbound-qty').forEach(inp => inp.value = '0');

    const lines = text.split('\n').filter(l => l.trim());
    let matched = 0;

    lines.forEach(line => {
        const m = line.match(/^(.+?)[：:\s]+(\d+)\s*$/);
        if (!m) return;
        const name = m[1].trim();
        const qty = parseInt(m[2]);
        if (qty <= 0) return;

        // 精确匹配
        let fid = null;
        for (const [id, fname] of Object.entries(FRUIT_MAP)) {
            if (fname === name) { fid = id; break; }
        }
        // 模糊匹配（输入或数据包含对方）
        if (!fid) {
            for (const [id, fname] of Object.entries(FRUIT_MAP)) {
                if (fname.includes(name) || name.includes(fname)) {
                    if (!confirm('是否将 "' + name + '" 匹配为「' + fname + '」？')) continue;
                    fid = id;
                    break;
                }
            }
        }
        if (fid) {
            const input = document.querySelector('input[name="qty_' + fid + '"]');
            if (input) { input.value = qty; matched++; }
        }
    });

    alert('识别完成，已填入 ' + matched + ' 个品种，请核对后点击「确认入库」');
}

function clearAll() {
    document.querySelectorAll('.inbound-qty').forEach(inp => inp.value = '0');
}
</script>

{% endblock %}