{extend name="main/main"/}
<style type="text/css">
{block name="style"}{__block__}
 
    .mip-page-pagination {
        text-align: center;
    }
    .mip-page-pagination {
        overflow: hidden;
        padding: 1px;
        width: 100%;
        text-align: center;
    }
    .mip-page-pagination ul{
        display: inline-block;
        list-style: none;
        padding-left: 0;
    }
    .mip-page-pagination ul li {
        float: left;
        margin-left: 10px;    
        margin-bottom: 15px;
    }
    .mip-page-pagination ul li.active a{
        background-color: #00AAEE;
        border: 1px solid #00AAEE;
        color: #ffffff;
    }
    .mip-page-pagination ul li.active a:hover {
        color: #ffffff;
    }
    .mip-page-pagination ul li a {
        font-size: 12px;
        color: #333;
        border: 1px solid #d2d2d2;
        padding: 5px 8px;
        border-radius: 3px;
    }
    .mip-page-pagination ul li a:hover {
        color: #00AAEE;
    }
{/block}
</style>
{block name="so"}
<meta property="og:type" content="article" />
<meta property="og:title" content="{$mipTitle}" />
<meta property="og:description" content="{$mipDescription}" />
<meta property="og:image" content="{$itemInfo['firstImg']}" />
<meta property="og:release_date" content="{$itemInfo['publish_time']|date='Y-m-d',###}" />
{/block}
{block name="main"}
<div class="container">
    {mipcms:crumb isHome='1' cid="$itemInfo['cid']" ulClass='breadcrumb p-0 bg-transparent' liClass="breadcrumb-item" separator='' /}
</div>
<div class="container">
    <div class="row">
        <main class="col-lg-8">
            <section class="mip-box mip-box-main">
                <section class="mip-box-heading">
                     <h1 class="detail-title">{$itemInfo['title']}</h1>
                     <div class="info clearfix">
                        <ul>
                            <li>时间:<time>{$itemInfo['publish_time']|date='Y-m-d H:i:s',###}</time></li>
                            <li>浏览:{$itemInfo['views']}</li>
                            <li>来源:{$mipInfo['siteName']}</li>
                        </ul>
                        {if condition='$tags'}
                        <ul class="tags hidden-xs pull-right">
                            {foreach name='$tags' id='v'}
                            <li><a href="{$v['url']}" data-type="mip" data-title="{$v['tags']['name']}" title="{$v['tags']['name']}" >{$v['tags']['name']}</a></li>
                            {/foreach}
                        </ul>
                        {/if}
                    </div>
                </section>
                <section class="mip-box-body mipcms-detail-body">
                    {mipcms:page value='val' limit='1' itemId='$itemInfo["id"]' type='detail' itemType='downPage'}
                        <?php $nextUrl = $val['url'];?>
                    {/mipcms:page}
                    <?php
                        $imgUrl = $itemInfo['imgList'][$page - 1];
                        $url = $itemInfo['url'];
                        $totalNum = $itemInfo['imgCount'];
                        $oldUrl = $url;
                        $url = str_replace('.html','',$url);
                        $startUrl = $url . '_';
                        if ($page == $totalNum) {
                            if ($nextUrl) {
                                echo '<a href="' . $nextUrl . '"><mip-img class="page-img" src="' . $imgUrl . '"></mip-img></a>';  
                            } else {
                                echo '<mip-img class="page-img" src="'.$imgUrl.'"></mip-img>';  
                            }
                        } else {
                            $url = $startUrl. ($page + 1) . $endUrl;
                            echo '<a href="' . $url . '.html"><mip-img class="page-img" src="' . $imgUrl . '"></mip-img></a>';
                        }
                     ?>
                     <div class="d-flex justify-content-center">
                        {:getPage($page,$itemInfo['imgCount'],$itemInfo['url'],'.html',3)}
                     </div>
                    <p>猜你喜欢</p>
                    <div class="mip-box-footer item-up-down-page ">
                        <ul class="clearfix list-unstyled">
                            {mipcms:page value='val' limit='1' itemId='$itemInfo["id"]' type='detail' itemType='upPage'}
                            <div class="mipmb-page-item item-up-page">
                                <p>上一篇</p>
                                <a href="{$val.url}">{$val.title}</a>
                            </div>
                            {/mipcms:page}
                            {mipcms:page value='val' limit='1' itemId='$itemInfo["id"]' type='detail' itemType='downPage'}
                            <div class="mipmb-page-item item-down-page ">
                                <p>下一篇</p>
                                <a href="{$val.url}">{$val.title}</a>
                            </div>
                            {/mipcms:page}
                        </ul>
                    </div>
                    
        			{:hook("comments")}
                </section>
                
            </section>
            
        </main>
        <aside class="col-lg-4 hidden-xs">
            
            <section class="mip-box mip-box-default">
                <section class="mip-box-heading">
                    <h3>News{$mipInfo['articleModelName']}</h3>
                </section>
                <section class="mip-box-body">
                    <ul class="list-unstyled">
                        {mipcms:article value="v" limit='5'}
                        <li class="li-box-list">
                            <a href="{$v.url}" data-type="mip" data-title="{$v.title}" title="{$v.title}">{$v.title}</a>
                            <p>{$v['publish_time']|date='Y-m-d',###}</p>
                        </li>
                        {/mipcms:article}
                    </ul>
                </section>
            </section>
            {include file='block/tags-new'}
        </aside>

    </div>
</div>
{/block}

{block name="script"}
<script type="application/ld+json">
{
    "@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld",
    "@id": "{$currentUrl}",
    "appid": "<?php echo @$siteInfo['xzhId'];?>",
    "title":"{$itemInfo['title']}",
        <?php preg_match_all('/<mip-img.*?src=[\'|\"](.*?)[\'|\"].*?[\/]?>*<\/mip-img>/', $itemInfo['mipContent'], $matches); ?>
        <?php if(count($matches)){?>
            <?php $first_img = @$matches [1][0]; ?>
            <?php $two_img = @$matches [1][1]; ?>
            <?php $three_img = @$matches [1][2]; ?>
            <?php if($three_img){?>
            "images": ["<?php echo $first_img ;?>","<?php echo $two_img ;?>","<?php echo $three_img ;?>"],
             <?php } else {?>
                <?php if($first_img){?>  
                    "images": ["<?php echo $first_img ;?>"],
                 <?php } else {?>
                     <?php if ($itemInfo['img_url']) {?>
                    "images": ["<?php echo $domain . $itemInfo['img_url'] ;?>"],
                    <?php }?>
                 <?php }?>
                 
            <?php }?>
        <?php }?>
    "description": "{$mipDescription}",
    "pubDate": "{$itemInfo['publish_time']|date='Y-m-d',###}T{$itemInfo['publish_time']|date='H:i:s',###}",
    "upDate": "{$itemInfo['publish_time']|date='Y-m-d',###}T{$itemInfo['publish_time']|date='H:i:s',###}",
    "lrDate": "{$itemInfo['publish_time']|date='Y-m-d',###}T{$itemInfo['publish_time']|date='H:i:s',###}"
}
</script>
{__block__}
{/block}