/**
 * need.js - 需求转盘逻辑（列表+筛选+分页 / 新增编辑 / 推送按钮）
 */
$(function () {
    renderShell('需求转盘', '业务模块 / 需求转盘');
    renderPage();
    initPage('need', function (user) {
        if (!checkPagePermission('need')) return;
        loadList(1);
    });

    var currentPage = 1;

    /** 渲染页面内容（工具栏+表格+分页） */
    function renderPage() {
        $('#page-content').html(
            '<div class="card">' +
            '  <div class="toolbar">' +
            '    <input type="text" data-filter="keyword" placeholder="描述/联系人/公司名关键词">' +
            '    <input type="text" data-filter="company_name" placeholder="公司名称">' +
            '    <input type="text" data-filter="industry" placeholder="行业（精确）">' +
            '    <input type="text" data-filter="need_category" placeholder="需求大类">' +
            '    <input type="date" data-filter="start_date" title="开始日期">' +
            '    <input type="date" data-filter="end_date" title="结束日期">' +
            '    <button class="btn btn-primary" id="btn-search">搜索</button>' +
            '    <button class="btn" id="btn-reset">重置</button>' +
            '    <span class="spacer"></span>' +
            '    <button class="btn btn-success" id="btn-add">+ 新增</button>' +
            '    <button class="btn btn-warning" id="btn-push-batch">批量推送</button>' +
            '  </div>' +
            '  <div class="table-wrap"><table class="grid">' +
            '    <thead><tr><th><input type="checkbox" id="check-all"></th><th>ID</th><th>公司</th><th>行业</th><th>联系人</th><th>需求大类</th><th>意向品类</th><th>描述</th><th>状态</th><th>录入时间</th><th>操作</th></tr></thead>' +
            '    <tbody id="need-tbody"></tbody>' +
            '  </table></div>' +
            '  <div class="pagination" id="pagination"></div>' +
            '</div>'
        );
        $('#check-all').on('change', function () { $('.row-check').prop('checked', this.checked); });
    }

    function loadList(page) {
        currentPage = page;
        var params = buildFilterParam();
        params.page = page;
        params.limit = PAGE_SIZE;

        httpGet('need/list.php', params).then(function (data) {
            var rows = data.list || [];
            var html = '';
            rows.forEach(function (r) {
                html += '<tr>' +
                    '<td><input type="checkbox" class="row-check" value="' + r.id + '"></td>' +
                    '<td>' + r.id + '</td>' +
                    '<td title="' + escHtml(r.display_name || '') + '">' + escHtml(r.display_name || '-') + '</td>' +
                    '<td>' + escHtml(r.industry || '-') + '</td>' +
                    '<td>' + escHtml(r.contact_person || '-') + '</td>' +
                    '<td>' + escHtml(r.need_category || '-') + '</td>' +
                    '<td>' + escHtml(r.target_product_category || '-') + '</td>' +
                    '<td title="' + escHtml(r.description || '') + '">' + escHtml((r.description || '-').substring(0, 30)) + '</td>' +
                    '<td>' + (r.is_valid ? '<span class="tag tag-green">有效</span>' : '<span class="tag tag-gray">已作废</span>') + '</td>' +
                    '<td>' + fmtDate(r.created_at) + '</td>' +
                    '<td class="ops">' +
                    '  <a onclick="viewNeed(' + r.id + ')">详情</a>' +
                    '  <a onclick="editNeed(' + r.id + ')">编辑</a>' +
                    '  <a onclick="pushNeed(' + r.id + ')">推送</a>' +
                    (r.is_valid ? '  <a class="danger" onclick="delNeed(' + r.id + ')">作废</a>' : '') +
                    '</td></tr>';
            });
            if (!rows.length) {
                html = '<tr><td colspan="11" class="empty-tip" style="padding:40px 0;">暂无数据</td></tr>';
            }
            $('#need-tbody').html(html);
            renderPagination($('#pagination'), data, loadList);
        });
    }

    $('#btn-search').on('click', function () { loadList(1); });
    $('#btn-reset').on('click', function () {
        $('.toolbar [data-filter]').val('');
        loadList(1);
    });

    $('#btn-add').on('click', function () { openForm(null); });
    window.editNeed = function (id) {
        httpGet('need/detail.php', { id: id }).then(function (d) {
            openForm(d.need);
        });
    };

    function openForm(need) {
        var isEdit = !!need;
        var n = need || {};
        var content =
            '<form id="need-form" style="padding:18px 22px 4px;">' +
            '<div class="form-grid">' +
            '  <div class="form-item full"><label>所属公司ID<span class="req">*</span></label><input type="number" name="company_id" value="' + escHtml(n.company_id) + '" ' + (isEdit ? 'disabled' : '') + ' placeholder="公司ID（如 1）"></div>' +
            '  <div class="form-item"><label>需求联系人</label><input type="text" name="contact_person" value="' + escHtml(n.contact_person) + '"></div>' +
            '  <div class="form-item"><label>需求大类</label><input type="text" name="need_category" value="' + escHtml(n.need_category) + '" placeholder="设备采购/原材料/咨询服务等"></div>' +
            '  <div class="form-item"><label>意向产品品类</label><input type="text" name="target_product_category" value="' + escHtml(n.target_product_category) + '"></div>' +
            '  <div class="form-item"><label>业务场景/应用工序</label><input type="text" name="application_scenario" value="' + escHtml(n.application_scenario) + '" placeholder="如：码垛、焊接"></div>' +
            '  <div class="form-item full"><label>详细需求描述</label><textarea name="description" style="min-height:100px;">' + escHtml(n.description) + '</textarea></div>' +
            '</div>' +
            '<div class="dialog-footer"><button type="button" class="btn" id="form-cancel">取消</button>' +
            '<button type="submit" class="btn btn-primary">保存</button></div>' +
            '</form>';

        var idx = Dialog.open({
            title: isEdit ? '编辑需求' : '新增需求',
            area: ['680px', 'auto'],
            content: content,
            btn: false
        });

        $('#form-cancel').on('click', function () { Dialog.close(idx); });

        $('#need-form').on('submit', function (e) {
            e.preventDefault();
            var data = {};
            $(this).find('input, textarea').each(function () {
                var name = $(this).attr('name');
                if (!name) return;
                if ($(this).attr('type') === 'number') {
                    data[name] = $(this).val() === '' ? '' : parseInt($(this).val(), 10);
                } else {
                    data[name] = $(this).val();
                }
            });
            if (!isEdit && !data.company_id) { Dialog.error('所属公司ID为必填项'); return; }
            if (isEdit) data.id = n.id;

            httpPost(isEdit ? 'need/update.php' : 'need/add.php', data).then(function () {
                Dialog.success('保存成功', function () {
                    Dialog.close(idx);
                    loadList(currentPage);
                });
            });
        });
    }

    window.delNeed = function (id) {
        Dialog.confirm('确定作废该需求吗？', function () {
            httpPost('need/delete.php', { id: id }).then(function () {
                Dialog.success('操作成功', function () { loadList(currentPage); });
            });
        });
    };

    window.pushNeed = function (id) {
        Dialog.confirm('确定推送该需求吗？（当前为占位实现）', function () {
            httpPost('need/push.php', { id: id }).then(function (d) {
                Dialog.alert(d.msg || '推送成功');
            });
        });
    };

    $('#btn-push-batch').on('click', function () {
        var ids = [];
        $('.row-check:checked').each(function () { ids.push($(this).val()); });
        if (!ids.length) { Dialog.error('请先勾选记录'); return; }
        Dialog.confirm('确定推送选中的 ' + ids.length + ' 条需求吗？（占位实现）', function () {
            httpPost('need/push.php', { ids: ids.join(',') }).then(function (d) {
                Dialog.alert(d.msg || '推送成功');
            });
        });
    });

    window.viewNeed = function (id) {
        httpGet('need/detail.php', { id: id }).then(function (d) {
            var n = d.need;
            var html =
                '<div style="padding:18px 22px;">' +
                '  <h3 style="margin-bottom:14px;">需求 #' + n.id + '（' + escHtml(n.display_name || '-') + '）</h3>' +
                '  <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:13px;">' +
                '    <div><b>行业：</b>' + escHtml(n.industry || '-') + '</div>' +
                '    <div><b>国家：</b>' + escHtml(n.country || '-') + '</div>' +
                '    <div><b>联系人：</b>' + escHtml(n.contact_person || '-') + '</div>' +
                '    <div><b>需求大类：</b>' + escHtml(n.need_category || '-') + '</div>' +
                '    <div><b>意向品类：</b>' + escHtml(n.target_product_category || '-') + '</div>' +
                '    <div><b>应用场景：</b>' + escHtml(n.application_scenario || '-') + '</div>' +
                '    <div><b>状态：</b>' + (n.is_valid ? '有效' : '已作废') + '</div>' +
                '    <div><b>录入时间：</b>' + fmtDate(n.created_at) + '</div>' +
                '  </div>' +
                '  <h4 style="margin:16px 0 8px;">详细描述</h4>' +
                '  <div style="font-size:13px;color:#5a6472;white-space:pre-wrap;">' + escHtml(n.description || '-') + '</div>' +
                '  <div style="margin-top:16px;text-align:right;"><a href="' + escHtml(n.website || '#') + '" target="_blank" class="btn btn-sm" style="' + (n.website ? '' : 'display:none;') + '">访问官网</a></div>' +
                '</div>';
            Dialog.open({ title: '需求详情', area: ['680px', 'auto'], content: html, btn: ['关闭'] });
        });
    }
});