{{ define "main" }}
  {{ .Scratch.Set "scope" "single" }}
  
  <article class="w-full py-8">
    {{ if .Params.showHero | default (site.Params.article.showHero | default false) }}
      {{ partial (printf "hero/%s.html" (.Params.heroStyle | default site.Params.article.heroStyle)) . }}
    {{ end }}

    <header id="single_header" class="mt-5 max-w-prose mx-auto px-4">
      <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .Title | emojify }}</h1>
      <div class="mt-1 mb-6 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
        {{ partial "article-meta/basic.html" (dict "context" . "scope" "single") }}
        
        <!-- Added Dates Section 
        <div class="mt-2 flex flex-wrap gap-x-4 italic opacity-80 text-sm">
          <span>Published: {{ .Date.Format "Jan 2, 2006" }}</span>
          {{ if ne (.Lastmod.Format "2006-01-02") (.Date.Format "2006-01-02") }}
            <span class="before:content-['•'] before:mr-4">
              Last updated: {{ .Lastmod.Format "Jan 2, 2006" }}
            </span>
          {{ end }}
        </div> -->
      </div>
      {{ if not (.Params.showAuthorBottom | default (site.Params.article.showAuthorBottom | default false)) }}
        {{ template "SingleAuthor" . }}
      {{ end }}
    </header>

    {{/* The Content Wrapper: Standard Blowfish structure */}}
    <div class="mt-8 px-4">
      <div class="container mx-auto prose dark:prose-invert">
        {{ if .Params.showTableOfContents | default site.Params.article.showTableOfContents }}
          <div class="toc-container mb-8">
            {{ partial "toc.html" . }}
          </div>
        {{ end }}
        
        <article class="article-content">
          {{ partial "series/series.html" . }}
          {{ .Content }}
          
          {{ if .Params.replyByEmail | default site.Params.replyByEmail }}
            <strong class="block mt-8">
              <a target="_blank" href="mailto:{{ site.Params.Author.email }}">Reply by Email</a>
            </strong>
          {{ end }}

          <div class="mt-10">
            {{ if (.Params.showAuthorBottom | default (site.Params.article.showAuthorBottom | default false)) }}
              {{ template "SingleAuthor" . }}
            {{ end }}
            {{ partial "series/series-closed.html" . }}
            {{ partial "sharing-links.html" . }}
            {{ partial "related.html" . }}
          </div>
        </article>
      </div>
    </div>

    <footer class="pt-8 mt-12 border-t border-neutral-200 dark:border-neutral-800 max-w-prose mx-auto px-4">
      {{ partial "article-pagination.html" . }}
    </footer>
  </article>
{{ end }}

{{ define "SingleAuthor" }}
  <div class="max-w-prose">
    {{ $authorsData := site.Data.authors }}
    {{ $baseURL := site.BaseURL }}
    {{ $isAuthorBottom := (.Params.showAuthorBottom | default ( site.Params.article.showAuthorBottom | default false)) }}
    {{ if not (strings.HasSuffix $baseURL "/") }}{{ $baseURL = delimit (slice $baseURL "/") "" }}{{ end }}

    {{ if .Params.showAuthor | default (site.Params.article.showAuthor | default true) }}
      {{ partial "author.html" . }}
    {{ end }}

    {{ range $author := .Page.Params.authors }}
      {{ $authorData := index $authorsData $author }}
      {{ if $authorData }}
        {{ $link := printf "%sauthors/%s/" $baseURL $author }}
        {{ partial "author-extra.html" (dict "context" . "data" $authorData "link" $link) }}
      {{ end }}
    {{ end }}
    <div class="{{ cond $isAuthorBottom "mb-10" "mb-5" }}"></div>
  </div>
{{ end }}