{{define "contentPromo"}}
{{/* 播放页小图标：后台位置 12（AList） */}}
{{template "squarePromo" dict "Ads" .appConfig.AList "SlotKey" "play_icons" "SlotName" "播放页小图标" "Label" "推广"}}
{{end}}

{{define "contentOfficialInfo"}}
{{$cfg := .appConfig}}
{{if or $cfg.NewURLAddr $cfg.OfficialAppAddr $cfg.NewURLAddr1 $cfg.NewURLAddr2 $cfg.ForeverURLAddr $cfg.TGGroup $cfg.QQ $cfg.GmailAddr}}
<section class="content-official-info" aria-label="官方信息">
    {{if $cfg.NewURLAddr}}
    <p>官方入口：<br><a href="{{$cfg.NewURLAddr}}" target="_blank" rel="sponsored nofollow noopener noreferrer">{{$cfg.NewURLAddr}}</a></p>
    {{end}}
    {{if $cfg.NewURLAddr1}}
    <p>最新地址发布页：<br><a href="{{$cfg.NewURLAddr1}}" target="_blank" rel="sponsored nofollow noopener noreferrer">{{$cfg.NewURLAddr1}}</a> 👈务必牢记，防止迷路</p>
    {{end}}
    {{if $cfg.NewURLAddr2}}
    <p>备用访问地址：<br><a href="{{$cfg.NewURLAddr2}}" target="_blank" rel="sponsored nofollow noopener noreferrer">{{$cfg.NewURLAddr2}}</a></p>
    {{end}}
    {{if $cfg.ForeverURLAddr}}
    <p>海外永久地址：<br><a href="{{$cfg.ForeverURLAddr}}" target="_blank" rel="sponsored nofollow noopener noreferrer">{{$cfg.ForeverURLAddr}}</a></p>
    {{end}}
    {{if $cfg.OfficialAppAddr}}
    <p>官方APP下载：<br><a href="{{$cfg.OfficialAppAddr}}" target="_blank" rel="sponsored nofollow noopener noreferrer">{{$cfg.OfficialAppAddr}}</a></p>
    {{end}}
    {{if $cfg.TGGroup}}
    <p><a href="{{$cfg.TGGroup}}" target="_blank" rel="sponsored nofollow noopener noreferrer">点击加入黄果短剧官方Telegram群</a></p>
    {{end}}
    {{if $cfg.QQ}}
    <p>黄果短剧官方QQ群：{{$cfg.QQ}}</p>
    {{end}}
    {{if $cfg.GmailAddr}}
    <p>发送邮件到 <a href="mailto:{{$cfg.GmailAddr}}">{{$cfg.GmailAddr}}</a> 获取最新地址</p>
    {{end}}
</section>
{{end}}
{{end}}

{{/* 详情横幅：后台位置 3（本站字段 videoTopList），素材 720×150 */}}
{{define "contentAds"}}
{{if .appConfig.DetailBannerList}}
<div class="content-ad-stack" aria-label="广告">
    {{range $ad := .appConfig.DetailBannerList}}
    <a {{if $ad.Link}}href="{{$ad.Link}}" target="_blank" rel="sponsored nofollow noopener noreferrer"{{else}}aria-disabled="true"{{end}} data-creative-id="{{$ad.ID}}"{{if $ad.ClickTrackable}} data-ads-id="{{$ad.ClickID}}" data-ads-location="{{$ad.Location}}"{{end}}>
        <img class="lazy" src="/static/images/placeholder.png?v=2" data-src="{{$ad.Images}}" alt="{{$ad.Title}}" title="{{$ad.Title}}" />
    </a>
    {{end}}
</div>
{{end}}
{{end}}

{{define "contentHotSidebar"}}
<section class="detail-related" data-related-section>
    <div class="detail-related-head">
        <h2 class="detail-related-title">
            <span class="detail-related-title-pc">热门短剧</span>
            <span class="detail-related-title-h5">猜你喜欢</span>
        </h2>
        <button class="detail-related-refresh" type="button" data-related-refresh>
            <span>换一换</span>
            <img src="/static/images/refresh.svg" alt="换一批" />
        </button>
    </div>
    <div class="card-grid" data-related-grid>
        {{range .RelatedRecommendData}}
        <a class="poster-card" href="{{detailURL .Slug .ID}}">
            <div class="poster-cover">
                <img src="/static/images/placeholder.png?v=2" class="poster-cover-img lazy" data-src="{{coverURL .Cover .Banner}}" alt="{{.Title}}" title="{{.Title}}" />
                {{template "posterCornerBadges" .}}
                {{template "posterLikeBadge" .}}
                {{with episodeLabel .TotalEpisode}}
                <div class="episode-badge"><div class="text-white-xs">{{.}}</div></div>
                {{end}}
            </div>
            <div class="poster-card-body">
                <div class="poster-card-title">{{.Title}}</div>
                {{if .Desc}}<div class="poster-card-subtitle">{{.Desc}}</div>{{end}}
                <div class="poster-card-meta">
                    {{template "posterCardTag" .}}
                    <div class="flex-spacer"></div>
                    <div class="poster-card-heat">{{formatHeat .HeatValue}}</div>
                </div>
            </div>
        </a>
        {{else}}
        <div class="section-empty">暂无相关推荐</div>
        {{end}}
    </div>
</section>
{{end}}