{extend name="layout"/}
{block name="content"}
<div class="alert alert-warning">
    <button type="button" class="close" data-dismiss="alert">×</button>
    不需修改的项目不必填写
</div>

<form method="post" action="">
    <div class="panel">
        <div class="panel-heading">
            <div class="panel-title">编辑栏目：{$cname}</div>
        </div>
        <div class="panel-body">
            <fieldset class="form-group">
                <label>所属栏目</label>
                <select id="path" name="path" class="form-control  select2-hidden-accessible" style="width: 50%" data-allow-clear="true" tabindex="-1" aria-hidden="true">
                    <option value=""></option>
                    <option value="0,">顶级栏目</option>
                    {volist name="columns" id="vo" }
                    <option value="{$vo.path}{$vo.id},">{:str_repeat('┝┈┈', $vo['deep']-1)}{$vo.title}</option>
                    {/volist}
                </select>
            </fieldset>
            <fieldset class="form-group">
                <label style="clear:both; display: block">栏目类型*</label>
                <label class="custom-control custom-radio radio-inline">
                    <input type="radio" name="type" class="custom-control-input" value="2" {if $type==2}checked=""{/if}>
                           <span class="custom-control-indicator"></span>
                    列表
                </label>
                <label class="custom-control custom-radio radio-inline">
                    <input type="radio" name="type" class="custom-control-input" value="1" {if $type==1}checked=""{/if}>
                           <span class="custom-control-indicator"></span>
                    频道
                </label>
                <label class="custom-control custom-radio radio-inline">
                    <input type="radio" name="type" class="custom-control-input" value="3" {if $type==3}checked=""{/if}>
                           <span class="custom-control-indicator"></span>
                    链接
                </label>
                <small class="text-muted" style="clear:both; display: block"></small>
            </fieldset>
            <fieldset class="form-group listcolumn">
                <label>内容模型</label>
                <select id="model_id" name="model_id" class="form-control  select2-hidden-accessible" style="width: 100%" data-allow-clear="true" tabindex="-1" aria-hidden="true">
                    <option value=""></option>
                    {volist name="modelList" id="vo"}
                    <option value="{$key}">{$vo}</option>
                    {/volist}
                </select>
                <small class="text-muted">选择列表栏目使用模型</small>
            </fieldset>
            <fieldset class="form-group listApagecolumn">
                <label>栏目模板</label>
                <select id="template_list" name="template_list" class="form-control  select2-hidden-accessible" style="width: 100%" data-allow-clear="true" tabindex="-1" aria-hidden="true">
                    <option value=""></option>
                    {volist name="template_list" id="vo"}
                    <option value="{$key}"  data-mid="{$vo.mid}">{$vo.name} {$vo.title}</option>
                    {/volist}
                </select>
            </fieldset>
            <fieldset class="form-group listcolumn">
                <label>内容模板</label>
                <select id="template_content" name="template_content" class="form-control  select2-hidden-accessible" style="width: 100%" data-allow-clear="true" tabindex="-1" aria-hidden="true">
                    <option value=""></option>
                    {volist name="template_content" id="vo"}
                    <option value="{$key}" data-mid="{$vo.mid}">{$vo.name} {$vo.title}</option>
                    {/volist}
                </select>
            </fieldset>
            <fieldset class="form-group listApagecolumn">
                <label>拓展模型</label>
                <select id="ext_model_id" name="ext_model_id" class="form-control  select2-hidden-accessible" style="width: 100%" data-allow-clear="true" tabindex="-1" aria-hidden="true">
                    <option value=""></option>
                    {volist name="modelList" id="vo"}
                    <option value="{$key}">{$vo}</option>
                    {/volist}
                </select>
                <small class="text-muted"></small>
            </fieldset>
            <fieldset class="form-group listcolumn">
                <label>列表翻页行数*</label>
                <input type="number" class="form-control" name="list_row" placeholder="只能是正整数" value="">
            </fieldset>
            <div class="row listcolumn">
                <fieldset class="form-group col-sm-6">
                    <label>列表排序</label>
                    <select class="form-control" name="listorder" id="listorder">
                        <option value=""></option>
                        <option value="orders">排序值</option>
                        <option value="id">ID编号</option>
                        <option value="create_time">创建时间</option>
                        <option value="update_time">更新时间</option>
                        <option value="hits">点击量</option>
                        <option value="rand">随机</option>
                    </select>
                </fieldset>
                <fieldset class="form-group col-sm-6">
                    <label> &nbsp;</label>
                    <select class="form-control" name="listorderway" id="listorderway">
                        <option value=""></option>
                        <option value="desc">从大到小</option>
                        <option value="asc">从小到大</option>
                    </select>
                </fieldset>
            </div>
            <fieldset class="form-group listcolumn">
                <label  style="clear:both; display: block">列表筛选字段条件</label>
                <div id="listcondition">
                    <small> 无</small>
                </div>
            </fieldset>
            <fieldset class="form-group">
                <label>排序</label>
                <input type="number" class="form-control" name="orders" placeholder="只能是正整数" value="">
            </fieldset>
            <fieldset class="form-group">
                <label style="clear:both; display: block">状态</label>
                <label class="custom-control custom-radio radio-inline">
                    <input type="radio" name="status" class="custom-control-input" value="1" >
                           <span class="custom-control-indicator"></span>
                    启用
                </label>
                <label class="custom-control custom-radio radio-inline">
                    <input type="radio" name="status" class="custom-control-input" value="0">
                           <span class="custom-control-indicator"></span>
                    禁用
                </label>
            </fieldset>
            <div class="panel-footer text-right">
                <input type="hidden" value="{$idstr}" name="idstr">
                <input type="submit" class="btn btn-primary" value="批量编辑栏目">
            </div>
        </div>
    </div>
</form>
{/block}

{block name="javascript"}
<script>
    function setFieldOption(typeid) {
        //单页
        if (1 == typeid) {
            $('.listcolumn').hide();
            $('.linkcolumn').hide();
            $('.listApagecolumn').show();
            $('#modeTab').show();
        }
        //列表
        if (2 == typeid) {
            $('.linkcolumn').hide();
            $('.listApagecolumn').show();
            $('.listcolumn').show();
            $('#modeTab').show();
        }
        //链接
        if (3 == typeid) {
            $('.listApagecolumn').hide();
            $('.listcolumn').hide();
            $('.linkcolumn').show();
            $('#modeTab').hide();
        }
        $("#template_list,#template_content,#model_id").find("option").prop("selected", false);
    }
    $(function () {
        setFieldOption($('input:radio[name="type"]:checked').val());
        //排序选择
        $('#listorder').change(function () {
            if ('rand' == $(this).val()) {
                $('#listorderway').prop('disabled', true);
            } else {
                $('#listorderway').prop('disabled', false);
            }
        });
        var template_list = $('#template_list').select2({
            placeholder: '选择列表模板'
        });
        var template_content = $('#template_content').select2({
            placeholder: '选择内容模板'
        });
        var model_id = $('#model_id').select2({
            placeholder: '选择内容模型'
        }).on("select2:select", function (e) {
            var mid = $(this).val();
            $.get("{:url('getoptionfield')}", {mid: mid},
                    function (data) {
                        if ('' != data) {
                            var checkString = '';
                            var jdata = jQuery.parseJSON(data);
                            for (var vo in jdata) {
                                checkString += '<label class="custom-control custom-checkbox checkbox-inline"><input type="checkbox" name="urls[]" class="custom-control-input" value="' + vo + '" ><span class="custom-control-indicator"></span>' + vo + '(' + jdata[vo] + ')</label>';
                            }
                            $('#listcondition').html(checkString);
                        } else {
                            $('#listcondition').html('无');
                        }
                    },
                    "json"
                    );
        });
        $('input:radio[name="type"]').change(function () {
            setFieldOption($(this).val());
        });
        $('#path').select2({
            placeholder: '选择栏目'
        });
        $('#ext_model_id').select2({
            placeholder: '选择栏目拓展模型'
        });
    });
</script>
{/block}