{if $showEditor}
<link href="__CDN__/assets/addons/qiyicontract/libs/summernote/summernote.min.css" rel="stylesheet">
{/if}
<style>
.thumb-preview{max-width:190px;max-height:96px;border:1px solid #ddd;margin-top:8px;display:none;}
.thumb-preview.show{display:block;}
.help-danger{color:#c00;margin-top:6px;}
.note-editor.note-frame{width:100%!important;}
</style>
<div class="qiyi-box">
    <h3>新闻资讯</h3>

{if $showEditor}
    {if $isEdit}
    <div class="alert alert-warning" id="news-edit-banner">
        正在编辑资讯：<b>{$editRow.title|htmlentities}</b>（ID {$editRow.id}）
        <a href="{:url('qiyicontract.tenantpanel/news')}" class="pull-right">返回列表</a>
    </div>
    {else /}
    <div class="alert alert-info">
        新增资讯（显示在客户端首页「新闻资讯」）
        <a href="{:url('qiyicontract.tenantpanel/news')}" class="pull-right">返回列表</a>
    </div>
    {/if}

    <form method="post" class="well" id="news-form" onsubmit="return QiyiNewsSync();">
        <input type="hidden" name="action" value="{if $isEdit}edit{else /}add{/if}">
        {if $isEdit}<input type="hidden" name="id" value="{$editRow.id}">{/if}

        <div class="form-group">
            <label><span class="text-danger">*</span> 封面</label>
            <div class="input-group">
                <input class="form-control" name="thumb" id="c-thumb" value="{$editRow.thumb|default=''|htmlentities}" placeholder="可选择图库或上传">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="fachoose-thumb" class="btn btn-primary fachoose" data-input-id="c-thumb" data-mimetype="image/*" data-multiple="false" data-url="{:url('user/attachment')}"><i class="fa fa-list"></i> 选择</button></span>
                    <span><button type="button" id="faupload-thumb" class="btn btn-danger faupload" data-input-id="c-thumb" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false"><i class="fa fa-upload"></i> 上传</button></span>
                </div>
            </div>
            <img class="thumb-preview{if $editRow.thumb} show{/if}" id="news-thumb-preview" src="{$editRow.thumb|default=''|htmlentities}" alt="">
            <p class="help-danger">*注：封面大小建议 380×193</p>
        </div>
        <div class="form-group">
            <label><span class="text-danger">*</span> 标题</label>
            <input class="form-control" name="title" required value="{$editRow.title|default=''|htmlentities}">
        </div>
        <div class="form-group">
            <label>介绍</label>
            <textarea class="form-control" name="summary" rows="3" placeholder="列表简介">{$editRow.summary|default=''|htmlentities}</textarea>
        </div>
        <div class="form-group">
            <label><span class="text-danger">*</span> 详情</label>
            <textarea id="news-content" name="content" class="form-control" rows="12">{$editRow.content|default=''|htmlentities}</textarea>
            <div id="news-char-count" style="text-align:right;color:#666;margin-top:6px;font-size:12px;">字符统计：0</div>
        </div>
        <div class="form-group">
            <label><span class="text-danger">*</span> 排序</label>
            <input class="form-control" name="weigh" type="number" value="{$editRow.weigh|default='0'}">
            <span class="help-block">值越大越靠前显示</span>
        </div>
        <div class="form-group">
            <label>是否启用</label>
            <label class="radio-inline"><input type="radio" name="status" value="hidden" {if $editRow.status=='hidden'}checked{/if}> 否</label>
            <label class="radio-inline"><input type="radio" name="status" value="normal" {if $editRow.status!='hidden'}checked{/if}> 是</label>
        </div>
        <button class="btn btn-primary" type="submit">{if $isEdit}提交保存{else /}提交{/if}</button>
        <a class="btn btn-default" href="{:url('qiyicontract.tenantpanel/news')}">返回列表</a>
    </form>

{else /}
    <div class="qiyi-toolbar">
        <form class="form-inline" method="get" action="{:url('qiyicontract.tenantpanel/news')}" style="margin:0;">
            <div class="form-group" style="margin-right:8px;">
                <label>标题</label>
                <input class="form-control input-sm" name="kw" value="{$kw|htmlentities}" placeholder="搜索标题">
            </div>
            <div class="form-group" style="margin-right:8px;">
                <label>每页</label>
                <select class="form-control input-sm" name="pagesize" onchange="this.form.submit()">
                    {volist name="pageSizeOptions" id="ps"}
                    <option value="{$ps}" {if $pageSize==$ps}selected{/if}>{$ps}</option>
                    {/volist}
                </select>
            </div>
            <input type="hidden" name="page" value="1">
            <button class="btn btn-default btn-sm" type="submit"><i class="fa fa-search"></i> 搜索</button>
        </form>
        <a class="btn btn-success btn-sm" href="{:url('qiyicontract.tenantpanel/news')}?add=1"><i class="fa fa-plus"></i> 新增资讯</a>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">资讯列表</div>
        <div class="panel-body" style="overflow:auto;">
            <table class="table table-bordered table-striped">
                <thead>
                <tr><th>ID</th><th>封面</th><th>标题</th><th>排序</th><th>状态</th><th>操作</th></tr>
                </thead>
                <tbody>
                {volist name="list" id="vo"}
                <tr>
                    <td>{$vo.id}</td>
                    <td>{if $vo.thumb}<img src="{$vo.thumb|htmlentities}" style="max-width:120px;max-height:60px;">{else /}-{/if}</td>
                    <td>{$vo.title|htmlentities}</td>
                    <td>{$vo.weigh}</td>
                    <td>{if $vo.status=='normal'}<span class="label label-success">启用</span>{else /}<span class="label label-default">停用</span>{/if}</td>
                    <td>
                        <a class="btn btn-xs btn-primary" href="{:url('qiyicontract.tenantpanel/news')}?edit={$vo.id}">编辑</a>
                        <form method="post" style="display:inline" onsubmit="return confirm('确认删除？')">
                            <input type="hidden" name="action" value="del">
                            <input type="hidden" name="id" value="{$vo.id}">
                            <button class="btn btn-xs btn-danger" type="submit">删除</button>
                        </form>
                    </td>
                </tr>
                {/volist}
                {empty name="list"}
                <tr><td colspan="6" class="text-center text-muted">暂无资讯，请点击「新增资讯」</td></tr>
                {/empty}
                </tbody>
            </table>
            <div class="qiyi-pager">
                <span class="muted">第 {$page}/{$pages} 页（共 {$total} 条，每页 {$pageSize} 条）</span>
                <div class="btns">
                    {if $page > 1}
                    <a href="{:url('qiyicontract.tenantpanel/news',['page'=>$page-1,'pagesize'=>$pageSize,'kw'=>$kw])}">上一页</a>
                    {else /}<span class="disabled">上一页</span>{/if}
                    <span class="cur">{$page}</span>
                    {if $page < $pages}
                    <a href="{:url('qiyicontract.tenantpanel/news',['page'=>$page+1,'pagesize'=>$pageSize,'kw'=>$kw])}">下一页</a>
                    {else /}<span class="disabled">下一页</span>{/if}
                </div>
            </div>
        </div>
    </div>
{/if}
</div>

{if $showEditor}
<script>
(function () {
  var uploadUrl = "{:url('ajax/upload')}";
  var editorJs = "__CDN__/assets/addons/qiyicontract/js/qiyi-editor.js?v=20260724p";
  var galleryUrl = "{:url('user/attachment')}";
  function loadScript(src, cb) {
    var s = document.createElement('script');
    s.src = src;
    s.onload = function () { cb && cb(); };
    document.head.appendChild(s);
  }
  function waitJquery(cb) {
    if (window.jQuery) return cb(window.jQuery);
    var n = 0;
    var t = setInterval(function () {
      n++;
      if (window.jQuery) { clearInterval(t); cb(window.jQuery); }
      else if (n > 120) clearInterval(t);
    }, 50);
  }
  function startEditor() {
    if (!window.QiyiEditor) { loadScript(editorJs, startEditor); return; }
    QiyiEditor.init('#news-content', {
      height: 360,
      charCount: '#news-char-count',
      placeholder: '请输入资讯详情…',
      uploadUrl: uploadUrl,
      galleryUrl: galleryUrl
    });
  }
  window.QiyiNewsSync = function () {
    if (window.QiyiEditor) QiyiEditor.sync('#news-content');
    return true;
  };
  waitJquery(function ($) {
    startEditor();
    $(document).on('change blur', '#c-thumb', function () {
      var url = $.trim($(this).val());
      var $img = $('#news-thumb-preview');
      if (url) $img.attr('src', url).addClass('show');
      else $img.removeClass('show').attr('src', '');
    });
  });
})();
</script>
{/if}