define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'cascader'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
        index: function () {
            // 初始化表格参数配置
            Table.api.init({
                extend: {
                    index_url: 'cars/index' + location.search,
                    add_url: 'cars/add',
                    edit_url: 'cars/edit',
                    del_url: 'cars/del',
                    multi_url: 'cars/multi',
                    import_url: 'cars/import',
                    table: 'cars',
                }
            });

            var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                fixedColumns: true,
                fixedRightNumber: 1,
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id')},
                        {
                            field: 'title',
                            title: __('Title'),
                            operate: 'LIKE',
                            table: table,
                            class: 'autocontent',
                            formatter: Table.api.formatter.content
                        },
                        {field: 'brand.name', title: __('Brand_id'), operate: false},
                        {field: 'series.name', title: __('Series_id'), operate: false},
                        {field: 'price', title: __('Price'), operate: 'BETWEEN'},
                        {field: 're_price', title: '现价(万元)', operate: 'BETWEEN'},
                        {
                            field: 'cover_image',
                            title: __('Cover_image'),
                            operate: false,
                            events: Table.api.events.image,
                            formatter: Table.api.formatter.image
                        },
                        {field: 'contact.nickname', title: __('Contact_name'), operate: 'LIKE'},
                        {field: 'contact.mobile', title: __('Contact_phone'), operate: 'LIKE'},
                        {field: 'active_at', title: '上牌时间', operate: 'RANGE',
                            addclass: 'datetimerange',
                            autocomplete: false},
                        {
                            field: 'created_at',
                            title: __('Created_at'),
                            operate: 'RANGE',
                            addclass: 'datetimerange',
                            autocomplete: false
                        },
                        {
                            field: 'updated_at',
                            title: __('Updated_at'),
                            operate: 'RANGE',
                            addclass: 'datetimerange',
                            autocomplete: false
                        },
                        {field: 'is_active', title: __('Is_active'),
                            searchList: {
                                "0": '下架',
                                "1": '上架',
                            },
                            formatter: Table.api.formatter.status},
                        {
                            field: 'operate',
                            title: __('Operate'),
                            table: table,
                            events: Table.api.events.operate,
                            formatter: Table.api.formatter.operate
                        }
                    ]
                ]
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();
            Controller.api.series();
            Controller.api.extend();
        },
        edit: function () {
            Controller.api.bindevent();
            Controller.api.series();
            Controller.api.extend();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            },
            series: function () {
                var _data = series;
                $('#c-series_id').zdCascader({
                    data: _data,
                    onChange: function ($this, data, allPathData) {
                        // console.log(data,allPathData);
                        $('#c-series_id_value').val(data.value);
                    }
                });
                $('#c-series_id').val($('#c-series_id').data('value'));
            },
            extend: function () {
                const id = $('input[name="row[id]"]').val();
                let url = "cars/extend";
                if (id) {
                    url += '&id=' + id;
                }
                Fast.api.ajax({
                        url: url,  // 你的 API 地址
                        type: "get",
                        contentType: 'application/json',
                        dataType: "json"
                    },
            function (data) {
                        var container = $('#add-form');

                        data.forEach(function (field) {
                            let html = `
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-2">${field.label}:</label>
                                        <div class="col-xs-12 col-sm-8">`;

                            // ✅ 单选框（radio，替代 checkbox）
                            if (field.type === 'checkbox' || field.type === 'radio') {
                                field.options.forEach(function (opt) {
                                    // 是否选中
                                    const checked = String(field.value) === String(opt.value) ? 'checked' : '';
                                    html += `
                                        <label class="radio-inline">
                                            <input data-rule="required" type="radio" name="row[${field.name}]" value="${opt.value}" ${checked}> ${opt.key}
                                        </label>`;
                                });
                            }

                            // ✅ 数值范围输入（单 input 版本）
                            else if (field.type === 'range') {
                                const opts = field.options || {};
                                const val = field.value ?? ''; // 可能是字符串、数字或空
                                const min = opts.start ?? '';
                                const max = opts.end ?? '';
                                const unit = opts.unit ?? '';
                                html += `
                                        <div class="input-group">
                                            <input data-rule="required" type="number" name="row[${field.name}]" 
                                                class="form-control" placeholder="${unit}" 
                                                min="${min}" max="${max}" value="${val}">
                                            <span class="input-group-addon">${unit}</span>
                                        </div>`;
                            }

                            html += `</div></div>`;
                            container.append(html);
                        });

                        // ✅ 添加提交按钮区域
                        container.append(`
                                <div class="form-group">
                                    <label class="control-label col-xs-12 col-sm-2"></label>
                                    <div class="col-xs-12 col-sm-8">
                                        <button type="submit" class="btn btn-primary btn-embossed">提交</button>
                                    </div>
                                </div>`);
                        return false;
                    })
            }
        }
    };
    return Controller;
});