{#-
  Custom override of material/templates/blog-post.html
  Adds an AI assistance badge to the metadata sidebar when ai_assist
  frontmatter is set (or ai_assisted / ai_generated is true), and an
  origin badge when origin: frontmatter is set.
-#}
{% extends "main.html" %}
{% import "partials/nav-item.html" as item with context %}
{% block container %}
  <div class="md-content md-content--post" data-md-component="content">
    <div class="md-sidebar md-sidebar--post" data-md-component="sidebar" data-md-type="navigation">
      <div class="md-sidebar__scrollwrap">
        <div class="md-sidebar__inner md-post">
          <nav class="md-nav md-nav--primary">
            <div class="md-post__back">
              <div class="md-nav__title md-nav__container">
                <a href="{{ page.parent.url | url }}" class="md-nav__link">
                  {% include ".icons/material/arrow-left.svg" %}
                  <span class="md-ellipsis">
                    {{ lang.t("blog.index") }}
                  </span>
                </a>
              </div>
            </div>
            {% if page.authors %}
              <div class="md-post__authors md-typeset">
                {% for author in page.authors %}
                  <div class="md-profile md-post__profile">
                    <span class="md-author md-author--long">
                      <img src="{{ author.avatar }}" alt="{{ author.name }}">
                    </span>
                    <span class="md-profile__description">
                      <strong>
                        {% if author.url %}
                          <a href="{{ author.url }}">{{ author.name }}</a>
                        {% else %}
                          {{ author.name }}
                        {% endif %}
                      </strong>
                      <br>
                      {{ author.description }}
                    </span>
                  </div>
                {% endfor %}
              </div>
            {% endif %}
            <ul class="md-post__meta md-nav__list">
              <li class="md-nav__item md-nav__item--section">
                <div class="md-post__title">
                  <span class="md-ellipsis">
                    {{ lang.t("blog.meta") }}
                  </span>
                </div>
                <nav class="md-nav">
                  <ul class="md-nav__list">
                    <li class="md-nav__item">
                      <div class="md-nav__link">
                        {% include ".icons/material/calendar.svg" %}
                        <time datetime="{{ page.config.date.created }}" class="md-ellipsis">
                          {{- page.config.date.created | date -}}
                        </time>
                      </div>
                    </li>
                    {% if page.config.date.updated %}
                      <li class="md-nav__item">
                        <div class="md-nav__link">
                          {% include ".icons/material/calendar-clock.svg" %}
                          <time datetime="{{ page.config.date.updated }}" class="md-ellipsis">
                            {{- page.config.date.updated | date -}}
                          </time>
                        </div>
                      </li>
                    {% endif %}
                    {% if page.categories %}
                      <li class="md-nav__item">
                        <div class="md-nav__link">
                          {% include ".icons/material/bookshelf.svg" %}
                          <span class="md-ellipsis">
                            {{ lang.t("blog.categories.in") }}
                            {% for category in page.categories %}
                              <a href="{{ category.url | url }}">
                                {{- category.title -}}
                              </a>
                              {%- if loop.revindex > 1 %}, {% endif -%}
                            {% endfor -%}
                          </span>
                        </div>
                      </li>
                    {% endif %}
                    {% if page.meta.location and page.meta.location.latitude and page.meta.location.longitude %}
                      <li class="md-nav__item">
                        <div class="md-nav__link">
                          {% include ".icons/material/map-marker.svg" %}
                          <span class="md-ellipsis">
                            <a href="https://www.openstreetmap.org/?mlat={{ page.meta.location.latitude }}&mlon={{ page.meta.location.longitude }}#map=16/{{ page.meta.location.latitude }}/{{ page.meta.location.longitude }}" target="_blank" rel="noopener">
                              {{- page.meta.location.name or "View on map" -}}
                            </a>
                          </span>
                        </div>
                      </li>
                    {% endif %}
                    {% if page.config.readtime %}
                      {% set time = page.config.readtime %}
                      <li class="md-nav__item">
                        <div class="md-nav__link">
                          {% include ".icons/material/clock-outline.svg" %}
                          <span class="md-ellipsis">
                            {% if time == 1 %}
                              {{ lang.t("readtime.one") }}
                            {% else %}
                              {{ lang.t("readtime.other") | replace("#", time) }}
                            {% endif %}
                          </span>
                        </div>
                      </li>
                    {% endif %}
                    {# ── AI assistance badge (custom addition) ── #}
                    {% set ai_level = page.meta.ai_assist or
                                      ("generated" if page.meta.ai_generated else
                                       ("assisted" if page.meta.ai_assisted else none)) %}
                    {% if ai_level %}
                      {% set ai_labels = {
                        "collaborated": "Human-AI collaboration",
                        "drafted":   "AI-drafted, human-reviewed & revised",
                        "reviewed":  "Human-authored, AI-reviewed & edited",
                        "generated": "AI-generated",
                        "assisted":  "AI-assisted"
                      } %}
                      <li class="md-nav__item">
                        <div class="md-nav__link">
                          {% include ".icons/material/robot.svg" %}
                          <span class="md-ellipsis ai-assist-badge ai-assist-{{ ai_level }}">
                            {{ ai_labels[ai_level] }}
                          </span>
                        </div>
                      </li>
                    {% endif %}
                    {# ── Post origin badge (custom addition) ── #}
                    {% if page.meta.origin %}
                      {% set origin_labels = {
                        "member-raised":   "Raised by a DOD member",
                        "event-coverage":  "Event coverage",
                        "world-commentary": "World commentary",
                        "milestone":       "DOD milestone",
                        "reader-question": "Reader question"
                      } %}
                      <li class="md-nav__item">
                        <div class="md-nav__link">
                          {% include ".icons/material/compass-outline.svg" %}
                          <span class="md-ellipsis origin-badge origin-{{ page.meta.origin }}">
                            {{ origin_labels[page.meta.origin] or page.meta.origin }}
                          </span>
                        </div>
                      </li>
                    {% endif %}
                  </ul>
                </nav>
              </li>
            </ul>
          </nav>
          {% if "toc.integrate" in features %}
            {% include "partials/toc.html" %}
          {% endif %}
        </div>
      </div>
    </div>
    <article class="md-content__inner md-typeset">
      {% block content %}
        {% include "partials/content.html" %}
      {% endblock %}
    </article>
  </div>
{% endblock %}