{{define "dialogAd"}}
{{if .appConfig.DialogList}}
<link rel="stylesheet" href="/static/css/dialogAd.css?v=4" />
<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="{{$dialog.ID}}"
    data-creative-id="{{$dialog.ID}}"
    role="dialog"
    aria-modal="true"
    aria-label="{{if $dialog.Title}}{{$dialog.Title}}{{else}}广告{{end}}"
    hidden
  >
    {{if $dialog.Link}}
    <a class="dialog-ad-media" href="{{$dialog.Link}}" target="_blank" rel="sponsored nofollow noopener noreferrer" aria-label="{{if $dialog.Title}}{{$dialog.Title}}{{else}}查看广告{{end}}" data-creative-id="{{$dialog.ID}}"{{if $dialog.ClickTrackable}} data-ads-id="{{$dialog.ClickID}}" data-ads-location="{{$dialog.Location}}"{{end}}>
      <img 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"{{if $dialog.ClickTrackable}} data-ads-id="{{$dialog.ClickID}}" data-ads-location="{{$dialog.Location}}"{{end}}>
      <img 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}}
    <button class="dialog-ad-close" type="button" data-dialog-ad-close aria-label="关闭广告">
      <img src="/static/images/figma-dialog-ad/close.svg" width="36" height="36" alt="" />
    </button>
  </div>
  {{end}}
</div>
<script defer src="/static/js/pages/dialogAd.js?v=6"></script>
{{end}}
{{end}}