{extend name="view@info" /}
{block name="csss"}
<link rel="stylesheet" type="text/css" href="__CSS__job.css">
{/block}
{block name="mains"}
<div class="view clearfix">
    {include file="cim@breadcrumb"}
    <div class="panel p-md">
        <div class="panel-heading">
            <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">发布于 {$rs.time.from_now} <em rel="hits" data-id="{$rs.id}"></em>次浏览</p>
            <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 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">
                    <div class="row">
                        <div class="col-sm-8">
                            {if !empty($rs.fields)}
                            <div class="fields">
                                <dl class="clearfix mb-sm"><dt>经验：</dt>
                                    <dd>{$rs.fields['jingyan']['value']|default='-'}</dd>
                                </dl>
                                <dl class="clearfix mb-sm"><dt>学历：</dt>
                                    <dd>{$rs.fields['xueli']['value']|default='-'}</dd>
                                </dl>
                            </div>
                            {/if}
                        </div>
                        <div class="col-sm-4 text-right">
                            <strong class="rent">
                                {if !empty($rs.fields['xinzi']['value'])}{$rs.fields['xinzi']['value']}<small>{$rs.fields['xinzi']['unit']}</small>{/if}
                            </strong>
                        </div>
                    </div>
                    <div class="part detail mt-md mb-lg">
                        <h4 class="title mb-sm">描述</h4>
                        <p>{$rs.info.content|nl2br|raw}</p>
                        {if $rs['end_time']!=0 && $rs['end_time']
                        <time()} <div class="invalid">
                            <img src="/static/img/info/stamp.gif">
                    </div>
                    {/if}
                </div>
                {if !$rs['info']['expired']}
                <div class="linkman clearfix">
                    <i class="fa fa-user-circle-o 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> 温馨提示：刷信誉、淘宝刷钻、YY网络兼职、加xx联系的职位都是骗子！收取费用或押金都可能有欺诈嫌疑，请警惕！
                    <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@comment" title="评论"}

    {include file="block@block" more_info="1"}
</div>
</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}