{{ define "main" }}
{{ $articleType := .Params.type | default "life" }}
{{ $template := printf "article-types/%s.html" $articleType }}
<article class="mx-auto px-4 py-12">
  <div class="grid md:grid-cols-3 gap-8 max-w-7xl mx-auto content-grid">
    <!-- Article section -->
    <div class="md:col-span-2">
      <!-- Top article navigation -->
      {{ partial "article-nav.html" (dict "page" . "variant" "top") }}

      <!-- Breadcrumb -->
      {{ partial "breadcrumb.html" . }}

      <!-- Article header -->
      {{ partial "article-header.html" . }}

      <!-- Type-specific content -->
      {{ partial $template . }}

      <!-- Tags section -->
      {{ if .Params.tags }}
      <div class="border-t border-border pt-8">
        <h3 class="text-lg font-semibold text-accent mb-4">{{ i18n "tags" }}</h3>
        <div class="flex flex-wrap gap-2">
          {{ $lang := .Lang }}
          {{ range .Params.tags }}
          {{ $tagUrl := printf "/tags/%s/" (. | urlize) }}
          {{ if eq $lang "it" }}
            {{ $tagUrl = printf "/it/tags/%s/" (. | urlize) }}
          {{ end }}
          <a
            href="{{ $tagUrl }}"
            class="inline-flex items-center px-3 py-1 border border-border/30 rounded hover:border-accent/50 hover:text-accent transition-colors text-sm"
          >
            {{ . }}
          </a>
          {{ end }}
        </div>
      </div>
      {{ end }}

      <!-- Bottom article navigation -->
      {{ partial "article-nav.html" (dict "page" . "variant" "bottom") }}
    </div>

    <!-- Sidebar -->
    {{ partial "sidebar.html" . }}
  </div>
</article>
{{ end }}
