{{define "coinDialog"}}
<link rel="stylesheet" href="/static/css/coinDialog.css?v=5">
<div class="coin-dialog-mask" id="coinDialog">
  <div class="coin-dialog-stack">
    <div class="coin-dialog-card" role="dialog" aria-modal="true" aria-labelledby="coinDialogTitle">
        <img class="coin-dialog-icon" src="/static/images/figma-dialogs/coin-unlock.svg" alt="金币" />
        <div class="coin-dialog-title" id="coinDialogTitle">使用金币解锁本集</div>
        <div class="coin-dialog-desc">解锁后可永久观看本集内容。</div>
        <div class="coin-dialog-balance">
            <div class="coin-dialog-balance-col">
                <div class="coin-dialog-balance-label">当前余额</div>
                <div class="coin-dialog-balance-value"><span data-coin-balance>0</span> 金币</div>
            </div>
            <div class="coin-dialog-balance-col coin-dialog-balance-col--end">
                <div class="coin-dialog-balance-label">本次消耗</div>
                <div class="coin-dialog-balance-cost"><span data-coin-cost>0</span> 金币</div>
            </div>
        </div>
        <div class="coin-dialog-hint">后续付费剧集仍需逐集确认</div>
        <div class="coin-dialog-actions">
          <a
            class="coin-dialog-download"
            href="{{if .appConfig.AppAddr}}{{.appConfig.AppAddr}}{{else}}/download-app/{{end}}"
            {{if .appConfig.AppAddr}}target="_blank" rel="sponsored nofollow noopener noreferrer"{{end}}
          >下载app 免费看</a>
          <button class="coin-dialog-cta" type="button" data-coin-dialog-pay aria-busy="false">
              <span class="coin-dialog-cta-label"><span class="coin-dialog-cta-label-pc"><span data-coin-cost>0</span>金币 解锁</span><span class="coin-dialog-cta-label-h5">支付 <span data-coin-cost>0</span> 金币并播放</span></span>
              <span class="coin-dialog-cta-loading">解锁中…</span>
          </button>
        </div>
        <a class="coin-dialog-recharge" href="/deposit/coin/">金币不足？去充值</a>
    </div>
    <button class="coin-dialog-close" type="button" aria-label="关闭" data-coin-dialog-close>
      <img src="/static/images/figma-dialogs/dialog-close.svg" alt="" />
    </button>
  </div>
</div>
<script src="/static/js/pages/coinDialog.js?v=2"></script>
{{end}}