{% extends "django_design_system/base.html" %}
{% load  static design_system_tags wagtailcore_tags wagtailimages_tags i18n wagtailuserbar wagtailsettings_tags sass_tags %}

{% get_settings use_default_site=True %}

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

{% block extra_css %}

<link href="{% static 'sites-faciles/css/style.css' %}"
rel="stylesheet"
type="text/css" />

{% endblock extra_css %}

{% block opengraph %}
    <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="{{ page.full_url }}" />
    <meta property="og:description" content="{{ page.search_description }}" />
    <meta property="og:locale" content="{{ LANGUAGE_CODE }}" />

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

{% block social_media %}
    <meta name="twitter:title"
          content="{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}" />
    <meta name="twitter:description" content="{{ page.search_description }}" />

    {% if page.header_image %}
        <meta name="twitter:card" content="summary_large_image" />
        {% image page.header_image fill-1200x627 as header_image %}
        <meta property="og:image" content="{{ header_image.full_url }}" />
        <meta name="twitter:image" content="{{ header_image.full_url }}" />
    {% else %}
        <meta name="twitter:card" content="summary" />
    {% endif %}
{% endblock social_media %}

{% block tracking %}
  {% if settings.wagtail_design_system.AnalyticsSettings.head_scripts %}
    {{ settings.wagtail_design_system.AnalyticsSettings.head_scripts|safe }}
  {% endif %}
{% endblock tracking %}

{% block skiplinks %}
  {% wagtailuserbar %}
  {% design_system_skiplinks skiplinks %}
{% endblock skiplinks %}

{% block breadcrumb %}
{% endblock breadcrumb %}

{% block topbody%}
{% endblock topbody%}

{% block header %}
  {% include "wagtail_design_system/header.html" %}
  {% if settings.wagtail_design_system.WagtailDesignSystemConfig.notice %}
    {% design_system_notice title=settings.wagtail_design_system.WagtailDesignSystemConfig.notice %}
  {% endif %}
{% endblock header %}

{% comment %}
  {% design_system_theme_modale %}
{% endcomment %}

{% block follow_newsletter_social_media %}
  {% if settings.wagtail_design_system.WagtailDesignSystemConfig.show_newsletter_and_social_block %}
    {% include "wagtail_design_system/follow.html" %}
  {% endif %}
{% endblock follow_newsletter_social_media %}

{% block footer %}
  {% include "wagtail_design_system/footer.html" %}
{% endblock footer %}


{% block body_tracking_scripts %}
  {% if settings.wagtail_design_system.AnalyticsSettings.body_scripts %}
    {{ settings.wagtail_design_system.AnalyticsSettings.body_scripts|safe }}
  {% endif %}
{% endblock body_tracking_scripts %}

{% comment %}
{% design_system_js nonce=request.csp_nonce %}
{% endcomment %}

{% block extra_js %}
{% comment %}
<script src="{% static 'design-system/js/common.js' %}">
</script>
{% endcomment %}
{% endblock extra_js %}

{# djlint:off #}
{% block lang %}{% get_current_language as LANGUAGE_CODE %}{{ LANGUAGE_CODE }}{% endblock lang %}
{# djlint:on #}