{include file="public/head"}
<div class="layui-fluid layui-rg-bg">
{include file="public/location"}
    <div class="layui-row layui-col-space15">
    <div class="layui-col-xs12 layui-col-sm4 layui-col-md3">
    <div class="layui-card">
        <div class="layui-card-header"><span style="float:right"><a href="javascript:;" id="refresh_category"><i class="layui-icon layui-icon-refresh"></i></a></span>分类列表</div>
        <div class="layui-card-body">
            <div id="category" style="width:100%; height:400px;overflow-y:auto;"></div>
        </div>
    </div>
    </div>
    <div class="layui-col-xs12 layui-col-sm8 layui-col-md9">
    <div class="layui-card">
        <div class="layui-card-header">{:lang('add')}分类</div>
        <div class="layui-card-body">
            <form class="layui-form layui-form-pane">
                <div class="layui-form-item">
                    <label class="layui-form-label">分类名称</label>
                    <div class="layui-input-block"><input type="text" name="title" required  lay-verify="required" autocomplete="off" placeholder="请输入分类名称" class="layui-input" value="{$info.title}"></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">副名称</label>
                    <div class="layui-input-block"><input type="text" name="etitle" autocomplete="off" placeholder="请输入分类副名称" class="layui-input" value="{$info.etitle}"></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">文件名</label>
                    <div class="layui-input-inline"><input type="text" name="alias" required  lay-verify="required" placeholder="输入文件名" class="layui-input"  value="{$info.alias}"></div>
                    <div class="layui-form-mid layui-word-aux"><a style="text-decoration:underline;color:#5FB878;" href="javascript:;" onclick="ConvertName();">拼音</a></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">分类所属</label>
                    <div class="layui-input-block">
                    <input type="text" id="ptitle" autocomplete="off" placeholder="请左侧选择节点，默认为默认分类" class="layui-input layui-disabled" readonly value="{if($info.pid==0)}默认分类{else/}{:app\\common\\model\\Category::getFieldById($info.pid,'title')}{/if}">
                    <input type="hidden" name="pid" value="{$info.pid}"></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">图片</label>
                    <div class="layui-input-block">
                        <div class="layui-btn-group">
                            <button type="button" class="layui-btn uploadimage" lay-data="{id:'img',data:{water:false,thumb:false}}">{:lang('upimage')}</button>
                            <button type="button" class="layui-btn" onclick='openmedia("{:url('media/show')}?type=image&stype=radio&formname=img");'>素材选择</button>
                        </div>
                        <input type="hidden" class="layui-input" name="img" id="img" value="{$info.img}">
                        <p><img src="{$info.img|default='/public/static/images/nopic.jpg'}" id="imgpic" style="max-height:60px; margin-top:10px;"></p>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">列表模板</label>
                    <div class="layui-input-block">
                        <select name="listtemplate">
                            <option value="">默认模型列表模板</option>
                        {volist name='templist' id='v'}
                            {if strpos($v,'_list.html')}
                            <option value="{$v}" {if $info.listtemplate==$v}selected{/if}>{$v}</option>
                            {/if}
                        {/volist}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">内容模板</label>
                    <div class="layui-input-block">
                        <select name="template">
                            <option value="">默认模型内容模板</option>
                        {volist name='templist' id='v'}
                            {if strpos($v,'_content.html')}
                            <option value="{$v}" {if $info.template==$v}selected{/if}>{$v}</option>
                            {/if}
                        {/volist}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item" pane>
                    <label class="layui-form-label">访问权限</label>
                    <div class="layui-input-block">
                        <input type="radio" name="auth" value="0" title="无" {if $info.auth == 0}checked{/if} lay-filter="auth">
                        <input type="radio" name="auth" value="1" title="会员权限" {if $info.auth == 1}checked{/if} lay-filter="auth">
                        <input type="radio" name="auth" value="2" title="密码访问" {if $info.auth == 2}checked{/if} lay-filter="auth">
                        <input type="hidden" name="config" value="">
                    </div>
                </div>
                {if $info.auth == 1}
                <div class="layui-form-item" pane id="usergroup">
                    <label class="layui-form-label" style="color:#FF5722;">会员权限</label>
                    <div class="layui-input-block">
                        {foreach :app\common\model\Usergroup::select() as $v}
                        <input type="checkbox" value="{$v.id}" title="{$v.title}" {in name='$v.id' value="$info.config.auth.usergroupids" }checked{/in} lay-skin="primary" lay-filter="checkbox">
                        {/foreach}
                        <input type="hidden" name="config[auth][usergroupids]">
                    </div>
                </div>
                <div class="layui-form-item layui-hide" id="password">
                    <label class="layui-form-label" style="color:#FF5722;">访问密码</label>
                    <div class="layui-input-block"><input type="text" autocomplete="off" placeholder="请输入访问密码" class="layui-input" value="{:random()}"></div>
                </div>
                {elseif $info.auth == 2 /}
                <div class="layui-form-item layui-hide" pane id="usergroup">
                    <label class="layui-form-label" style="color:#FF5722;">会员权限</label>
                    <div class="layui-input-block">
                        {foreach :app\common\model\Usergroup::select() as $v}
                        <input type="checkbox" value="{$v.id}" title="{$v.title}" lay-skin="primary" lay-filter="checkbox">
                        {/foreach}
                        <input type="hidden">
                    </div>
                </div>
                <div class="layui-form-item" id="password">
                    <label class="layui-form-label" style="color:#FF5722;">访问密码</label>
                    <div class="layui-input-block"><input type="text" name="config[auth][password]" autocomplete="off" placeholder="请输入访问密码" class="layui-input" value="{$info.config.auth.password}"></div>
                </div>
                {else /}
                <div class="layui-form-item layui-hide" pane id="usergroup">
                    <label class="layui-form-label" style="color:#FF5722;">会员权限</label>
                    <div class="layui-input-block">
                        {foreach :app\common\model\Usergroup::select() as $v}
                        <input type="checkbox" value="{$v.id}" title="{$v.title}" lay-skin="primary" lay-filter="checkbox">
                        {/foreach}
                        <input type="hidden">
                    </div>
                </div>
                <div class="layui-form-item layui-hide" id="password">
                    <label class="layui-form-label" style="color:#FF5722;">访问密码</label>
                    <div class="layui-input-block"><input type="text" autocomplete="off" placeholder="请输入访问密码" class="layui-input" value="{:random()}"></div>
                </div>
                {/if}
                <div class="layui-form-item">
                    <label class="layui-form-label">链接</label>
                    <div class="layui-input-block"><input type="text" name="link" autocomplete="off" placeholder="如分类是外链请输入" class="layui-input" value="{$info.link}"></div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">排序</label>
                    <div class="layui-input-block"><input type="number" name="torder" lay-verify="number" min="1" placeholder="排序为大于1的整数字" class="layui-input" value="{$info.torder}"></div>
                </div>
                <div class="layui-form-item" pane>
                    <label class="layui-form-label">属性</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="primary" title="生效" {if $info.status==1}checked{/if} lay-filter="onoff" data-name="status">
                        <input type="hidden" name="status" value="{$info.status}">
                    </div>
                </div>
                {:pagedebug()}
                <div>
                    <input type="hidden" name="id" value="{$info.id}">
                    <button class="layui-btn layui-btn-sm" lay-submit lay-filter="submit" lay-type="3">{:lang("submit")}</button>
                    <a class="layui-btn layui-btn-primary layui-btn-sm refresh">{:lang("reload")}</a>
                    <a class="layui-btn layui-btn-sm layui-btn-primary" onclick="closelayer()"></i>{:lang("close")}</a>
                </div>
            </form>
        </div>
    </div>
    </div>
    </div>
</div>
{include file="public/foot"}
<script src="__STATIC__/js/Convert_Pinyin.js"></script>
<script> 
    var ConvertName = function(){
        var name = $('input[name="title"]').val();
        if(!name) {
            layer.msg('标题未填写');
            return false;
        }
        //获取全写拼音（调用js中方法）
        var fullName = pinyin.getFullChars(name);
        fullName = fullName.replace(/[^a-z0-9]+/gi,' '); // 过滤非数字和英文
        fullName = fullName.trim(); // 去2头空
        fullName = fullName.replace(/\s+/g,' '); // 只保留连续一个空格
        fullName = fullName.replace(/\ /g, "_"); // 空格替换下划线
        //给文本框赋值
        $('input[name="alias"]').val(fullName);
    };
</script>
<script type="text/javascript">
    layui.use(['element','tree','form'],function(){
        var tree = layui.tree,form = layui.form;
        // 栏目树
        tree.render({
            elem: '#category'  //绑定元素
            ,id:'category'
            ,onlyIconControl:true
            ,data:{:app\\common\\model\\Category::getTree($modelinfo.id,session('siteid'),$info.id)}
            ,click: function(obj){
                if(obj.data.id == {$info.id}) {
                    layer.msg('不可以选择自己');
                    return false;
                } else {
                    $("#category").find('.layui-tree-txt').attr('style','');
                    obj.elem.find('.layui-tree-txt').eq(0).attr('style','color:#FF5722');
                    var title = obj.data.title;
                    var pid = obj.data.id;
                    $("#ptitle").val(title);
                    $("input[name=pid]").val(pid);
                    layer.tips('已选分类'+title, '#ptitle', {tips: [1, '#78BA32']});
                }
            }
        });
        // 监听访问权限
        form.on('radio(auth)',function(data){
            if(data.value == '1') {
                $("#usergroup").removeClass('layui-hide');
                $("#password").addClass('layui-hide');
                $("#usergroup").find('input[type="hidden"]').attr('name','config[auth][usergroupids]');
                $("#password").find('input').attr('name','');
                $("#password").find('input').attr('lay-verify','');
            } else if(data.value == '2') {
                $("#password").removeClass('layui-hide');
                $("#usergroup").addClass('layui-hide');
                $("#usergroup").find('input[type="hidden"]').attr('name','');
                $("#password").find('input').attr('name','config[auth][password]');
                $("#password").find('input').attr('lay-verify','required');
            } else {
                $("#password").addClass('layui-hide');
                $("#usergroup").addClass('layui-hide');
                $("#usergroup").find('input[type="hidden"]').attr('name','');
                $("#password").find('input').attr('name','');
                $("#password").find('input').attr('lay-verify','');
            }
        });
        
        $('#refresh_category').click(function(){
            loading = layer.load(1, {shade: [0.1, '#fff']});
            $.ajax({
                url: '{:url("category",["model_id" => $modelinfo.id])}',
                data:{act:'getTree',id:{$info.id}},
                type: 'POST',
                dataType: 'json',
                success: function(result){
                    tree.reload('category',{data:JSON.parse(result)});
                }
            });
            layer.close(loading);
        });
        $('#ptitle').on('click', function(){
            layer.tips('请从左侧分类列表选择所属', this, {tips: [1, '#78BA32']});
        });
        $(function(){
            $('.layui-tree-set').each(function(i){
                if($('.layui-tree-set').eq(i).data('id') == '{$info.pid}') {
                    $('.layui-tree-set').eq(i).find('.layui-tree-txt').eq(0).attr('style','color:#FF5722');
                }
            })
        });
    });
</script>
{include file="public/other"}