{% 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="row">
    <div class="col-lg-7">
        <div class="card">
            <div class="card-header bg-success text-white">
                <strong><i class="bi bi-cash-stack"></i> 录入销售数据</strong>
                <span class="ms-2 small">门店：{{ current_user.store_name }}</span>
            </div>
            <div class="card-body">
                <!-- 粘贴识别区 -->
                <div class="card bg-light mb-3">
                    <div class="card-body py-2">
                        <div class="row g-2 align-items-end">
                            <div class="col-8">
                                <label class="form-label small mb-1"><i class="bi bi-clipboard"></i> 粘贴文本识别</label>
                                <textarea id="salesPasteInput" class="form-control form-control-sm" rows="2"
                                    placeholder="红富士苹果 30&#10;香蕉 20&#10;赣南脐橙 15"></textarea>
                            </div>
                            <div class="col-4">
                                <button type="button" class="btn btn-primary w-100" onclick="parseSales()">
                                    <i class="bi bi-eyeglasses"></i> 识别
                                </button>
                                <div class="form-text small text-muted mt-1">每行：水果名 + 数量</div>
                            </div>
                        </div>
                    </div>
                </div>

                <form method="POST" action="{{ url_for('store_sales_add') }}">
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label class="form-label">销售日期</label>
                            <input type="date" name="sale_date" class="form-control" value="{{ today }}">
                        </div>
                        <div class="col-md-8">
                            <label class="form-label">备注</label>
                            <input type="text" name="note" class="form-control" placeholder="如：周末促销活动">
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>水果品类</th>
                                    <th class="text-end">门店库存</th>
                                    <th style="width:140px">销售件数</th>
                                    <th style="width:80px">快捷</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for inv in inventory %}
                                <tr>
                                    <td><strong>{{ inv.fruit_name }}</strong></td>
                                    <td class="text-end">
                                        <span class="{% if inv.current_stock == 0 %}text-danger{% elif inv.current_stock <= 5 %}text-warning{% endif %} fw-bold">
                                            {{ inv.current_stock }}
                                        </span>
                                    </td>
                                    <td>
                                        <input type="number" name="qty_{{ inv.fruit_id }}" class="form-control form-control-sm"
                                               min="0" max="{{ inv.current_stock }}" value="0" placeholder="0">
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-outline-secondary btn-sm qty-btn"
                                                data-target="qty_{{ inv.fruit_id }}" data-val="1">+1</button>
                                        <button type="button" class="btn btn-outline-secondary btn-sm qty-btn"
                                                data-target="qty_{{ inv.fruit_id }}" data-val="5">+5</button>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>

                    <div class="d-flex justify-content-between align-items-center 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 btn-lg">
                            <i class="bi bi-check-lg"></i> 确认录入
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-5">
        <div class="card">
            <div class="card-header bg-white border-bottom">
                <strong><i class="bi bi-calendar-check"></i> 今日已录入销售</strong>
                <span class="text-muted small ms-2">{{ today }}</span>
            </div>
            <div class="card-body p-0">
                {% if today_records %}
                <table class="table table-sm mb-0">
                    <thead>
                        <tr>
                            <th>水果</th>
                            <th class="text-end">件数</th>
                            <th>时间</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for r in today_records %}
                        <tr>
                            <td>{{ r.fruit_name }}</td>
                            <td class="text-end text-danger fw-bold">{{ r.quantity }}</td>
                            <td class="text-muted small">{{ r.created_at[11:19] }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                {% else %}
                <div class="text-center text-muted py-4">今日暂无销售记录</div>
                {% endif %}
            </div>
        </div>
    </div>
</div>

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

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

    // 重置所有数量为0
    document.querySelectorAll('input[name^="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 + ' 个品种，请核对后提交');
}

document.querySelectorAll('.qty-btn').forEach(btn => {
    btn.addEventListener('click', function() {
        const target = document.getElementsByName(this.dataset.target)[0];
        const current = parseInt(target.value || 0);
        const max = parseInt(target.max || 999);
        target.value = Math.min(current + parseInt(this.dataset.val), max);
    });
});

function clearAll() {
    document.querySelectorAll('input[type="number"]').forEach(input => {
        input.value = '0';
    });
}
</script>
{% endblock %}