{% load static i18n %}
<!DOCTYPE html>
{% get_current_language as CURRENT_LANG %}
<html lang="{{ CURRENT_LANG }}">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="theme-color" content="#191970">

  <!-- ── Titre ── -->
  <title>{% block title %}Jool International | AgriTech Intelligence pour l'Afrique{% endblock %}</title>

  <!-- ── Meta description ── -->
  <meta name="description" content="{% block meta_description %}Jool International développe des solutions AgriTech pour l'agriculture africaine : analyse satellitaire IA, cartographie drone et digitalisation des producteurs.{% endblock %}">
  <meta name="robots" content="{% block meta_robots %}index, follow{% endblock %}">
  <link rel="canonical" href="{% block canonical %}https://jool-international.com{{ request.path }}{% endblock %}">

  <!-- ── Open Graph (partage réseaux sociaux) ── -->
  <meta property="og:type"        content="{% block og_type %}website{% endblock %}">
  <meta property="og:site_name"   content="Jool International">
  <meta property="og:title"       content="{% block og_title %}{% block title_plain %}Jool International | AgriTech Intelligence pour l'Afrique{% endblock %}{% endblock %}">
  <meta property="og:description" content="{% block og_description %}Jool International développe des solutions AgriTech pour l'agriculture africaine : analyse satellitaire IA, cartographie drone et digitalisation des producteurs.{% endblock %}">
  <meta property="og:url"         content="https://jool-international.com{{ request.path }}">
  <meta property="og:image"       content="{% block og_image %}https://jool-international.com{% static 'img/logo.png' %}{% endblock %}">
  <meta property="og:image:width"  content="{% block og_image_w %}5120{% endblock %}">
  <meta property="og:image:height" content="{% block og_image_h %}2180{% endblock %}">
  <meta property="og:image:alt"    content="{% block og_image_alt %}Jool International — Solutions AgriTech pour l'Afrique{% endblock %}">
  <meta property="og:locale"      content="{% if CURRENT_LANG == 'en' %}en_US{% else %}fr_FR{% endif %}">
  <meta property="og:locale:alternate" content="{% if CURRENT_LANG == 'en' %}fr_FR{% else %}en_US{% endif %}">

  <!-- ── Twitter / X card ── -->
  <meta name="twitter:card"        content="summary_large_image">
  <meta name="twitter:site"        content="@JoolInternatio1">
  <meta name="twitter:title"       content="{% block twitter_title %}Jool International | AgriTech Intelligence pour l'Afrique{% endblock %}">
  <meta name="twitter:description" content="{% block twitter_description %}Solutions AgriTech pour l'agriculture africaine : satellite, drone, digitalisation.{% endblock %}">
  <meta name="twitter:image"       content="{% block twitter_image %}https://jool-international.com{% static 'img/logo.png' %}{% endblock %}">

  <!-- ── Schema.org JSON-LD (fallback Organisation) ── -->
  {% block schema_org %}
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Jool International",
    "url": "https://jool-international.com",
    "logo": "https://jool-international.com{% static 'img/logo.png' %}",
    "foundingDate": "2022",
    "description": "Solutions AgriTech pour l'agriculture africaine : analyse satellitaire IA, cartographie drone et digitalisation des producteurs.",
    "areaServed": ["CI", "GH", "SN", "CM", "BF", "ML", "TG", "BJ"],
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Abidjan",
      "addressCountry": "CI"
    },
    "contactPoint": {
      "@type": "ContactPoint",
      "email": "info@jool-int.com",
      "telephone": "+2250799899836",
      "contactType": "customer service"
    },
    "sameAs": [
      "https://www.linkedin.com/company/jool-international/",
      "https://kiriq.ai",
      "https://jool-id.com",
      "https://jool-monitor.com"
    ]
  }
  </script>
  {% endblock %}

  <!-- ── Favicon ── -->
  <link rel="icon"             type="image/x-icon"  href="{% static 'img/favicon.ico' %}">
  <link rel="icon"             type="image/png"     sizes="32x32" href="{% static 'img/favicon-32x32.png' %}">
  <link rel="icon"             type="image/png"     sizes="16x16" href="{% static 'img/favicon-16x16.png' %}">
  <link rel="apple-touch-icon"                      sizes="180x180" href="{% static 'img/apple-touch-icon.png' %}">

  <!-- ── Hreflang ── -->
  <link rel="alternate" hreflang="fr" href="https://jool-international.com{{ request.path }}">
  <link rel="alternate" hreflang="en" href="https://jool-international.com{% language 'en' %}{{ request.path }}{% endlanguage %}">
  <link rel="alternate" hreflang="x-default" href="https://jool-international.com{{ request.path }}">

  <!-- ── Préchargement polices critiques ── -->
  <link rel="preload" as="font" type="font/woff2" crossorigin href="{% static 'fonts/7cHqv4kjgoGqM7E3j-ws51ostz0rdg.woff2' %}">
  <link rel="preload" as="font" type="font/woff2" crossorigin href="{% static 'fonts/7cHqv4kjgoGqM7E3t-4s51ostz0rdg.woff2' %}">
  <link rel="preload" as="font" type="font/woff2" crossorigin href="{% static 'fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2' %}">

  <!-- ── Fonts & styles ── -->
  <link rel="stylesheet" href="{% static 'fonts/fonts.css' %}">
  <link rel="stylesheet" href="{% static 'css/home.css' %}">
  {% block extra_css %}{% endblock %}
</head>
<body>

  {% include "core/partials/_nav.html" %}

  {% block content %}{% endblock %}

  {% include "core/partials/_footer.html" %}

  <script defer src="{% static 'js/faq_toggle.js' %}"></script>
  <script defer src="{% static 'js/scroll_reveal.js' %}"></script>
  <script defer src="{% static 'js/hamburger.js' %}"></script>
  {% block extra_js %}{% endblock %}
</body>
</html>
