{extend name="common@index"}
{block name="title"}{$rs.name}_{__block__}{/block}
{block name="keywords"}{$rs.name},{$column.name},{__block__}{/block}
{block name="description"}{$rs.info.content|str_limit=255}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="__CSS__info.css">
{/block}
{block name="main"}
    {include file="cim@breadcrumb"}
    <div class="panel p-md">
        <div class="panel-heading">
            <div class="row">
                <div class="col-sm-9">
                    <h3 class="mb-xs">
                        {if !empty($rs['behavior']) } {foreach $rs['behavior'] as $vv} {if $vv.name=='share_redpacket'}
                        <span class="iconfont pull-right icon-hongbao text-danger" data-key='{$vv.key}' data-cid='{$rs.column_id}' data-id='{$rs.id}' rel="redpacket" title="红包"></span>{/if} {/foreach} {/if} {$rs.name} </h3>
                    <p class="text-muted pt-xs">发布于 {$rs.time.from_now} <em rel="hits" data-id="{$rs.id}"></em>次浏览</p>
                </div>
                <div class="col-sm-3">
                    <ul class="action pull-right text-center">
                        <li class="qrcode">
                            <i class="fa fa-qrcode"></i><br>
                            <span>扫一扫</span>
                            <div class="qrcode-wrap">
                                <img src="/index/api/qr_code?content={$rs.url}" alt="{$rs.name}二维码" />
                                <p class="text-muted mb-sm">扫一扫在手机查看</p>
                            </div>
                        </li>
                        <li>
                            <i class="fa fa-share-alt"></i><br>
                            <span>分享</span>
                        </li>
                        <li>
                            <a href="{:url('index/index/comment', ['id'=>$rs.id])}" class="text-muted">
                                <i class="fa fa-commenting-o"></i><br>
                                <span>评论</span>
                            </a>
                        </li>
                        <li>
                            <a href="{:url('index/index/manage', ['key'=>$column.key, 'id'=>$rs.id])}" class="text-muted">
                                <i class="fa fa-edit"></i><br>
                                <span>管理</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <hr class="mt-sm">
        </div>
        <div class="panel-body mb-lg">
            <div class="row">
                <div class="col-sm-4">
                    <div class="preview">
                        {if !empty($rs.image)} <img src="{$rs.image[0]['url']|default='/static/img/nopic.gif'}" rel="preview" width="360" height="300">{/if}
                    </div>
                    {if !empty($rs.image)}
                    <div class="img-wrap">
                        <div class="swiper-container" id="small-img">
                            <div class="swiper-wrapper">
                                {foreach $rs.image as $k=>$v}
                                <div class="swiper-slide">
                                    <div class="swiper-zoom-container" data-index="{$k}"><img class="swiper-lazy" data-src="{$v.url}"
                                            alt="" width="90">
                                        <div class="swiper-lazy-preloader"></div>
                                    </div>
                                </div>
                                {/foreach}
                            </div>
                        </div>
                        <div class="button-prev fa fa-angle-left" rel="prev"></div>
                        <div class="button-next fa fa-angle-right" rel="next"></div>
                    </div>
                    {/if}
                </div>
                <div class="col-sm-8">
                    {if !empty($rs.fields)}
                    <div class="fields">
                        {foreach $rs.fields as $k=>$v}
                        <dl class="field_{$k}">
                            <dt>{$v.name}</dt>
                            <dd>
                                {if is_array($v.value)}
                                {foreach $v.value as $kk=>$vv}
                                <label class="label label-success mr-xs">{$vv|default='-'}</label>
                                {/foreach}
                                {else}
                                {$v.value|default='-'}<small>{$v.unit}</small>
                                {/if}
                            </dd>
                        </dl>
                        {/foreach}
                    </div>
                    {/if}
                    <div class="part detail mt-md mb-lg">
                        <h4 class="title mb-sm">描述</h4>
                        <p>{$rs.info.content|nl2br|raw|word_link=$column['id']}</p>
                    </div>
                    {if $rs['info']['expired']}
                        <div class="invalid">
                            <img src="/static/img/info/stamp.gif">
                        </div>
                        <div class="linkman text-danger clearfix">
                            <i class="glyphicon glyphicon-phone-alt mr-sm"></i>信息已过期，{$rs.info.linkman} 的电话号码不再展示。
                        </div>
                    {else}
                        <div class="linkman clearfix">
                            <i class="glyphicon glyphicon-phone-alt mr-sm"></i>{$rs.info.linkman}<strong class="ml-sm">{$rs.info.phone.hidden}</strong>
                            <button class="btn btn-theme mt-xs pull-right show-number">查看完整号码</button>
                        </div>
                    {/if}
                    <p class="alert alert-warning mt-sm">
                        <i class="fa fa-info-circle"></i> {cim:html id="信息页面提示语"}
                        <a rel="report" href="javascript:;" class="pull-right text-muted" data-id="{$rs.id}" data-cid="{$rs.column_id}">
                            <i class="fa fa fa-flag pr-xs"></i> 举报
                        </a>
                    </p>
                </div>
            </div>
        </div>
        {include file="block@block" more_info="1"}
    </div>
{if !empty($rs.image)}
<div class="fullscreen">
    <div class="swiper-container full-view">
        <div class="swiper-wrapper">
            {foreach $rs.image as $v}
            <div class="swiper-slide">
                <div class="swiper-zoom-container"><img src="{$v.url}" alt=""></a>
                </div>
            </div>
            {/foreach}
        </div>
        <a href="javascript:;" class="fullscreen-close">&times;</a>
        <div class="swiper-pagination swiper-pagination-white"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>
{/if}
<div id="phone" class="text-center" style="display:none">
    <p class="text-danger mt-lg"><i class="fa fa-phone pr-sm"></i><img src="{$rs.info.phone.image}" alt=""></p>
    <p class="text-muted mt-sm">联系我时，请一定说明在{$cim.name}看到的, 谢谢</p>
</div>
{/block}
{block name="js"}
<script>
    require(['index']);
</script>
{/block}