{{- define "title" }}{{ .Title }} - {{ .Site.Title }}{{ end -}}

{{- define "content" -}}
  {{- $params := .Scratch.Get "params" -}}
  {{- $toc := .Scratch.Get "toc" -}}

  <aside class="toc" id="toc-auto">
    {{- /* Auto TOC */ -}}
    {{- $tocEmpty := eq .TableOfContents `<nav id="TableOfContents"></nav>` -}}
    {{- if (ne $toc.enable false) | and (ne $tocEmpty true) -}}
      <h2 class="toc-title">{{ T "contents" }} <i class="toc-icon fa-solid fa-angle-down fa-fw"></i></h2>
      <div class="toc-content{{ if eq $toc.auto false }} always-active{{ end }}" id="toc-content-auto"></div>
    {{- end -}}
  </aside>

  <aside class="aside-custom">
    <!-- put aside for later use -->
  </aside>

  <article class="page single">
    {{- /* Title */ -}}
    <h1 class="single-title animate__animated animate__flipInX">{{ .Title }}</h1>

    {{- /* Subtitle */ -}}
    {{- with $params.subtitle -}}
      <h2 class="single-subtitle">{{ . }}</h2>
    {{- end -}}

    {{- /* Meta */ -}}
    <div class="post-meta">
      <div class="post-meta-line">
        {{- partial "single/post-author.html" . -}}

        {{- $categories := slice -}}
        {{- range .Params.categories -}}
          {{- $category := partialCached "function/path.html" . . | printf "/categories/%v" | $.Site.GetPage -}}
          {{- $categories = $categories | append (printf `<a href="%v"><i class="fa-regular fa-folder fa-fw"></i>&nbsp;%v</a>` $category.RelPermalink $category.Title) -}}
        {{- end -}}
        {{- with delimit $categories "&ensp;" }}
          <span class="post-category">
            {{- dict "Categories" . | T "includedInCategories" | safeHTML -}}
          </span>
        {{- end -}}
      </div>
      <div class="post-meta-line">
        {{- with .Site.Params.dateformat | default "2006-01-02" | .PublishDate.Format -}}
          <span title={{ "2006-01-02 15:04:05" | $.PublishDate.Format }}>
            <i class="fa-regular fa-calendar-alt fa-fw"></i>&nbsp;<time datetime="{{ . }}" >{{ . }}</time>
          </span>&nbsp;
        {{- end -}}
        <i class="fa-solid fa-pencil-alt fa-fw"></i>&nbsp;{{ T "wordCount" .WordCount }}&nbsp;
        <i class="fa-regular fa-clock fa-fw"></i>&nbsp;{{ T "readingTime" .ReadingTime }}&nbsp;
        {{- $comment := .Scratch.Get "comment" | default dict -}}
        {{- /* Visitor Count */ -}}
        {{- if $comment.enable -}}
          {{- if ($comment.valine.enable | and $comment.valine.visitor) | or ($comment.waline.enable | and $comment.waline.visitor) -}}
            {{- /* Warning: waline v2 will not be compatible with valine */ -}}  
            <span id="{{ .RelPermalink }}" class="leancloud_visitors comment-visitors" data-flag-title="{{ .Title }}">
              <i class="fa-regular fa-eye fa-fw"></i>&nbsp;<span class="leancloud-visitors-count">-</span>&nbsp;{{ T "views" }}
            </span>&nbsp;
          {{- else if $comment.waline.enable | and $comment.waline.visitor -}}
            <span class="comment-visitors" data-flag-title="{{ .Title }}">
              <i class="fa-regular fa-eye fa-fw"></i>&nbsp;<span id="{{ .RelPermalink }}" class="waline-visitor-count">-</span>&nbsp;{{ T "views" }}
            </span>&nbsp;
          {{- else if $comment.twikoo.enable | and $comment.twikoo.visitor -}}
            <span id="{{ .RelPermalink }}" class="comment-visitors" data-flag-title="{{ .Title }}">
              <i class="fa-regular fa-eye fa-fw"></i>&nbsp;<span id="twikoo_visitors">-</span>&nbsp;{{ T "views" }}
            </span>&nbsp;
          {{- else if .Site.Params.ibruce.enable | and .Site.Params.ibruce.enablePost -}}
            <span id="busuanzi_container_page_pv" class="busuanzi_visitors comment-visitors" data-flag-title="{{ .Title }}">
              <i class="fa-regular fa-eye fa-fw"></i>&nbsp;<span id="busuanzi_value_page_pv">-</span>&nbsp;{{ T "views" }}
            </span>&nbsp;
          {{- end -}}
        {{- else if .Site.Params.ibruce.enable | and .Site.Params.ibruce.enablePost -}}
          <span id="busuanzi_container_page_pv" class="busuanzi_visitors comment-visitors" data-flag-title="{{ .Title }}">
            <i class="fa-regular fa-eye fa-fw"></i>&nbsp;<span id="busuanzi_value_page_pv">-</span>&nbsp;{{ T "views" }}
          </span>&nbsp;
        {{- end -}}
        {{- /* Comment Count */ -}}
        {{- if $comment.enable -}}
          {{- if $comment.valine.enable | and $comment.valine.commentCount -}}
            <span class="comment-count" data-flag-title="{{ .Title }}">
              <i class="fa-regular fa-comments fa-fw"></i>&nbsp;<span data-xid="{{ .RelPermalink }}" class="valine-comment-count">-</span>&nbsp;{{ T "comments" }}
            </span>&nbsp;
          {{- else if $comment.waline.enable | and $comment.waline.commentCount -}}
            <span class="comment-count" data-flag-title="{{ .Title }}">
              <i class="fa-regular fa-comments fa-fw"></i>&nbsp;<span id="{{ .RelPermalink }}" class="waline-comment-count">-</span>&nbsp;{{ T "comments" }}
            </span>&nbsp;
          {{- else if $comment.twikoo.enable | and $comment.twikoo.commentCount -}}
            <span id="{{ .RelPermalink }}" class="comment-count" data-flag-title="{{ .Title }}">
              <i class="fa-regular fa-comments fa-fw"></i>&nbsp;<span id="twikoo-comment-count">-</span>&nbsp;{{ T "comments" }}
            </span>&nbsp;
          {{- end -}}
        {{- end -}}
      </div>
    </div>

    {{- /* Featured image */ -}}
    {{- $image := $params.featuredimage -}}
    {{- with .Resources.GetMatch "featured-image" -}}
      {{- $image = .RelPermalink -}}
    {{- end -}}
    {{- with $image -}}
      <div class="featured-image">
        {{- dict "Src" . "Title" $.Description "Resources" $.Resources | partial "plugin/image.html" -}}
      </div>
    {{- end -}}

    {{- /* Static TOC */ -}}
    {{- if (ne $toc.enable false) | and (ne $tocEmpty true) -}}
      <div class="details toc" id="toc-static" kept="{{ if $toc.keepStatic }}true{{ else }}false{{ end }}">
        <div class="details-summary toc-title">
          <span>{{ T "contents" }}</span>
          <span><i class="details-icon fa-solid fa-angle-right"></i></span>
        </div>
        <div class="details-content toc-content" id="toc-content-static">
          {{- dict "Content" .TableOfContents "Ruby" $params.ruby "Fraction" $params.fraction "Fontawesome" $params.fontawesome | partial "function/content.html" | safeHTML -}}
        </div>
      </div>
    {{- end -}}

    {{- /* Content */ -}}
    <div class="content" id="content">
      {{- /* Expiration Reminder */ -}}
      {{- partial "single/expiration-reminder.html" . -}}
      {{- dict "Content" .Content "Ruby" $params.ruby "Fraction" $params.fraction "Fontawesome" $params.fontawesome | partial "function/content.html" | safeHTML -}}
    </div>

    {{- /* Footer */ -}}
    {{- partial "single/footer.html" . -}}

    {{- /* Comment */ -}}
    {{- partial "single/comment.html" . -}}
  </article>
{{- end -}}