@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">
            <input type="hidden" id="id" value="${item.id!}"/>
            <div class="row">
                <div class="col-sm-4">
                    <#input id="activityTitle" name="推广活动标题" value="${item.activityTitle}"/>
                </div>
            </div>

            <div class="row" style="margin-left: -24px">
                <label class="col-sm-1 control-label">关联业务:</label>
                <div class="col-sm-3">
                    <label class="checkbox-inline">
                        <input type="checkbox" name="bizType" value="1"> 专车
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" name="bizType" value="2"> 出租车
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" name="bizType" value="3"> 城际
                    </label>
                </div>
            </div>

            <div class="row" style="margin-top: 10px">
                <label class="col-sm-1 control-label">活动区域：</label>
                <div class="col-sm-2">
                    <select class="form-control" id="province" onchange="provinceChange(this)">
                        <option value="">选择省</option>
                        @for(obj in provinceList){
                        <option value="${obj.code}" ${obj.code == item.provinceCode ? 'selected=selected' : ''}>${obj.name}</option>
                        @}
                    </select>
                </div>
                <div class="col-sm-2">
                    <select class="form-control" id="city" onchange="cityChage(this)">
                        <option value="">选择市</option>
                        @for(obj in cityList){
                        <option value="${obj.code}" ${obj.code == item.cityCode ? 'selected=selected' : ''}>${obj.name}</option>
                        @}
                    </select>
                </div>
                <div class="col-sm-2">
                    <select class="form-control" id="area">
                        <option value="">选择区</option>
                        @for(obj in areaList){
                        <option value="${obj.code}" ${obj.code == item.districtCode ? 'selected=selected' : ''}>${obj.name}</option>
                        @}
                    </select>
                </div>
            </div>

            <div class="row" style="margin-top: 10px">
                <div class="col-sm-3">
                    <#input id="time" name="活动时间" isTime="false"/>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <#input id="commissionRatio" name="抽佣比例" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3">
                    <#input id="bindingDays" name="绑定有效期" />
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3">
                    <label style="font-weight:700">推广活动说明：</label>

                    <div class="tab-content">
                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body">
                                <textarea id="editor_1" type="text/plain" style="width:1200px;height:400px;"></textarea>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TDriverPromotionActivityInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/system/tDriverPromotionActivity/tDriverPromotionActivity_info.js"></script>
<script>
    $(function() {
        // 初始化编辑器
        editor_1 = UE.getEditor('editor_1');

        // 初始化活动时间
        laydate.render({
            elem: '#time'
            ,trigger:'click'
            ,range: true
        });

        // 回显关联业务
        var bizTypeStr = "${item.bizType!}"; // 获取业务类型字符串
        if (bizTypeStr) {
            var bizTypes = bizTypeStr.split(',');
            $('input[name="bizType"]').each(function() {
                if (bizTypes.indexOf($(this).val()) !== -1) {
                    $(this).prop('checked', true);
                }
            });
        }




        // 回显活动时间
        $("#time").val("${time!}");

        // 回显抽佣比例和绑定有效期
        $("#commissionRatio").val("${item.commissionRatio!}");
        $("#bindingDays").val("${item.bindingDays!}");

        // 回显活动说明
        setTimeout(function() {
            editor_1.ready(function() {
                editor_1.setContent('${item.activityDesc!}');
            });
        }, 100);
    });

    function editSubmit() {
            var activityTitle = $("#activityTitle").val();
            var bizTypes = [];
            $('input[name="bizType"]:checked').each(function() {
                bizTypes.push($(this).val());
            });
            var bizTypeValue = bizTypes.join(',');

            var province = $("#province").val();
            var city = $("#city").val();
            var area = $("#area").val();
            var time = $("#time").val();
            var id = $("#id").val();
            var commissionRatio = $("#commissionRatio").val();
            var bindingDays = $("#bindingDays").val();
            var content = editor_1.getContent();



            console.log(activityTitle)
            console.log(bizTypeValue)
            console.log(province)
            console.log(city)
            console.log(area)
            console.log(time)
            console.log(commissionRatio)
            console.log(bindingDays)
            console.log(content)
            if(activityTitle==null||activityTitle==''){
                Feng.error("请填写活动标题");
                return;
            }
            if(bizTypeValue==null||bizTypeValue==''){
                Feng.error("请选择业务类型");
                return;
            }
            if(province==null||province==''){
                Feng.error("请选择活动区域");
                return;
            }
            if(city==null||city==''){
                Feng.error("请选择活动区域");
                return;
            }
            if(time==null||time==''){
                Feng.error("请填写活动时间");
                return;
            }

            if(commissionRatio==null||commissionRatio==''){
                Feng.error("请填写抽佣比例");
                return;
            }
            // 使用正则表达式验证 0-100 的整数
            var commissionRatioReg = /^(?:[1-9]|[1-9][0-9]|100|0)$/;
            if (!commissionRatioReg.test(commissionRatio)) {
                Feng.error("抽佣比例必须是0-100之间的整数");
                return;
            }
            if(bindingDays==null||bindingDays==''){
                Feng.error("请填写绑定有效期");
                return;
            }
            // 使用正则表达式验证大于0的整数
            var bindingDaysReg = /^[1-9]\d*$/;
            if (!bindingDaysReg.test(bindingDays)) {
                Feng.error("绑定有效期必须是大于0的整数");
                return;
            }
            if(content==null||content==''){
                Feng.error("请填写活动说明");
                return;
            }

            var ajax = new $ax(Feng.ctxPath + "/tDriverPromotionActivity/update", function(data){
                Feng.success("编辑成功!");
                TDriverPromotionActivityInfoDlg.close();
                parent.TDriverPromotionActivity.table.refresh();
            },function(data){
                Feng.error("编辑失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", id);
            ajax.set("activityTitle", activityTitle);
            ajax.set("bizTypeValue", bizTypeValue);
            ajax.set("province", province);
            ajax.set("city", city);
            ajax.set("area", area);
            ajax.set("time", time);
            ajax.set("commissionRatio", commissionRatio);
            ajax.set("bindingDays", bindingDays);
            ajax.set("content", content);
            ajax.start();


    }


    function provinceChange(e) {
        var provinceCode=$(e).val();
        var ajax = new $ax(Feng.ctxPath + "/tCompany/change", function(data){
            if(data!=null){
                var content='<option value="">选择市</option>';
                $.each(data, function(k,v) {
                    content += "<option value='"+v.code+"'>"+v.name+"</option>";
                });
                $("#city").empty().append(content);
                $("#area").empty().append('<option value="">选择区</option>');
            }
        });
        ajax.set("code",provinceCode);
        ajax.start();
    }

    function cityChage(e) {
        var cityCode=$(e).val();
        var ajax = new $ax(Feng.ctxPath + "/tCompany/change", function(data){
            if(data!=null){
                var content='<option value="">选择区</option>';
                $.each(data, function(k,v) {
                    content += "<option value='"+v.code+"'>"+v.name+"</option>";
                });
                $("#area").empty().append(content);
            }
        });
        ajax.set("code",cityCode);
        ajax.start();
    }
</script>
@}