{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"></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"></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="{:random(10)}"></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>
                    <input type="hidden" name="pid" value="0"></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">
                        <p><img src="/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}">{$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}">{$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="无" checked lay-filter="auth">
                        <input type="radio" name="auth" value="1" title="会员权限" lay-filter="auth">
                        <input type="radio" name="auth" value="2" title="密码访问" lay-filter="auth">
                    </div>
                </div>
                <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>
                <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"></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="{$count}"></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="生效" checked lay-filter="onoff" data-name="status">
                        <input type="hidden" name="status" value="1">
                    </div>
                </div>
                {:pagedebug()}
                <div>
                    <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'))}
            ,click: function(obj){
                $("#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'},
                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']});
        })
    });
</script>
{include file="public/other"}