{% extends "sites_conformes_core/base.html" %}
{% load static dsfr_tags wagtailcore_tags wagtailimages_tags wagtailroutablepage_tags wagtail_dsfr_tags i18n %}

{% block title %}
  <title>
    {{ page.seo_title|default:page.title }}
    {% if extra_title %}: {{ extra_title }}{% endif %}
    {% if current_category %}
      — {% translate "Category:" %} {{ current_category }}
    {% endif %}
    {% if current_tag %}
      - {% translate "Tag:" %} {{ current_tag }}
    {% endif %}
    {% if current_author %}
      - {% translate "Author:" %} {{ current_author }}
    {% endif %}
    {% if current_source %}
      - {% translate "Source:" %} {{ current_source }}
    {% endif %}

    {% if paginator.num_pages > 1 %}- Page {{ posts.number }}  / {{ paginator.num_pages }}{% endif %}

    — {{ settings.sites_conformes_content_manager.CmsDsfrConfig.site_title }}
  </title>
{% endblock title %}

{% if page.search_description %}
  {% block description %}
    <meta name="description" content="{{ page.search_description }}" />
  {% endblock description %}
{% endif %}

{% block social_media %}
  <meta property="og:site_name" content="{{ request.get_host }}" />
  <meta property="og:title"
        content="{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}" />
  <meta property="og:type" content="article" />
  <meta property="og:url" content="{% canonical_url %}" />
  <meta property="og:description" content="{{ page.search_description }}" />
  <meta property="og:locale" content="{{ LANGUAGE_CODE }}" />
  <link rel="alternate"
        type="application/atom+xml"
        title="Atom"
        href="{% routablepageurl page 'atom_feed' %}">
  <link rel="alternate"
        type="application/rss+xml"
        title="RSS"
        href="{% routablepageurl page 'rss_feed' %}">

  {% if page.get_translations.live %}
    {% for translation in page.get_translations.live %}
      <meta property="og:locale:alternate"
            content="{{ translation.locale.language_code }}" />
    {% endfor %}
  {% endif %}

  <meta name="twitter:title"
        content="{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}" />
  <meta name="twitter:description" content="{{ page.search_description }}" />
  {% include "sites_conformes_core/blocks/socialmedia_preview_image.html" %}
{% endblock social_media %}

{% block content %}
  {% include "sites_conformes_content_manager/blocks/heading.html" %}

  <div class="fr-container fr-pt-4w">
    {% include "sites_conformes_content_manager/blocks/breadcrumbs.html" %}
    
    {% if page.show_title %}
      <h1>
        {{ page.title }}
        {% if extra_title %}: {{ extra_title }}{% endif %}
        {% include "sites_conformes_content_manager/blocks/page_visibility.html" %}
      </h1>
    {% endif %}

    {% include "sites_conformes_content_manager/blocks/messages.html" %}

    {% if current_category.description %}
      <div class="fr-mb-4w">{{ current_category.description|richtext }}</div>
    {% else %}
      <div class="fr-mb-4w">{{ page.body }}</div>
    {% endif %}

    {% if page.show_filters %}
      <div class="fr-grid-row fr-grid-row--gutters fr-mb-3w">
        <div class="fr-col fr-col-md-4 fr-col-12">
          <nav class="fr-sidemenu fr-sidemenu--sticky-full-height fr-mb-0-5v">
            <div class="fr-sidemenu__inner">
              <button class="fr-sidemenu__btn"
                      hidden
                      aria-controls="fr-sidemenu-wrapper-{{ page.slug }}"
                      aria-expanded="false">{% translate "Filters" %}</button>
              <div class="fr-collapse" id="fr-sidemenu-wrapper-{{ page.slug }}">
                <h2 class="fr-sidemenu__title" id="fr-sidemenu-title">{% translate "Filters" %}</h2>
                {% if categories and page.filter_by_category %}
                  <div class="fr-my-3w">
                    <h3 class="fr-h6">{% translate "Filter by category" %}</h3>
                    <ul class="fr-tags-group">
                      {% for category in categories %}
                        <li>
                          <a type="button"
                             class="fr-tag"
                             href="{% pageurl page %}{% toggle_url_filter category=category %}#posts-list"
                             {% if category.slug == current_category.slug %}aria-pressed="true"{% else %}aria-pressed="false"{% endif %}>
                            {{ category.name }}
                          </a>
                        </li>
                      {% endfor %}
                    </ul>
                  </div>
                {% endif %}

                {% if tags and page.filter_by_tag %}
                  <div class="fr-my-3w">
                    <h3 class="fr-h6">{% translate "Filter by tag" %}</h3>
                    <ul class="fr-tags-group">
                      {% for tag in tags %}
                        <li>
                          <a class="fr-tag"
                             type="button"
                             href="{% pageurl page %}{% toggle_url_filter tag=tag %}#posts-list"
                             {% if tag.id == current_tag.id %}aria-pressed="true"{% else %}aria-pressed="false"{% endif %}>
                            {{ tag }}
                          </a>
                        </li>
                      {% endfor %}
                    </ul>
                  </div>
                {% endif %}

                {% if authors and page.filter_by_author %}
                  <div class="fr-my-3w">
                    <h3 class="fr-h6">{% translate "Filter by author" %}</h3>
                    <ul class="fr-tags-group">
                      {% for author in authors %}
                        <li>
                          <a class="fr-tag"
                             type="button"
                             href="{% pageurl page %}{% toggle_url_filter author=author %}#posts-list"
                             {% if author == current_author %}aria-pressed="true"{% else %}aria-pressed="false"{% endif %}>{{ author.name }}</a>
                        </li>
                      {% endfor %}
                    </ul>
                  </div>
                {% endif %}

                {% if sources and page.filter_by_source %}
                  <div class="fr-my-3w">
                    <h3 class="fr-h6">{% translate "Filter by source" %}</h3>
                    <ul class="fr-tags-group">
                      {% for source in sources %}
                        <li>
                          <a class="fr-tag"
                             type="button"
                             href="{% pageurl page %}{% toggle_url_filter source=source %}#posts-list"
                             {% if source == current_source %}aria-pressed="true"{% else %}aria-pressed="false"{% endif %}>{{ source.name }}</a>
                        </li>
                      {% endfor %}
                    </ul>
                  </div>
                {% endif %}
              </div>
            </div>
          </nav>
        </div>

        <div class="fr-col fr-col-md-8 fr-col-12" id="posts-list">
          <h2>{% translate "Posts" %}</h2>
          <div class="fr-grid-row fr-grid-row--gutters">{% include "sites_conformes_blog/blocks/blog_index_posts_list.html" %}</div>
          {% if posts.paginator.num_pages > 1 %}
            <div class="fr-container fr-grid-row fr-grid-row--center fr-mt-6w">{% dsfr_pagination posts %}</div>
          {% endif %}
          {% include "sites_conformes_blog/blocks/feeds.html" %}
        </div>
      </div>
    {% else %}
      <div id="posts-list">
        <h2>{% translate "Posts" %}</h2>
        <div class="fr-grid-row fr-grid-row--gutters">{% include "sites_conformes_blog/blocks/blog_index_posts_list.html" %}</div>
        {% if posts.paginator.num_pages > 1 %}
          <div class="fr-container fr-grid-row fr-grid-row--center fr-mt-6w">{% dsfr_pagination posts %}</div>
        {% endif %}
        {% include "sites_conformes_blog/blocks/feeds.html" %}
      </div>
    {% endif %}
  </div>
{% endblock content %}