{extend name="baseH5" /}

{block name="get-data"}
{novel:info n_id="$Request.route.intNovelId" n_key="arrNovel" n_forge_id="0" /}
{site:grm page_code="h5_novel_catalog  " diff="$Request.url" num="120" g_key="arrGrm"  /}
{chapter:pagerexp page="$Request.route.intPage" limit="10" n_id="$Request.route.intNovelId" d_key="d_key"   d_val="chapter"
cache_life="86400" button_num="3" sort_type="$Request.route.strOrder" func="generateChapterPager" export_name="resData" /}
{/block}

{block name="title"}{site:replace code="NOVEL@GETNOVELCATALOG@TITLE"}{/block}
{block name="keywords"}{site:replace code="NOVEL@GETNOVELCATALOG@KEYWORDS"}{/block}
{block name="description"}{site:replace code="NOVEL@GETNOVELCATALOG@DESCRIPTION"}{/block}

{block name="head"}

<!-- 社交媒体标签 -->
<meta property="og:title" content="{$arrNovel['n_name']??'未知小说'}" />
<meta property="og:description" content='{site:replace code="NOVEL@GETNOVELINFO@DESCRIPTION"}' />
<meta property="og:url"
    content='https://{$DomainModel->d_domain}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}' />
<meta property="og:type" content="book" />
<meta property="og:image" content="{$arrNovel.n_cover_path ?? ''}" />
<meta property="og:site_name" content="{$DomainModel->d_name}" />
<meta property="og:novel:category" content="{$arrNovel.n_category ?? ''}">
<meta property="og:novel:author" content="{$arrNovel.n_author ?? ''}">
<meta property="og:novel:book_name" content="{$arrNovel.n_name ?? ''}">
<meta property="og:novel:read_url"
    content='https://{$DomainModel->d_domain}{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrNovel.intFirstChapterSort"/}'>
<meta property="og:novel:status" content="{$arrNovel.n_status ?? ''}">
<meta property="og:novel:update_time" content="{$arrNovel.n_update_time ?? ''}">
<meta property="og:novel:latest_chapter_name" content="{$arrNovel.n_latest_chapter_name ?? ''}">
<meta property="og:novel:latest_chapter_url"
    content='https://{$DomainModel->d_domain}{site:lcpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'>
<!-- 可选：支持 Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{$arrNovel['n_name'] ?? '未知小说'}" />
<meta name="twitter:description" content='{site:replace code="NOVEL@GETNOVELINFO@DESCRIPTION"}' />
<meta name="twitter:image" content="{$arrNovel.n_cover_path ?? ''}" />
<!-- 结构化数据 -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Book",
    "name": "{$arrNovel['n_name'] ?? '未知小说'}",
    "description": "{$arrNovel['n_description'] ??'暂无简介'}",
    "author": {
        "@type": "Person",
        "name": "{$arrNovel['n_author'] ??'佚名'}"
    },
    "publisher": {
        "@type": "Organization",
        "name": "{$DomainModel->d_name}",
        "url": "https://{$DomainModel->d_domain}"
    },
    "datePublished": "{$arrNovel['n_update_time'] ?? time()}",
    "image": "{$arrNovel.n_cover_path ?? ''}",
    "url": 'https://{$DomainModel->d_domain}{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}',
    "genre": "{$arrNovel.n_category ??''}",
    "inLanguage": "zh-CN",
    "bookFormat": "https://{$DomainModel->d_domain}/EBook",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.5",
        "reviewCount": "100",
    },
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "首页",
            "item": "https://{$DomainModel->d_domain}"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "{$arrNovel.n_category ??''}",
            "item": 'https://{site:nflurl  category="$arrNovel.n_category_pinyin" order="all" status="all" page="1"/}'
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "{$arrNovel['n_name']}",
            "item": '{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'
        }
    ]

}

</script>
{/block}

{block name="head-js"}
{/block}

{block name="body-class"}novel_info{/block}

{block name="logo-html"}
<h2 class="bookname">
    <a href="/" style="color:#ffffff">{$DomainModel->d_name}</a>
</h2>
{/block}

{block name="nav-html"}


<nav class="breadcrumb" aria-label="breadcrumb">
    <ol itemscope itemtype="https://schema.org/BreadcrumbList">
        <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <a href="/" itemprop="item">
                <span itemprop="name">首页</span>
            </a>
            <meta itemprop="position" content="1" />
        </li>
        <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <?php $arrNovel['n_category_pinyin'] ?? $arrNovel['n_category_pinyin'] = 'all'?>
            <a href='{site:nflurl  category="$arrNovel.n_category_pinyin" order="all" status="all" page="1"/}' itemprop="item">
                <span itemprop="name">{$arrNovel.n_category}</span>
            </a>
            <meta itemprop="position" content="2" />
        </li>
        <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <a href='{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}' itemprop="item">
                <span itemprop="name">{$arrNovel['n_name']}</span>
            </a>
            <meta itemprop="position" content="3" />
        </li>
        <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <a href='{site:nclurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" order="zheng" page="1"/}' itemprop="item">
                <span itemprop="name">目录</span>
            </a>
            <meta itemprop="position" content="3" />
        </li>
    </ol>
</nav>

{/block}

{block name="main"}



<h1 class="site-description ">{$arrNovel['n_name']}最新章节 - {$arrNovel['n_author']} - {$DomainModel->d_name}</h1>
<div class="block-box">
    <div class="book-main">
        <div class="book-img">
            <img src="/static/img/default.jpg" data-src="{$arrNovel.n_cover_path ?? ''}"
                alt="{$arrNovel['n_name'] ?? ''}小说封面 - {$arrNovel.n_author}最新章节" class="lazy lazyload-img">
        </div>
        <div class="book-info">
            <div class="bookname">
                <h2>{$arrNovel.n_name}</h2><span class="author">{$arrNovel.n_author}
                    著</span>
            </div>
            <p class="tag"><span class="blue">{$arrNovel.n_category}</span><span
                    class="green">{$arrNovel.n_status}</span>
            </p>
            <p class="update"><span>最近更新：</span><a href={site:lcpurl n_id="$arrNovel.n_id"
                    n_py="$arrNovel.n_name_pinyin" /}>{$arrLatestChapter->c_name
                    ?? ""}</a></p>
            <p class="time"><span>更新时间：</span>{$arrNovel.n_update_time} </p>
        </div>
        <div class="clear"></div>
        <div class="book-detail-btn">
            <ul class="btn-group">
                <li class="btn-group-cell"><a class="btn-normal abt1" onclick="addBookshelfFun()">加入书架</a><a
                        class="btn-normal abt2"
                        href='{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$arrNovel.intFirstChapterSort"/}'>开始阅读</a><a
                        class="btn-normal abt3"
                        href='{site:nclurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" order="zheng" page="1"/}'>章节目录</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="description" style="font-size: 12px;padding:0px 10px 10px 10px;    text-indent: 15px;">
    {$arrNovel.n_description}
</div>

<h3 class="wrap-title">章节列表（第{$Request.route.intPage}页）
    {if $Request.route.strOrder == 'zheng'}
    <a href='{site:nclurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" order="dao" page="1"/}'
    class="habt y">点击切换倒序</a>
    {else}
    <a href='{site:nclurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" order="zheng" page="1"/}'
    class="habt y">点击切换正序</a>
    {/if}
    </h3>
<div class="block-box">

    <!-- 目录下拉分页-->
    {include file="public/allChapterPage" start="1"/}

    <ul class="chapter-list">
        {foreach $resData.data as $key=>$Chapter}        
        <li>
            {$arrGrm[$key]|raw}
            <a href='{site:cpurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" c_sort="$Chapter.c_sort_num" c_page="0"/}'
                title="{$arrNovel['n_name']} {$Chapter.c_name}">{$Chapter.c_name}</a>
        </li>

        {/foreach}
    </ul>

    {include file="public/allChapterPage" /}

</div>

<div class="wrap-box">
    <h3 class="wrap-title"><span>完结推荐</span></h3>
    <div class="rec-focus">
        {novel:list count="6" n_category="$arrNovel.n_category_pinyin" n_status="wanjie" d_key="d_key" d_val="Novel" p_val="page_data" cache_life="86400"}
        <dl class="rec-focus-book">
            <dt class="book-img">
                {$arrGrm[$d_key+110]|raw}
                <a href='{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'><img
                        height="100" width="80" class="lazyload-img" src="/static/img/default.jpg"
                        data-src="{$Novel.n_cover_path ?? ''}"
                        alt="{$Novel.n_name ?? ''} - {$Novel.n_category ?? ''}最新章节在线免费阅读"></a></dt>
            <dd class="book-info">
                <h2><a href='{site:nurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" /}'>{$Novel.n_name}</a>
                </h2>
                <p>作者：{$Novel.n_author}</p>
                <p>{$Novel.n_description}</p>
            </dd>
        </dl>
        {/novel:list}
    </div>
</div>


<div class="wrap-box">
    <h3 class="wrap-title"><span>相邻小说</span></h3>
    <div class="description" style="font-size: 12px;padding:0px 10px 10px 10px;    text-indent: 15px;">

        {$arrNovel.strFocus ?? ""} 。看小说就来{$DomainModel->d_name} {$DomainModel->d_domain}...
    </div>
    <div class="rec-focus" style="font-size:12px;">
        {volist name='$arrNovel.arrRelateveNovel' id='Novel'}
        <a href='{site:nurl n_id="$Novel.n_id" n_py="$Novel.n_name_pinyin" /}'>{$Novel.n_name}</a>&nbsp;&nbsp;
        {/volist}

        {volist name='arrNovel.n_forge_novel' id='ForgeNovel'}
        <a
            href='{site:nnurl n_id="$arrNovel.n_id" n_py="$arrNovel.n_name_pinyin" n_fid="$ForgeNovel.n_forge_id"/}'>{$ForgeNovel.n_forge_title}</a>&nbsp;&nbsp;
        {/volist}
    </div>
</div>



<script>
    const strNovelId = `{$arrNovel.n_id}`;
    const arrNovel = {
        'n_id': `{$arrNovel['n_id']}`,
        'n_name_pinyin': `{$arrNovel['n_name_pinyin']}`,
        'n_cover_path': `{$arrNovel['n_cover_path']}`,
        'n_name': `{$arrNovel['n_name']}`,
        'n_author': `{$arrNovel['n_author']}`,
        'n_status': `{$arrNovel['n_status']}`,
        'n_update_time': `{$arrNovel['n_update_time']}`,
        'c_sort_num': 1,
        'c_name': `第一章`,
    };
</script>

{/block}

{block name="customize"}


{/block}