{{define "frontend_share_bar"}}
{{if index .Extra "share_bar_enabled"}}
<div class="entry-share-bar" id="entryShareBar" role="group" aria-label="{{T "admin.share_config"}}" data-share-title="{{.Title}}" data-share-url="{{if .FullURL}}{{.FullURL}}{{else}}{{.CanonicalURL}}{{end}}">
  {{$plats := index .Extra "share_platforms"}}
  {{range $p := index .Extra "share_platform_order"}}
  {{if index $plats $p}}
  <button type="button" class="entry-share-btn" data-platform="{{$p}}" title="{{T (printf "admin.share_platform_%s" $p)}}" aria-label="{{T (printf "admin.share_platform_%s" $p)}}">
    {{template "doc-share-platform-icon" $p}}
  </button>
  {{end}}
  {{end}}
</div>
{{end}}
{{end}}

{{define "frontend_share_modals"}}
<div class="modal fade" id="entryShareQrModal" tabindex="-1" aria-labelledby="entryShareQrModalTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered doc-share-modal">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="entryShareQrModalTitle">{{T "entry.share_qr_title"}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "search.close"}}"></button>
      </div>
      <div class="modal-body doc-share-modal__body">
        <div class="doc-share-qr-wrap">
          <div class="doc-share-qr-canvas" aria-hidden="true"></div>
        </div>
        <p class="doc-share-qr-hint">{{T "entry.share_qr_hint"}}</p>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="entryShareWechatModal" tabindex="-1" aria-labelledby="entryShareWechatModalTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered doc-share-modal">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="entryShareWechatModalTitle">{{T "entry.share_wechat_title"}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "search.close"}}"></button>
      </div>
      <div class="modal-body doc-share-modal__body">
        <div class="doc-share-qr-wrap doc-share-qr-wrap--wechat">
          <div class="doc-share-qr-canvas" aria-hidden="true"></div>
        </div>
        <p class="doc-share-qr-hint">{{T "entry.share_wechat_hint"}}</p>
      </div>
    </div>
  </div>
</div>
{{end}}

{{define "frontend_share_scripts"}}
{{if index .Extra "share_bar_enabled"}}
{{template "frontend_share_modals" .}}
<script>
window.DVShareI18n = {
  copied: {{json (T "entry.share_link_copied")}},
  copyFailed: {{json (T "entry.share_link_copy_failed")}}
};
</script>
<script src="{{asset (printf "%s/assets/js/bootstrap.bundle.min.js" .FrontendTplDir)}}"></script>
<script src="{{asset "/static/js/qrcode.min.js"}}"></script>
<script src="{{asset (printf "%s/assets/js/entry-share.js" .FrontendTplDir)}}"></script>
{{end}}
{{end}}