{% extends "base.html" %}

{% block htmltitle %}
{# Override : Zensical natif duplique site_name quand page.meta.title == site_name (cas homepage) #}
{# Override: native Zensical duplicates site_name when page.meta.title == site_name (homepage case) #}
{% if page.is_homepage or page.url == "" %}
<title>{{ config.site_name }}</title>
{% elif page.meta and page.meta.title %}
<title>{{ page.meta.title }} - {{ config.site_name }}</title>
{% elif page.title %}
<title>{{ page.title | striptags }} - {{ config.site_name }}</title>
{% else %}
<title>{{ config.site_name }}</title>
{% endif %}
{% endblock %}

{% block extrahead %}
{% if page.meta %}
{% set page_title = page.meta.title or page.title or config.site_name %}
{% set page_desc = page.meta.description or page.meta.summary or page.meta.excerpt or config.site_description %}
{% set page_image = page.meta.image or "" %}
{% else %}
{% set page_title = page.title or config.site_name %}
{% set page_desc = config.site_description %}
{% set page_image = "" %}
{% endif %}
{% set page_url = page.canonical_url or "" %}
{% set base_url = config.site_url or "" %}
{% set is_home = (page.url == "" or page.is_homepage) %}

{# === Détection du type Schema.org ===
   Priorité : schema_type explicite > event_date > author+date > WebPage/Org default
   Priority: explicit schema_type > event_date > author+date > WebPage/Org default
#}
{% if is_home %}
  {% set schema_type = (page.meta.schema_type if page.meta and page.meta.schema_type else "WebSite") %}
  {% set og_type = "website" %}
{% else %}
  {% if page.meta and page.meta.schema_type %}
    {% set schema_type = page.meta.schema_type %}
  {% elif page.meta and page.meta.event_date %}
    {% set schema_type = "Event" %}
  {% elif page.meta and (page.meta.author or page.meta["auteur·ice"]) and page.meta.date %}
    {% set schema_type = "Article" %}
  {% else %}
    {% set schema_type = "WebPage" %}
  {% endif %}
  {% set og_type = "article" if schema_type in ["Article", "BlogPosting", "NewsArticle"] else "website" %}
{% endif %}

<!-- Open Graph -->
<meta property="og:type" content="{{ og_type }}">
<meta property="og:title" content="{{ page_title }}">
<meta property="og:description" content="{{ page_desc }}">
{% if page_url %}<meta property="og:url" content="{{ page_url }}">{% endif %}
{% if page_image and base_url %}<meta property="og:image" content="{{ base_url }}{{ page_image }}">{% endif %}
{% if config.site_name %}<meta property="og:site_name" content="{{ config.site_name }}">{% endif %}

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ page_title }}">
<meta name="twitter:description" content="{{ page_desc }}">
{% if page_image and base_url %}<meta name="twitter:image" content="{{ base_url }}{{ page_image }}">{% endif %}

{# === Schema.org JSON-LD ===
   Home : Organization (ou type spécialisé EducationalOrganization, NGO…) + WebSite implicite
   Sous-page : WebPage / Article / Event + BreadcrumbList automatique
#}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "{{ schema_type }}",
  "name": "{{ page_title | e }}",
  "url": "{{ page_url or base_url }}",
  "description": "{{ page_desc | e }}"
  {%- if is_home %}
    {%- if page.meta and page.meta.logo and base_url %},
  "logo": "{{ base_url }}{{ page.meta.logo }}"
    {%- endif %}
    {%- if page.meta and page.meta.sameAs %},
  "sameAs": [
    {%- for u in page.meta.sameAs %}"{{ u }}"{% if not loop.last %},{% endif %}{% endfor %}
  ]
    {%- endif %}
    {%- if page.meta and page.meta.contact_email %},
  "contactPoint": {
    "@type": "ContactPoint",
    "email": "{{ page.meta.contact_email }}",
    "contactType": "{{ page.meta.contact_type or 'customer service' }}"
  }
    {%- endif %}
    {%- if config.site_author %},
  "author": { "@type": "Organization", "name": "{{ config.site_author | e }}" }
    {%- endif %}
  {%- else %}
    {%- if schema_type == "Event" and page.meta %}
      {%- if page.meta.event_date %},
  "startDate": "{{ page.meta.event_date }}"
      {%- endif %}
      {%- if page.meta.event_end %},
  "endDate": "{{ page.meta.event_end }}"
      {%- endif %}
      {%- if page.meta.event_location %},
  "location": { "@type": "Place", "name": "{{ page.meta.event_location | e }}" }
      {%- endif %},
  "organizer": { "@type": "Organization", "name": "{{ config.site_author | e or config.site_name | e }}" }
    {%- elif schema_type in ["Article", "BlogPosting", "NewsArticle"] and page.meta %}
      {%- if page.meta.date %},
  "datePublished": "{{ page.meta.date }}"
      {%- endif %}
      {%- set _author = page.meta.author or page.meta["auteur·ice"] or config.site_author %}
      {%- if _author %},
  "author": { "@type": "Person", "name": "{{ _author | e }}" }
      {%- endif %}
      {%- if page_image and base_url %},
  "image": "{{ base_url }}{{ page_image }}"
      {%- endif %}
    {%- else %},
  "isPartOf": { "@type": "WebSite", "url": "{{ base_url }}", "name": "{{ config.site_name | e }}" }
    {%- endif %}
  {%- endif %}
}
</script>

{# === BreadcrumbList pour sous-pages — aide Google à comprendre la hiérarchie ===
   On utilise page.ancestors (variable native Zensical) pour avoir titres + URLs propres.
   On filtre les ancestors sans URL (sections sans page d'index) avec selectattr,
   sinon Schema.org BreadcrumbList rejette les positions non-consécutives.
   On construit les URLs absolues via base_url + ancestor.url plutôt que le filter |url
   qui produit du relatif (ex: ../../../).
#}
{% if not is_home and base_url and page_url %}
{% if base_url[-1:] == "/" %}{% set _base_root = base_url[:-1] %}{% else %}{% set _base_root = base_url %}{% endif %}
{% set _valid_ancestors = (page.ancestors or []) | selectattr("url") | list %}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "{{ config.site_name | e }}",
      "item": "{{ _base_root }}/"
    }
    {%- for ancestor in _valid_ancestors | reverse %},
    {
      "@type": "ListItem",
      "position": {{ loop.index + 1 }},
      "name": "{{ ancestor.title | e }}",
      "item": "{{ _base_root }}/{{ ancestor.url }}"
    }
    {%- endfor %},
    {
      "@type": "ListItem",
      "position": {{ (_valid_ancestors | length) + 2 }},
      "name": "{{ page_title | e }}",
      "item": "{{ page_url }}"
    }
  ]
}
</script>
{% endif %}
{% endblock %}

{% block content %}
{% if page.url == "" %}

{# === HERO === #}
{% if page.meta and page.meta.image %}
<div class="home-hero home-hero--bg" role="banner" style="background-image: url('{{ page.meta.image }}');">
{% else %}
<div class="home-hero" role="banner">
{% endif %}
  {% if page.meta and page.meta.logo %}
    <img class="home-hero__logo" src="{{ page.meta.logo }}" alt="">
  {% endif %}

  <p class="home-title">{{ config.site_name }}</p>

  {% if page.meta and page.meta.summary %}
    <p class="home-subtitle">{{ page.meta.summary }}</p>
  {% elif config.site_description %}
    <p class="home-subtitle">{{ config.site_description }}</p>
  {% endif %}

</div>

{# === CONTENU MARKDOWN === #}
<div class="home-body">
  {{ page.content | replace("\\", "<br>") | safe }}
</div>
  
{# === TILES (sections enfants) === #}
{% set tile_count = namespace(n=0) %}
<nav class="home-tiles-wrapper" aria-label="Sections du site">
<div class="home-tiles">
  {% set style_classes = ["style1", "style2", "style3", "style4", "style5", "style6"] %}
  {% for section in nav.items %}
    {% if section.children %}
      {% set idx = section.children | first %}
      {% set meta = idx.meta if idx and idx.meta else {} %}
      <article class="home-tile {{ style_classes[tile_count.n % 6] }}">
        {% if meta.image %}
          <span class="home-tile__image" aria-hidden="true">
            <img src="{{ (idx.url | url) ~ meta.image }}" alt="" loading="lazy">
          </span>
        {% else %}
          <span class="home-tile__image home-tile__image--placeholder" aria-hidden="true"></span>
        {% endif %}
        <a href="{{ idx.url | url }}">
          <h2>{{ section.title }}</h2>
          <div class="home-tile__content">
            {% if meta.excerpt %}
              <p>{{ meta.excerpt }}</p>
            {% elif meta.summary %}
              <p>{{ meta.summary }}</p>
            {% endif %}
            {% if meta.tags %}
              <div class="home-tile__tags">
                {% for tag in meta.tags %}
                  <span class="home-tag" aria-hidden="true">{{ tag }}</span>
                {% endfor %}
              </div>
            {% endif %}
          </div>
        </a>
      </article>
      {% set tile_count.n = tile_count.n + 1 %}
    {% elif section.url and section.url != "" %}
      {% set tile_meta = section.meta if section.meta else {} %}
      {% set tile_url = section.url | url %}
      {% if tile_url %}
      <article class="home-tile {{ style_classes[tile_count.n % 6] }}">
        {% if tile_meta.image %}
          <span class="home-tile__image" aria-hidden="true">
            <img src="{{ tile_url ~ tile_meta.image }}" alt="" loading="lazy">
          </span>
        {% else %}
          <span class="home-tile__image home-tile__image--placeholder" aria-hidden="true"></span>
        {% endif %}
        <a href="{{ tile_url }}">
          <h2>{{ section.title }}</h2>
          <div class="home-tile__content">
            {% if tile_meta.excerpt %}
              <p>{{ tile_meta.excerpt }}</p>
            {% elif tile_meta.summary %}
              <p>{{ tile_meta.summary }}</p>
            {% endif %}
            {% if tile_meta.tags %}
              <div class="home-tile__tags">
                {% for tag in tile_meta.tags %}
                  <span class="home-tag" aria-hidden="true">{{ tag }}</span>
                {% endfor %}
              </div>
            {% endif %}
          </div>
        </a>
      </article>
      {% set tile_count.n = tile_count.n + 1 %}
      {% endif %}
    {% endif %}
  {% endfor %}
</div>
</nav>

{% if page.meta and page.meta.iframe %}
{% set _iframe_title = page.meta.iframe_title or "Contenu intégré" %}
<section class="iframe-embed"{% if page.meta.iframe_title %} aria-labelledby="iframe-heading"{% else %} aria-label="{{ _iframe_title }}"{% endif %}>
  {% if page.meta.iframe_title %}
  <h2 id="iframe-heading" class="iframe-embed__title">{{ page.meta.iframe_title }}</h2>
  {% endif %}
  <iframe {{ page.meta.iframe }} title="{{ _iframe_title }}"></iframe>
</section>
{% endif %}

{% else %}
{{ super() }}
{% if page.meta and page.meta.iframe %}
{% set _iframe_title = page.meta.iframe_title or "Contenu intégré" %}
<section class="iframe-embed"{% if page.meta.iframe_title %} aria-labelledby="iframe-heading"{% else %} aria-label="{{ _iframe_title }}"{% endif %}>
  {% if page.meta.iframe_title %}
  <h2 id="iframe-heading" class="iframe-embed__title">{{ page.meta.iframe_title }}</h2>
  {% endif %}
  <iframe {{ page.meta.iframe }} title="{{ _iframe_title }}"></iframe>
</section>
{% endif %}
{% endif %}
{% endblock %}