{if $param['type']=='template'}
    {if empty($data['row'])}
    <div class="col-sm-12 text-center text-secondary">—— {:lang("No data")} ——</div>
    {else /}
        {volist name="data['row']" id="vo"}
        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-3">
            <div class="card card-border card card-border card-shadow">
                {if !empty($vo['group_id'])}
                <div class="ribbon-wrapper">
                    <div class="ribbon bg-success">{$vo['app_group']|default=''}</div>
                </div>
                {/if}
                <div class="img-thumb img-default">
                    <a href="{$vo.url2}" target="_blank" class="btn-show-desc">
                        <img src="https://www.hkcms.cn{$vo.image}" class="card-img-top " title="{:lang('Click me to go to details')}" data-toggle="tooltip">
                    </a>
                </div>

                <div class="card-body">
                    <h5 class="card-title" title="{$vo.title}" data-toggle="tooltip">{$vo.title}</h5>
                    {if $vo['price']<=0}
                    <div class="d-flex justify-content-between" style="width: 100%;margin: 10px 0 10px 0">
                        <p class=" text-primary m-0">{:lang("Free")}</p>
                        <a href="https://www.hkcms.cn/u/{$vo['user_id']}.html" target="_blank" class="text-gray text-xs"><span><i class="fas fa-user-alt"></i> {$vo.author}</span></a>
                    </div>
                    {else /}
                    <div class="d-flex justify-content-between" style="width: 100%;margin: 10px 0 10px 0">
                        {if !empty($vo['group_id']) && $vo['app_auth']==1}
                        <p class=" m-0 text-danger"><s>¥ {$vo['price']} </s></p>
                        {else /}
                        <p class=" m-0 text-danger">¥ {$vo['price']} </p>
                        {/if}
                        <a href="https://www.hkcms.cn/u/{$vo['user_id']}.html" target="_blank" class="text-gray text-xs"><span><i class="fas fa-user-alt"></i> {$vo.author}</span></a>
                    </div>
                    {/if}
                    <div class="clearfix">
                        <div class="float-left">
                            {if !$vo['is_install']}
                                <!--未安装-->
                                {if $vo['app_auth']==1}
                                    <div class="btn-group btn-group-xs" role="group" aria-label="Basic example">
                                        <a href="#" class="btn btn-primary btn-install btn-xs" data-name="{$vo['name']}" title="{:lang('安装最新版本')}" data-toggle="tooltip" data-trigger="hover">{:lang("Install")}</a>
                                        {if !empty($vo['version']) && count($vo['version'])>1}
                                        <button type="button" class="btn btn-primary btn-xs dropdown-toggle" title="{:lang('安装指定版本')}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                                        <div class="dropdown-menu">
                                            {volist name="vo['version']" id="v"}
                                            <a class="dropdown-item btn-install" href="#" data-name="{$vo['name']}" data-version="{$v}">{$v}</a>
                                            {/volist}
                                        </div>
                                        {/if}
                                    </div>
                                {elseif $vo['app_auth']==-2}
                                <a href="{$vo.url}" class="btn btn-warning btn-xs text-white" data-name="{$vo['name']}" data-id="{$vo['id']}" data-title="{$vo['title']}" target="_blank">{:lang("购买")}</a>
                                {elseif $vo['app_auth']==-1}
<!--                                <a href="{:url('index/instructions/index',['ids'=>14])}" class="btn btn-primary btn-sm" target="_blank" title="">{$vo['app_group']|default=''}专属</a>-->
                                {/if}
                            {else /}
                                <a href="#" class="btn btn-danger btn-uninstall btn-xs" data-name="{$vo['name']}" data-type="{$vo['type']}" data-module="{$vo['module']}" data-trigger="hover" data-toggle="tooltip">{:lang("卸载")}</a>&nbsp;
                                <!--更新-->
                                {if !empty($vo['version']) && $vo['upgradeData']!==false}
                                <div class="btn-group btn-group-xs" role="group" aria-label="Basic example">
                                    <a href="#" class="btn btn-primary btn-upgrade" data-name="{$vo['name']}" title="升级到{$vo['upgradeData'][0]}" data-trigger="hover" data-toggle="tooltip">{:lang('更新')}</a>
                                    {if count($vo['upgradeData'])>1}
                                    <button type="button" class="btn btn-primary dropdown-toggle" title="{:lang('更新指定的版本')}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                                    <div class="dropdown-menu">
                                        {volist name="vo['upgradeData']" id="v"}
                                        <a class="dropdown-item btn-upgrade" href="#" data-name="{$vo['name']}" data-version="{$v}">{$v}</a>
                                        {/volist}
                                    </div>
                                    {/if}
                                </div>
                                {/if}
                            {/if}

                            {if !empty($vo['demo_url'])}<a href="{$vo.preview_url}" class="btn btn-xs btn-default" target="_blank">演示</a>{/if}
                        </div>
                        <div class="float-right footer-fa text-xs">
                            <span><i class="fas fa-download"></i> {$vo.downloads}</span>
                            <span><i class="fas fa-calendar-alt"></i> {$vo.publishtime}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {/volist}
    {/if}
{else /}
<div class="col-md-12">
    <table class="table table-bordered table-hover table-striped">
        <thead>
        <tr>
            <th>
                <div class="th-inner ">{:lang("序号")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("标题")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("封面")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("描述")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("Author")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("Price")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("Version")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("更新")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("Status")}</div>
                <div class="fht-cell"></div>
            </th>
            <th>
                <div class="th-inner ">{:lang("Operate")}</div>
                <div class="fht-cell"></div>
            </th>
        </tr>
        </thead>
        <tbody>
        {if empty($data['row'])}
        <tr><td colspan="9">{:lang("No data")}</td></tr>
        {else /}
            {volist name="data['row']" id="v"}
            <tr>
                <td>{$i}</td>
                <td><a href="{$v.url2}" class="btn-show-desc" style="color: #4E5969;" data-toggle="tooltip" data-trigger="hover" data-placement="top" title="点我了解更多">{$v.title}</a></td>
                <td><a href="https://www.hkcms.cn{$v.image|default='/assets/img/zw.jpg'}" target="_blank"><img src="https://www.hkcms.cn{$v.image|default='/assets/img/zw.jpg'}" style="width: 40px"></a></td>
                <td style="text-align: left">{$v.description|default=''}</td>
                <td>{$v.author}</td>
                <td>{if $v.price<=0}<span class="text-primary">{:lang("免费")}</span>{else /}<span class="text-danger">¥ {$v.price}</span>{/if}</td>
                <td>{if !$v['is_install']}{:lang('未安装')}{else /}{$v['installVersion']}{/if}</td>
                <td><a class="text-primary" href="javascript:cmsOpen('{:config('cms.app_url')}/index/appcenter/logs?id={$v.name}', '{$v.title}')">详情</a></td>
                <td>
                    {if $v['is_install']}
                    <div class="custom-control custom-switch custom-control-sm" data-toggle="tooltip" data-trigger="hover" data-placement="top" title="{:lang("Click to switch")}">
                        <input type="checkbox" class="custom-control-input" data-name="{$v.name|default=''}" id="customSwitch{$v.name}" {$v['status']==1?'checked':''} value="{$v['status']}">
                        <label class="custom-control-label" for="customSwitch{$v.name}"><div class="custom-control-label-dot"></div></label>
                    </div>
                    {else /}
                    -
                    {/if}
                </td>
                <td>
                    {if !$v['is_install']}
                        {if $v['app_auth']==1}
                        <div class="btn-group btn-group-xs" role="group" aria-label="Basic example">
                            <a href="#" class="btn btn-primary btn-install btn-xs" data-name="{$v['name']}" title="{:lang('安装最新版本')}" data-toggle="tooltip" data-trigger="hover">{:lang("安装")}</a>
                            {if !empty($v['version']) && count($v['version'])>1}
                            <button type="button" class="btn btn-primary dropdown-toggle btn-xs" title="{:lang('安装指定版本')}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                            <div class="dropdown-menu">
                                {volist name="v['version']" id="vv"}
                                <a class="dropdown-item btn-install" href="#" data-name="{$v['name']}" data-version="{$vv}">{$vv}</a>
                                {/volist}
                            </div>
                            {/if}
                        </div>
                        {elseif $v['app_auth']==-2}
                        <a href="{$v.url}" class="btn btn-warning btn-xs text-white" target="_blank" title="{:lang('前往购买')}">{:lang('购买')}</a>
                        {elseif $v['app_auth']==-1}
                        <a href="{$v.url}" class="btn btn-warning btn-xs text-white" data-name="{$v['name']}" target="_blank" title="{:lang('Price')}">{$v['app_group']|default=''}专属</a>
                        {/if}
                    {else /}
                        <a href="#" class="btn btn-danger btn-uninstall btn-xs" data-name="{$v['name']}" data-type="{$v['type']}" data-module="{$v['module']}" data-trigger="hover" data-toggle="tooltip">{:lang("卸载")}</a>&nbsp;
                        {if $v['status']==1}
                            {php}$config = get_addons_config($v['type'],$v['name']);{/php}
                            {if !empty($config)}
                            <a href="javascript:cmsOpen('{:url('/appcenter/setConfig',['name'=>$v['name'],'type'=>$v['type'],'popup'=>1])}')" class="btn btn-primary btn-xs"><i class="fas fa-cogs"></i>
                                {:lang("配置")}</a>
                            {/if}
                        {/if}
                        <!--更新-->
                        {if !empty($v['version']) && $v['upgradeData']!==false}
                        <div class="btn-group btn-group-xs" role="group" aria-label="Basic example">
                            <a href="#" class="btn btn-primary btn-upgrade btn-xs" data-name="{$v['name']}" title="{:lang('Update to')}{$v['upgradeData'][0]}" data-trigger="hover" data-toggle="tooltip">{:lang("更新")}</a>
                            {if count($v['upgradeData'])>1}
                            <button type="button" class="btn btn-primary dropdown-toggle btn-xs" title="{:lang('安装指定版本')}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
                            <div class="dropdown-menu">
                                {volist name="v['upgradeData']" id="vv"}
                                <a class="dropdown-item btn-upgrade" href="#" data-name="{$v['name']}" data-version="{$vv}">{$vv}</a>
                                {/volist}
                            </div>
                            {/if}
                        </div>
                        {/if}
                    {/if}
                </td>
            </tr>
            {/volist}
        {/if}
        </tbody>
    </table>
</div>
{/if}