{{ define "main" }}
  <div class="content">
    <main class="post">

      <div class="post-info">
        <p>
          {{- if .Site.Params.EnableReadingTime }}
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock">
              <circle cx="12" cy="12" r="10"></circle>
              <polyline points="12 6 12 12 16 14"></polyline>
            </svg>
            {{ i18n "readingTime" .Page.ReadingTime }}
          {{ end }}

          {{ if .IsTranslated }} | {{ i18n "postAvailable" }}
            {{ range .Translations }}
                <a href="{{ .Permalink }}"><span class="flag fi fi-{{ index $.Site.Data.langFlags (.Lang) }}"></span></a>
            {{ end}}
          {{ end }}
        </p>
      </div>

      <article>
        <h1 class="post-title">
          <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
        </h1>

        {{ with .Params.Description }}
          <div class="post-excerpt">{{ . }}</div>
        {{ end }}

        {{ if .Params.Cover }}
          <figure class="post-cover">
            <img src="{{ .Params.Cover | absURL }}" alt="{{ .Title }}" />
            
            {{ if .Params.CoverCaption }}
              <figcaption class="center">{{ .Params.CoverCaption | markdownify }}</figcaption>
            {{ end }}
          </figure>
        {{ end }}

        {{- if .Params.toc }}
          <hr />
          <aside id="toc">
            <div class="toc-title">{{ i18n "tableOfContents" }}</div>
            {{ .TableOfContents }}
          </aside>
          <hr />
        {{- end }}

        {{ if .Params.Audio }}
          <div class="post-audio">
            <audio controls>
              <source src="{{ .Params.Audio }}">
            </audio>
          </div>
        {{ end }}

        <div class="post-content">
          {{ .Content }}
        </div>
      </article>

      <hr />

      <div class="post-info">
        {{ partial "tags.html" .Params.tags }}
        {{ partial "categories.html" . }}

        <p>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
            <polyline points="14 2 14 8 20 8"></polyline>
            <line x1="16" y1="13" x2="8" y2="13"></line>
            <line x1="16" y1="17" x2="8" y2="17"></line>
            <polyline points="10 9 9 9 8 9"></polyline>
          </svg>
          {{ i18n "wordCount" .Page.WordCount }}
        </p>

        <p>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar">
            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
            <line x1="16" y1="2" x2="16" y2="6"></line>
            <line x1="8" y1="2" x2="8" y2="6"></line>
            <line x1="3" y1="10" x2="21" y2="10"></line>
          </svg>
          {{ if .Site.Params.dateformNumTime }}
            {{ dateFormat .Site.Params.dateformNumTime .Date.Local }}
          {{ else }}
            {{ dateFormat "2006-01-02 15:04" .Date.Local }}
          {{ end }}

          {{ if .Lastmod }} 
            {{ if not (eq .Lastmod .Date )}}
              {{ if .Site.Params.dateformNumTime }}
                ({{ i18n "lastModified" }}: {{ dateFormat .Site.Params.dateformNumTime .Lastmod.Local }})
              {{ else }} 
                ({{ i18n "lastModified" }}: {{ dateFormat "2006-01-02 15:04" .Lastmod.Local }})
              {{ end }}
            {{ end }}
          {{ end }}
        </p>

        {{- if .GitInfo }}
          <p>
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit">
              <circle cx="12" cy="12" r="4"></circle>
              <line x1="1.05" y1="12" x2="7" y2="12"></line>
              <line x1="17.01" y1="12" x2="22.96" y2="12"></line>
            </svg>

            <a href="{{ .Site.Params.gitUrl -}}{{ .GitInfo.Hash }}" target="_blank" rel="noopener">{{ .GitInfo.AbbreviatedHash }}</a>
            @ {{ if .Site.Params.dateformNum }}{{ dateFormat .Site.Params.dateformNum .GitInfo.AuthorDate.Local }}{{ else }}{{ dateFormat "2006-01-02" .GitInfo.AuthorDate.Local }}{{ end }}
          </p>
        {{- end }}
      </div>

      {{- if .Site.Params.EnableSharingButtons }}
        <hr />
        <div class="sharing-buttons">
          {{ partial "sharing-buttons.html" . }}
        </div>
      {{- end }}

      {{ partial "pagination-single.html" . }}

      {{ if .Site.Config.Services.Disqus.Shortname }}
        {{ if not (eq .Params.Comments "false") }}
          <div id="comments">
            {{ template "_internal/disqus.html" . }}
          </div>
        {{ end }}
      {{ end }}

      {{ if .Site.Params.Commento.Url }}
        <script defer src={{ .Site.Params.Commento.Url }}></script>
        <div id="commento"></div>
      {{ end }}

      {{ if .Site.Params.Utterances.Repository }}
      <script src="https://utteranc.es/client.js"
              repo="{{ .Site.Params.Utterances.Repository }}"
              {{ if .Site.Params.Utterances.Label }}label="{{ .Site.Params.Utterances.Label }}"{{ end }}
              issue-term="{{ .Site.Params.Utterances.IssueTerm }}"
              theme="{{ .Site.Params.Utterances.Theme }}"
              crossorigin="anonymous"
              async>
      </script>
      {{ end }}

    </main>
  </div>
{{ end }}