{extend name="index_layout"/}
{block name="main"}
<style type="text/css">
.childrenBody {background:#fff;}
.lang-tabs{margin:0 0 15px 0;border-bottom:1px solid #eee;display:flex;gap:8px;flex-wrap:wrap}
.lang-tabs a,.lang-tabs .lang-pill{display:inline-block;padding:9px 14px;border:1px solid #e6e6e6;border-bottom:none;border-radius:6px 6px 0 0;background:#f8f8f8;color:#333;line-height:1.4}
.lang-tabs a.active,.lang-tabs .lang-pill.active{background:#16baaa;color:#fff;border-color:#16baaa}
.lang-tabs .tag-ok{color:#16b777;margin-left:4px}
.lang-tabs .tag-empty{color:#ff5722;margin-left:4px}
.lang-note{margin:-6px 0 15px 110px;color:#999;font-size:12px}
</style>
<form class="layui-form" method="post">
    {:token_field()}
    <div class="layui-form-item">
        <label class="layui-form-label">编辑语言</label>
        <div class="layui-input-block lang-tabs">
            {volist name="langs" id="item"}
            <a href="{:url('cms.page/edit',['catid'=>$data.catid,'lang'=>$item.mark])}" class="{if $currentLang == $item.mark}active{/if}">
                {$item.name} ({$item.mark})
                {if isset($langStatus[$item.mark]) && $langStatus[$item.mark]}<span class="tag-ok">已翻译</span>{else /}<span class="tag-empty">未翻译</span>{/if}
            </a>
            {/volist}
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">标题</label>
        <div class="layui-input-block">
            <input type="text" name="row[title]" lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" value="{$data['title']}">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">SEO关键词</label>
        <div class="layui-input-block">
            <input type="text" name="row[keywords]" placeholder="请输入SEO关键词" autocomplete="off" class="layui-input form-tags" value="{$data['keywords']}" data-remark="关键词用回车确认">
        </div>
        <div class="layui-form-mid no-float layui-word-aux">关键词用回车确认</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">SEO摘要</label>
        <div class="layui-input-block">
            <textarea placeholder="请输入SEO摘要" class="layui-textarea" name="row[description]">{$data['description']}</textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">缩略图</label>
        <div class="layui-input-block">
            {:Form::image("row[thumb]",$data['thumb'])}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">内容</label>
        <div class="layui-input-block">
            <textarea name="row[content]" id="editor-content" class="layui-textarea editor" rows="5">{$data['content']}</textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">点击量</label>
        <div class="layui-input-block">
            <input type="number" name="row[hits]" placeholder="请输入点击量" autocomplete="off" class="layui-input" value="{$data['hits']}">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">发布时间</label>
        <div class="layui-input-block">
            <input type="text" name="row[publish_time]" class="layui-input datetime" value="{$data['publish_time_text']|default=''}">
        </div>
    </div>
    <input type="hidden" name="row[catid]" value="{$data.catid}">
    <input type="hidden" name="row[lang]" value="{$currentLang}">
    <div class="layui-form-item layer-footer">
        <div class="layui-input-block">
            <button class="layui-btn disabled" lay-submit>立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
{/block}