{{define "dialogAd"}}
{{if .appConfig.DialogList}}
<link rel="stylesheet" href="/static/css/dialogAd.css?v=6" />
<div
  class="dialog-ad-mask"
  id="dialogAd"
  data-dialog-ad
  hidden
>
  {{range $index, $dialog := .appConfig.DialogList}}
  <div
    class="dialog-ad-panel"
    data-dialog-ad-item
    data-dialog-ad-index="{{$index}}"
    data-dialog-ad-id="{{if $dialog.AdvertiseCode}}{{$dialog.AdvertiseCode}}{{else}}{{$dialog.ID}}{{end}}"
    role="dialog"
    aria-modal="true"
    aria-label="{{if $dialog.Title}}{{$dialog.Title}}{{else}}广告{{end}}"
    hidden
  >
    <div class="dialog-ad-card">
      <div class="dialog-ad-cover">
        {{if $dialog.Link}}
        <a class="dialog-ad-media" href="{{$dialog.Link}}" target="_blank" rel="sponsored nofollow noopener" aria-label="{{if $dialog.Title}}{{$dialog.Title}}{{else}}查看广告{{end}}" data-dialog-ad-link{{if $dialog.CanReportClick}} data-ads-id="{{$dialog.AdsID}}" data-ads-location="{{$dialog.Location}}"{{end}}>
          <img loading="lazy" class="dialog-ad-image" src="/static/images/placeholder.png?v=2" data-dialog-ad-src="{{$dialog.Images}}" alt="{{$dialog.Title}}" title="{{$dialog.Title}}" decoding="async" />
        </a>
        {{else}}
        <div class="dialog-ad-media">
          <img loading="lazy" class="dialog-ad-image" src="/static/images/placeholder.png?v=2" data-dialog-ad-src="{{$dialog.Images}}" alt="{{$dialog.Title}}" title="{{$dialog.Title}}" decoding="async" />
        </div>
        {{end}}
        <span class="tag tag--dark dialog-ad-tag">广告</span>
        <button class="dialog-ad-close" type="button" data-dialog-ad-close data-ad-close aria-label="关闭广告">
          <img decoding="async" loading="lazy" src="/static/images/placeholder.png?v=2" data-src="/static/images/close.svg" width="18" height="18" alt="关闭">
        </button>
      </div>

      <div class="dialog-ad-foot">
        <div class="dialog-ad-copy">
          <p class="dialog-ad-title">{{if $dialog.Title}}{{$dialog.Title}}{{else}}精彩推荐{{end}}</p>
          <p class="dialog-ad-desc">每日展示一次</p>
        </div>
        {{if $dialog.Link}}
        <a class="dialog-ad-cta" href="{{$dialog.Link}}" target="_blank" rel="sponsored nofollow noopener" data-dialog-ad-link{{if $dialog.CanReportClick}} data-ads-id="{{$dialog.AdsID}}" data-ads-location="{{$dialog.Location}}"{{end}}>
          <img decoding="async" loading="lazy" class="dialog-ad-cta__icon" src="/static/images/placeholder.png?v=2" data-src="/static/images/play_hollow.svg" width="18" height="18" alt="播放">
          立即前往
        </a>
        {{end}}
      </div>
    </div>
  </div>
  {{end}}
</div>
<script defer src="/static/js/pages/dialogAd.js?v=10"></script>
{{end}}
{{end}}