{include file="public/header"/}
<style type="text/css" media="screen">
    .pcf_template .cmdlist-container{background:#fff;border:5px solid #eee;padding:4px;}
    .pcf_template .cmdlist-text .info{font-weight:bold;height:34px;line-height:34px;color:#333;}
    .pcf_template .cmdlist-text{padding:4px;}
    .pcf_template .cmdlist-text span{color:#666;display:block;margin:4px 10px;}
    .pcf_template img{width:100%;max-height:140px;}
    .pcf_template .layui-form-switch{margin-top:0;} 
    #pcfbtn{cursor:pointer;}
    #pcfbtn b{color:#3366cc;font-size:12px;font-weight:normal;}
</style>
<div class="layui-fluid" id="LAY-component-layer-list">
    <div class="layui-card">
        <blockquote class="layui-elem-quote">
            分离式模板：请同时建立pc和mobile两个文件夹<br>
            响应式模板：只需要建立pc一个文件夹<br>
            而且文件夹名称必须是pc和mobile，其它名称不能识别！
        </blockquote>
        <div class="layui-card-body pcf_template">
            <div class="layui-row layui-col-space15">
                {volist name='$list' id='vo'}
                    <div class="layui-col-md2 layui-col-sm4">
                        <div class="cmdlist-container"> 
                            <img width="100%" height="auto" src="{$vo.preview}?t={php}echo time();{/php}">
                            <div class="cmdlist-text"> 
                                <span class="info">
                                    <a data-type="{:url('/template/lists',['activepath'=>$vo.filepath],false)}" id="pcfbtn">
                                    {$vo.title}<b> 【管理】</b></a>
                                </span> 
                                <span>
                                    <div class="layui-form">
                                    <label>状态：</label>
                                    <input type="checkbox" name="is_default" value="{$vo.is_default}" lay-skin="switch" lay-filter="is_default" lay-text="开启|关闭" data-theme="{$vo.filename}" {if $vo.is_default == 1}checked{/if}>
                                    </div>
                                </span>
                                <span>模板名称：{$vo.config.mbname}</span> 
                            </div>
                        </div>
                    </div>
                {/volist}
            </div>
        </div>
    </div>
</div>
{include file="public/footer"/}
<script>
    layui.use('form', function(){
      var $ = layui.$,
        layer = layui.layer,
        form = layui.form;
        form.render();

        $(document).on("click","#LAY-component-layer-list #pcfbtn",function(){
              var tplurl = $(this).data('type');
              var edittplpass = "{$edittplpass}";
              if(edittplpass){
                 window.location.href = tplurl;
              }else{
                  parent.layer.prompt({title:'<font color="red">输入密码</font>',formType:1},
                  function(val,index){
                    layer.msg('正在处理请勿刷新页面', {icon: 16,shade: 0.01,time:1000000});
                    $.ajax({
                        url: "{:url('/template/edittpl',[],false)}",
                        type: 'POST',
                        dataType: 'JSON',
                        data: {pass:val},
                        success: function(res){
                            layer.closeAll();
                            if(res.code == 200){
                                layui.iziToast.success({
                                    message: res.msg,
                                    timeout: 1000,
                                    onClosing: function () {
                                       window.location.href = tplurl;
                                    }
                                });
                            }else if(res.code == 504){
                                layui.iziToast.error({
                                    message: res.message,
                                    timeout: 1000,
                                    onClosing: function () {
                                        parent.location.reload();
                                    }
                                });
                            }else{
                                layui.iziToast.error({
                                    message: res.msg,
                                    timeout: 1000
                                });
                            }
                        },
                        error: function(e){
                            layer.closeAll();
                            layui.iziToast.error({
                                message: "{:all_lang('好像是网络出错了...')}",
                                timeout: 1500
                            });
                        }
                    });
                    parent.layer.close(index);
                  }
                );              
              }
        });

        form.on('switch(is_default)', function(data){
            var theme = $(this).data('theme');
            if (data.elem.checked){
                $(this).val(1);
            }else{
                $(this).val(0);
            }
            layer.load(2);
            $.ajax({
                type : 'post',
                url : "{:url('/template/set_theme',[],false)}",
                data : {theme:theme},
                dataType : 'json',
                success : function(res){
                    layer.closeAll();
                    if(res.code == 200){
                        layui.iziToast.success({
                            message: res.msg,
                            timeout: 1000,
                            onClosing: function () {
                               location.reload();
                            }
                        });
                    }else if(res.code == 504){
                        layui.iziToast.error({
                            message: res.message,
                            timeout: 1000,
                            onClosing: function () {
                                location.reload();
                            }
                        });
                    }else{
                        layui.iziToast.error({
                            message: res.msg,
                            timeout: 1000
                        });
                    }
                },
                error: function(e){
                    layer.closeAll();
                    layui.iziToast.error({
                        message: "{:all_lang('好像是网络出错了...')}",
                        timeout: 1500
                    });
                }
            });
            return false;
        });


    });
</script>
</body>
</html>