{include file="public/head"}
<div class="layui-fluid layui-rg-bg">
<form class="layui-form layui-form-pane">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-xs12 layui-col-md12 layui-col-lg6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <i class="layui-icon layui-icon-list"> </i>基本信息
                </div>
                <div class="layui-card-body">
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="name">站点名称</label>
                        <div class="layui-input-block">
                            <input type="text" name="name" placeholder="请输入站点名称" class="layui-input" value="{$info.name}">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="company">公司名称</label>
                        <div class="layui-input-block"><input type="text" name="company" placeholder="请输入公司名称" class="layui-input" value="{$info.company}"></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="logo">LOGO</label>
                        <div class="layui-input-inline" style="width:50%;">
                            <input type="text" class="layui-input" name="logo" id="logo" value="{$info.logo}">
                        </div>
                        <div class="layui-word-aux">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn rgcms_uploadimage" lay-data="{id:'logo',config:{water:false,thumb:false,action:'uploadimage'}}">上传</button>
                                <button type="button" class="layui-btn" onclick='openmedia("{:url('media/show')}?type=image&stype=radio&formname=logo");'>选择</button>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-block">
                            <img src="{$info.logo|default='/public/static/images/nopic.jpg'}" id="logopic" style="max-height:60px; border:#efefef 1px solid;">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label" title="domain">站点域名</label>
                            <div class="layui-input-inline"><input type="text" name="domain" placeholder="请输入站点域名" class="layui-input" value="{$info.domain}"></div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" title="icp">ICP备案号</label>
                            <div class="layui-input-inline"><input type="text" name="icp" placeholder="请输入ICP备案号" class="layui-input" value="{$info.icp}"></div>
                        </div>
                        
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label" title="contact">联系人</label>
                            <div class="layui-input-inline"><input type="text" name="contact" placeholder="请输入联系人" class="layui-input" value="{$info.contact}"></div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" title="mobile">手机号码</label>
                            <div class="layui-input-inline"><input type="text" name="mobile" placeholder="请输入手机号码" class="layui-input" value="{$info.mobile}"></div>
                        </div>
                        
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label" title="email">E-mail</label>
                            <div class="layui-input-inline"><input type="text" name="email" placeholder="请输入电子邮箱" class="layui-input" value="{$info.email}"></div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" title="code">邮政编码</label>
                            <div class="layui-input-inline"><input type="text" name="code" placeholder="请输入邮政编码" class="layui-input" value="{$info.code}"></div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label" title="tel">电话号码</label>
                            <div class="layui-input-inline"><input type="text" name="tel" placeholder="请输入电话号码" class="layui-input" value="{$info.tel}"></div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label" title="fax">传真号码</label>
                            <div class="layui-input-inline"><input type="text" name="fax" placeholder="请输入传真号码" class="layui-input" value="{$info.fax}"></div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="address">联系地址</label>
                        <div class="layui-input-block"><input type="text" name="address" placeholder="请输入联系地址" class="layui-input" value="{$info.address}"></div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label" title="lng">地图经度</label>
                            <div class="layui-input-inline"><input type="text" name="lng" placeholder="请输入地图经度" class="layui-input" value="{$info.lng}"></div>
                            <div class="layui-form-mid">-</div>
                            <label class="layui-form-label" title="lat">地图纬度</label>
                            <div class="layui-input-inline"><input type="text" name="lat" placeholder="请输入地图纬度" class="layui-input" value="{$info.lat}"></div>
                            <div class="layui-form-mid"><a href="https://api.map.baidu.com/lbsapi/getpoint/index.html" target="_blank" style="text-decoration:underline;color:#01AAED !important;">获取</a></div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="views">访问量</label>
                        <div class="layui-input-inline"><input type="number" name="views" placeholder="请输入起始访问量" class="layui-input" value="{$info.views}" min="0"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-md12 layui-col-lg6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <i class="layui-icon layui-icon-list"> </i>SEO设置
                </div>
                <div class="layui-card-body">
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="seo_keys">关键词</label>
                        <div class="layui-input-block">
                        <div id="keys" name="keys" class="keyselect" value="{$info.keys}"></div>
                        </div>
                    </div>
                    <div class="layui-form-item" pane>
                        <label class="layui-form-label">常用信息</label>
                        <div class="layui-input-block layui-word-aux">
                        {literal}{$site_name}，{$site_company}，{$site_desc}，{$site_keys}，{$site_topkeys}，{$site_tel}，{$site_address}，{$site_mobile}，{$site_email}{/literal}
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="seo_title" style="height:65px;"><font color="#FF5722">首页</font>标题<br><a style="cursor:pointer;text-decoration:underline;color:#01AAED !important;text-shadow:none;" href="javascript:;" onclick="openmedia('{:url('tkdtemp/index')}?formname=index_title');">标题模板</a></label>
                        <div class="layui-input-block">
                            <textarea name="index_title" id="index_title" placeholder="请输入首页标题" class="layui-textarea">{$info.index_title}</textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="seo_desc" style="height:65px;"><font color="#FF5722">首页</font>描述<br><a style="cursor:pointer;text-decoration:underline;color:#01AAED !important;text-shadow:none;" href="javascript:;" onclick="openmedia('{:url('tkdtemp/index')}?formname=desc');">描述模板</a></label>
                        <div class="layui-input-block"><textarea name="desc" id="desc" placeholder="请输入首页描述" class="layui-textarea">{$info.desc}</textarea></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="seo_title" style="height:65px;"><font color="#FF5722">栏目页</font>标题<br><a style="cursor:pointer;text-decoration:underline;color:#01AAED !important;text-shadow:none;" href="javascript:;" onclick="openmedia('{:url('tkdtemp/index')}?formname=nav_title');">标题模板</a></label>
                        <div class="layui-input-block">
                            <textarea name="nav_title" id="nav_title" placeholder="请输入栏目页标题" class="layui-textarea">{$info.nav_title}</textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="seo_desc" style="height:65px;"><font color="#FF5722">栏目页</font>描述<br><a style="cursor:pointer;text-decoration:underline;color:#01AAED !important;text-shadow:none;" href="javascript:;" onclick="openmedia('{:url('tkdtemp/index')}?formname=nav_desc');">描述模板</a></label>
                        <div class="layui-input-block"><textarea name="nav_desc" id="nav_desc" placeholder="请输入栏目页描述" class="layui-textarea">{$info.nav_desc}</textarea></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" title="seo_title" style="height:65px;"><font color="#FF5722">内容页</font>标题<br><a style="cursor:pointer;text-decoration:underline;color:#01AAED !important;text-shadow:none;" href="javascript:;" onclick="openmedia('{:url('tkdtemp/index')}?formname=info_title');">标题模板</a></label>
                        <div class="layui-input-block">
                            <textarea name="info_title" id="info_title" placeholder="请输入内容页标题" class="layui-textarea">{$info.info_title}</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="layui-form-footer">
        <button class="layui-btn layui-btn-sm" lay-submit lay-filter="submit">{:lang("submit")}</button>
        <a class="layui-btn layui-btn-primary layui-btn-sm refresh">{:lang("reload")}</a>
    </div>
</form>
</div>
{include file="public/foot"}
<script>
    layui.use(['jquery', 'form', 'layer', 'element','upload','xmSelect'],function () {
        var $ = layui.jquery;
        var form = layui.form;
        var layer = layui.layer;
        var element = layui.element;
        var xmSelect = layui.xmSelect;
        var upload = layui.upload;
        // 下拉关键词多选
        if($('.keyselect').length > 0) {
            $('.keyselect').each(function(index){
                var id = $(this).attr('id');
                var name = $(this).attr('name');
                var value = '';
                if(typeof($(this).attr('value'))!=="undefined") {
                    value = $(this).attr('value').split(',');
                }
                xmSelect.render({
                    el: '#'+id,
                    name: name,
                    tips: '请选择关键词',
                    searchTips: '搜索或添加(请勿含有逗号)',
                    direction: 'auto',
                    paging: true,
                    autoRow: true,
                    pageSize: 8,
                    initValue: value,
                    theme: {
                        color: '#5FB878',
                    },
                    prop: {
                        value: 'name',
                    },
                    toolbar: {
                        show: true,
                        list: [ 'ALL', 'CLEAR', 'REVERSE' ]
                    },
                    filterable: true,
                    create: function(val, arr){
                        if(arr.length !== 1) {
                            return {
                                name: val.replace(/,/g, ""),
                                value: val.replace(/,/g, "")
                            }
                        }
                    },
                    on: function(data){
                        var isAdd = data.isAdd;
                        var change = data.change;
                        if(isAdd && change.length == 1) {
                            $.ajax({
                                async:false,
                                url: '{:url("sitekey/add")}',
                                type: 'POST',
                                dataType: 'json',
                                data: {name:change[0].name,list_token:true},
                                success: function(result){
                                    if(result.code == 1) {
                                        layer.msg(result.msg);
                                    } else {
                                        return false;
                                    }
                                }
                            });
                        }
                    },
                    data: {:app\\common\\model\\Sitekey::field(['id,name'])->order('torder')->select()}
                });
            })
        };
        // 上传图片
        var uploadimage = upload.render({
            elem: '.rgcms_uploadimage'
            ,url: '{:url("upload/upload")}'
            ,field: 'upfile'
            ,exts:'{:config("app.upload.imageAllowFiles")}'
            ,size:{:config('app.upload.imageMaxSize')*1024}
            ,before: function(obj){
                this.data = this.config;
            }
            ,done: function(res){
                var id = this.id;
                //如果上传失败
                if(res.state !== "SUCCESS"){
                    return layer.msg(res.state);
                }
                //上传成功
                $('#'+id+'pic').attr('src', res.url);
                $('#'+id).val(res.url);
            }
        });
        // 表单提交
        form.on('submit(submit)',function(data){
            loading = layer.load(1, {shade: [0.1, '#fff']});
            delete data.field.upfile;
            $.ajax({
                url: '{:url("infoedit")}',
                type: 'POST',
                dataType: 'json',
                data: data.field,
                success: function(result){
                    layer.close(loading);
                    layuialert(result,1);
                }
            });
            return false; //禁止刷新
        });
    });
</script>