{% extends "base.html" %}
{% load static %}

{% block content %}

<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@400;500&display=swap" rel="stylesheet"/>
<!-- Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet"/>
<link rel="shortcut icon" type="image/jpeg" href="{% static 'img/logo-removebg-preview.png' %}">
<style>
  :root {
    --color-primary:    #205397;
    --color-accent:     #e90707;
    --color-dark:       #1E1E1E;
    --color-light-blue: #4A90E2;
    --color-white:      #FFFFFF;
    --font-display: 'Playfair Display', serif;
    --font-body:    'DM Sans', sans-serif;
  }

  body { font-family: var(--font-body); background: #f0f4f9; color: var(--color-dark); }

  /* ─── HERO ─── */
  .blog-hero {
    position: relative;
    background: var(--color-primary);
    overflow: hidden;
    padding: 5rem 0 4rem;
  }
  .blog-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--logo-url);
    background-repeat: no-repeat;
    background-position: right -40px center;
    background-size: 420px;
    opacity: 0.06;
  }
  .hero-deco-ring {
    position: absolute;
    border-radius: 50%;
    border: 40px solid rgba(255,255,255,0.05);
  }
  .ring1 { width: 340px; height: 340px; top: -120px; right: -80px; }
  .ring2 { width: 180px; height: 180px; bottom: -60px; left: 10%; border-color: rgba(233,7,7,0.15); }
  .hero-badge {
    display: inline-block;
    background: rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.85);
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 2px;
    border: 1px solid rgba(255,255,255,0.2);
    margin-bottom: 1.25rem;
  }
  .hero-title {
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 5vw, 3.2rem);
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 1rem;
  }
  .hero-title em { font-style: normal; color: #7eb3f0; }
  .hero-accent-bar {
    width: 56px; height: 4px;
    background: var(--color-accent);
    border-radius: 2px;
    margin-bottom: 1.25rem;
  }
  .hero-text {
    color: rgba(255,255,255,0.72);
    font-size: 15.5px;
    line-height: 1.75;
    max-width: 600px;
    margin: 0;
  }

  /* ─── SEARCH & FILTER ─── */
  .blog-toolbar {
    background: var(--color-dark);
    padding: 1.25rem 0;
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 2px solid rgba(233,7,7,0.4);
  }
  .search-wrap {
    position: relative;
    max-width: 380px;
  }
  .search-wrap input {
    width: 100%;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 6px;
    color: #fff;
    padding: 8px 16px 8px 42px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
  }
  .search-wrap input::placeholder { color: rgba(255,255,255,0.4); }
  .search-wrap input:focus { border-color: rgba(255,255,255,0.4); }
  .search-wrap i {
    position: absolute;
    left: 14px; top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,0.4);
    font-size: 16px;
  }
  .filter-tags { display: flex; gap: 8px; flex-wrap: wrap; }
  .filter-tag {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.65);
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
    letter-spacing: 0.3px;
  }
  .filter-tag:hover,
  .filter-tag.active {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: #fff;
  }

  /* ─── FEATURED ARTICLE ─── */
  .featured-section { padding: 4rem 0 2rem; }
  .featured-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #dce8f5;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 360px;
    transition: box-shadow 0.3s, transform 0.3s;
  }
  .featured-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(32,83,151,0.14); }
  .featured-img {
    background: linear-gradient(135deg, var(--color-primary) 0%, #1a4480 60%, #0e2d5c 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 2.5rem;
  }
  .featured-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--logo-url);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 280px;
    opacity: 0.12;
  }
  .featured-img-icon {
    font-size: 5rem;
    color: rgba(255,255,255,0.25);
    z-index: 1;
  }
  .featured-body {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .article-category {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 3px 12px;
    border-radius: 3px;
    margin-bottom: 1rem;
  }
  .cat-cyber { background: #fde8e8; color: var(--color-accent); }
  .cat-dev   { background: #e8f0fa; color: var(--color-primary); }
  .cat-reseau{ background: #e1f5ee; color: #0f6e56; }
  .cat-gestion{background: #faeeda; color: #854f0b;}
  .cat-ia    { background: #eeedfe; color: #534ab7; }
  .featured-body h2 {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.25;
    margin-bottom: 0.75rem;
  }
  .featured-body p {
    font-size: 15px;
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    flex-grow: 1;
  }
  .featured-meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 12px;
    color: #8a9ab0;
    margin-bottom: 1.5rem;
  }
  .featured-meta i { color: var(--color-accent); }
  .btn-read {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 22px;
    border-radius: 6px;
    text-decoration: none;
    border: none;
    transition: background 0.2s, transform 0.2s;
    align-self: flex-start;
  }
  .btn-read:hover { background: #1a4480; color: #fff; transform: translateX(3px); }
  .btn-read i { font-size: 16px; }

  /* ─── SECTION TITLES ─── */
  .section-label {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--color-accent);
    font-weight: 500;
    margin-bottom: 0.5rem;
  }
  .section-title {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
  }
  .section-divider {
    width: 40px; height: 3px;
    background: var(--color-accent);
    border-radius: 2px;
    margin-bottom: 2rem;
  }

  /* ─── BLOG GRID ─── */
  .blog-section { padding: 3rem 0 5rem; }
  .blog-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #dce8f5;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s, box-shadow 0.3s;
  }
  .blog-card:hover { transform: translateY(-5px); box-shadow: 0 12px 36px rgba(32,83,151,0.12); }
  .card-thumb {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
  }
  .card-thumb i { font-size: 3.5rem; color: rgba(255,255,255,0.3); z-index: 1; }
  .thumb-cyber  { background: linear-gradient(135deg, #a32d2d 0%, #e90707 100%); }
  .thumb-dev    { background: linear-gradient(135deg, #185fa5 0%, #4A90E2 100%); }
  .thumb-reseau { background: linear-gradient(135deg, #0f6e56 0%, #1D9E75 100%); }
  .thumb-ia     { background: linear-gradient(135deg, #3c3489 0%, #7f77dd 100%); }
  .thumb-gestion{ background: linear-gradient(135deg, #854f0b 0%, #ef9f27 100%); }
  .thumb-electro{ background: linear-gradient(135deg, #1E1E1E 0%, #205397 100%); }

  .card-body-inner {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .card-body-inner h3 {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.3;
    margin: 0.75rem 0 0.6rem;
  }
  .card-body-inner p {
    font-size: 13.5px;
    color: #4a5568;
    line-height: 1.65;
    flex-grow: 1;
    margin: 0 0 1.25rem;
  }
  .card-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 12px;
    color: #8a9ab0;
    margin-bottom: 1.25rem;
  }
  .card-meta i { color: var(--color-accent); font-size: 13px; }
  .btn-read-sm {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: 1.5px solid var(--color-primary);
    padding: 6px 16px;
    border-radius: 5px;
    transition: all 0.2s;
    align-self: flex-start;
  }
  .btn-read-sm:hover { background: var(--color-primary); color: #fff; }

  /* ─── SIDEBAR / NEWSLETTER ─── */
  .sidebar-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #dce8f5;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .sidebar-card h4 {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #f0f4f9;
  }
  .newsletter-card {
    background: var(--color-primary);
    border-color: transparent;
  }
  .newsletter-card h4 { color: #fff; border-color: rgba(255,255,255,0.1); }
  .newsletter-card p { color: rgba(255,255,255,0.72); font-size: 13.5px; line-height: 1.6; margin-bottom: 1rem; }
  .newsletter-input {
    width: 100%;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    color: #fff;
    padding: 9px 14px;
    font-size: 13px;
    margin-bottom: 0.75rem;
    outline: none;
  }
  .newsletter-input::placeholder { color: rgba(255,255,255,0.45); }
  .btn-newsletter {
    width: 100%;
    background: var(--color-accent);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 9px;
    font-size: 13.5px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
  }
  .btn-newsletter:hover { background: #c50606; }

  .topic-list { list-style: none; padding: 0; margin: 0; }
  .topic-list li {
    display: flex; align-items: center; justify-content: space-between;
    padding: 7px 0;
    border-bottom: 1px solid #f0f4f9;
    font-size: 13.5px;
    color: #4a5568;
    cursor: pointer;
    transition: color 0.2s;
  }
  .topic-list li:last-child { border-bottom: none; }
  .topic-list li:hover { color: var(--color-primary); }
  .topic-count {
    font-size: 11px;
    background: #e8f0fa;
    color: var(--color-primary);
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
  }

  .recent-post {
    display: flex; gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f4f9;
  }
  .recent-post:last-child { border-bottom: none; }
  .recent-thumb {
    width: 52px; height: 52px;
    border-radius: 6px;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
    color: rgba(255,255,255,0.5);
  }
  .recent-post h6 {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-dark);
    margin: 0 0 4px;
    line-height: 1.35;
  }
  .recent-post span { font-size: 11px; color: #8a9ab0; }

  /* ─── PAGINATION ─── */
  .pagination-wrap { padding: 2rem 0 1rem; }
  .page-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px;
    border-radius: 6px;
    border: 1px solid #dce8f5;
    background: #fff;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
  }
  .page-btn:hover, .page-btn.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
  }

  /* ─── ANIMATIONS ─── */
  .fade-in-up {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .fade-in-up.visible { opacity: 1; transform: translateY(0); }

  @media (max-width: 768px) {
    .featured-card { grid-template-columns: 1fr; }
    .featured-img { min-height: 200px; }
  }
</style>

<!-- HERO -->
<section class="blog-hero" id="blog-hero">
  <div class="hero-deco-ring ring1"></div>
  <div class="hero-deco-ring ring2"></div>
  <div class="container position-relative">
    <div class="row align-items-center">
      <div class="col-lg-8">
        <div class="hero-badge fade-in-up">Actualités · Conseils · Innovations</div>
        <h1 class="hero-title fade-in-up" style="transition-delay:0.1s">
          Blog <em>ESSIG</em>
        </h1>
        <div class="hero-accent-bar fade-in-up" style="transition-delay:0.2s"></div>
        <p class="hero-text fade-in-up" style="transition-delay:0.25s">
          Actualités, conseils, formations et innovations dans les domaines
          de l'informatique, de l'ingénierie et de la gestion.
        </p>
      </div>
    </div>
  </div>
</section>

<!-- SEARCH & FILTER BAR -->
<div class="blog-toolbar">
  <div class="container">
    <div class="d-flex flex-wrap align-items-center gap-3 justify-content-between">
      <div class="search-wrap">
        <i class="bi bi-search"></i>
        <input type="text" id="searchInput" placeholder="Rechercher un article…"/>
      </div>
      <div class="filter-tags">
        <button class="filter-tag active" data-cat="all">Tous</button>
        <button class="filter-tag" data-cat="cyber">Cybersécurité</button>
        <button class="filter-tag" data-cat="dev">Développement</button>
        <button class="filter-tag" data-cat="reseau">Réseaux</button>
        <button class="filter-tag" data-cat="ia">IA & Data</button>
        <button class="filter-tag" data-cat="gestion">Gestion</button>
      </div>
    </div>
  </div>
</div>

<!-- ARTICLE À LA UNE -->
<section class="featured-section">
  <div class="container">
    <div class="section-label fade-in-up">À la une</div>
    <h2 class="section-title fade-in-up" style="transition-delay:0.05s">Article du moment</h2>
    <div class="section-divider fade-in-up" style="transition-delay:0.1s"></div>
    <div class="featured-card fade-in-up" style="transition-delay:0.15s">
      <div class="featured-img">
        <i class="bi bi-shield-lock featured-img-icon"></i>
      </div>
      <div class="featured-body">
        <span class="article-category cat-cyber">Cybersécurité</span>
        <h2>Comment devenir un expert en cybersécurité ?</h2>
        <div class="featured-meta">
          <span><i class="bi bi-calendar3"></i> 02 Mai 2026</span>
          <span><i class="bi bi-clock"></i> 6 min de lecture</span>
          <span><i class="bi bi-eye"></i> 1 248 vues</span>
        </div>
        <p>
          Découvrez les compétences essentielles pour devenir un professionnel
          de la cybersécurité aujourd'hui : certifications, outils, parcours et
          opportunités de carrière au Togo et en Afrique.
        </p>
        <a href="#" class="btn-read">Lire l'article <i class="bi bi-arrow-right"></i></a>
      </div>
    </div>
  </div>
</section>

<!-- GRID ARTICLES + SIDEBAR -->
<section class="blog-section">
  <div class="container">
    <div class="row g-4">

      <!-- ARTICLES GRID -->
      <div class="col-lg-8">
        <div class="section-label fade-in-up">Derniers articles</div>
        <h2 class="section-title fade-in-up" style="transition-delay:0.05s">Toutes les publications</h2>
        <div class="section-divider fade-in-up" style="transition-delay:0.1s"></div>

        <div class="row g-4" id="articlesGrid">

          <!-- CARD 1 -->
          <div class="col-md-6 fade-in-up article-item" data-cat="dev" data-title="les métiers du développement mobile en 2026">
            <div class="blog-card">
              <div class="card-thumb thumb-dev">
                <i class="bi bi-phone"></i>
              </div>
              <div class="card-body-inner">
                <span class="article-category cat-dev">Développement</span>
                <h3>Les métiers du développement mobile en 2026</h3>
                <div class="card-meta">
                  <span><i class="bi bi-calendar3"></i> 28 Avr 2026</span>
                  <span><i class="bi bi-clock"></i> 4 min</span>
                </div>
                <p>Flutter, Android, iOS… quels sont les débouchés réels ? Zoom sur les technologies les plus demandées et les salaires du marché africain.</p>
                <a href="#" class="btn-read-sm">Lire <i class="bi bi-arrow-right"></i></a>
              </div>
            </div>
          </div>

          <!-- CARD 2 -->
          <div class="col-md-6 fade-in-up article-item" data-cat="reseau" data-title="pourquoi choisir une formation en réseaux">
            <div class="blog-card">
              <div class="card-thumb thumb-reseau">
                <i class="bi bi-diagram-3"></i>
              </div>
              <div class="card-body-inner">
                <span class="article-category cat-reseau">Réseaux</span>
                <h3>Pourquoi choisir une formation en réseaux ?</h3>
                <div class="card-meta">
                  <span><i class="bi bi-calendar3"></i> 21 Avr 2026</span>
                  <span><i class="bi bi-clock"></i> 5 min</span>
                </div>
                <p>Les réseaux informatiques sont la base de toute infrastructure moderne. Un secteur en croissance constante avec de belles perspectives de carrière.</p>
                <a href="" class="btn-read-sm">Lire <i class="bi bi-arrow-right"></i></a>
              </div>
            </div>
          </div>

          <!-- CARD 3 -->
          <div class="col-md-6 fade-in-up article-item" data-cat="ia" data-title="intelligence artificielle et avenir de l'ingénierie en afrique">
            <div class="blog-card">
              <div class="card-thumb thumb-ia">
                <i class="bi bi-cpu"></i>
              </div>
              <div class="card-body-inner">
                <span class="article-category cat-ia">IA & Data</span>
                <h3>Intelligence artificielle et avenir de l'ingénierie en Afrique</h3>
                <div class="card-meta">
                  <span><i class="bi bi-calendar3"></i> 15 Avr 2026</span>
                  <span><i class="bi bi-clock"></i> 7 min</span>
                </div>
                <p>L'IA transforme tous les secteurs. Comment les ingénieurs africains peuvent-ils tirer parti de cette révolution technologique ?</p>
                <a href="" class="btn-read-sm">Lire <i class="bi bi-arrow-right"></i></a>
              </div>
            </div>
          </div>

          <!-- CARD 4 -->
          <div class="col-md-6 fade-in-up article-item" data-cat="gestion" data-title="gestion de projet agile scrum pour les étudiants">
            <div class="blog-card">
              <div class="card-thumb thumb-gestion">
                <i class="bi bi-kanban"></i>
              </div>
              <div class="card-body-inner">
                <span class="article-category cat-gestion">Gestion</span>
                <h3>Gestion de projet Agile & Scrum pour les étudiants</h3>
                <div class="card-meta">
                  <span><i class="bi bi-calendar3"></i> 10 Avr 2026</span>
                  <span><i class="bi bi-clock"></i> 5 min</span>
                </div>
                <p>Maîtriser Scrum et les méthodes agiles dès la formation, c'est un avantage concurrentiel fort sur le marché du travail moderne.</p>
                <a href="" class="btn-read-sm">Lire <i class="bi bi-arrow-right"></i></a>
              </div>
            </div>
          </div>

          <!-- CARD 5 -->
          <div class="col-md-6 fade-in-up article-item" data-cat="cyber" data-title="les 10 vulnérabilités les plus exploitées en 2026">
            <div class="blog-card">
              <div class="card-thumb thumb-cyber">
                <i class="bi bi-bug"></i>
              </div>
              <div class="card-body-inner">
                <span class="article-category cat-cyber">Cybersécurité</span>
                <h3>Les 10 vulnérabilités les plus exploitées en 2026</h3>
                <div class="card-meta">
                  <span><i class="bi bi-calendar3"></i> 05 Avr 2026</span>
                  <span><i class="bi bi-clock"></i> 8 min</span>
                </div>
                <p>SQL injection, XSS, CSRF… les failles les plus courantes et comment les prévenir dans vos applications web et mobiles.</p>
                <a href="" class="btn-read-sm">Lire <i class="bi bi-arrow-right"></i></a>
              </div>
            </div>
          </div>

          <!-- CARD 6 -->
          <div class="col-md-6 fade-in-up article-item" data-cat="dev" data-title="django vs laravel quel framework choisir en 2026">
            <div class="blog-card">
              <div class="card-thumb thumb-electro">
                <i class="bi bi-code-slash"></i>
              </div>
              <div class="card-body-inner">
                <span class="article-category cat-dev">Développement</span>
                <h3>Django vs Laravel : quel framework choisir en 2026 ?</h3>
                <div class="card-meta">
                  <span><i class="bi bi-calendar3"></i> 01 Avr 2026</span>
                  <span><i class="bi bi-clock"></i> 6 min</span>
                </div>
                <p>Comparatif objectif entre les deux frameworks web les plus populaires : performance, communauté, écosystème et cas d'usage.</p>
                <a href="" class="btn-read-sm">Lire <i class="bi bi-arrow-right"></i></a>
              </div>
            </div>
          </div>

        </div><!-- end grid -->

        <!-- No results -->
        <div id="noResults" class="text-center py-5" style="display:none;">
          <i class="bi bi-search" style="font-size:3rem; color:#c0ccda;"></i>
          <p class="mt-3" style="color:#8a9ab0; font-size:15px;">Aucun article trouvé pour cette recherche.</p>
        </div>

        <!-- PAGINATION -->
        <div class="pagination-wrap d-flex gap-2 fade-in-up">
          <a href="#" class="page-btn active">1</a>
          <a href="#" class="page-btn">2</a>
          <a href="#" class="page-btn">3</a>
          <a href="#" class="page-btn"><i class="bi bi-chevron-right"></i></a>
        </div>
      </div>

      <!-- SIDEBAR -->
      <div class="col-lg-4">

        <!-- Newsletter -->
        <div class="sidebar-card newsletter-card fade-in-up">
          <h4><i class="bi bi-envelope-heart me-2"></i>Newsletter ESSIG</h4>
          <p>Recevez les derniers articles et actualités de l'école directement dans votre boîte mail.</p>
          <input type="email" class="newsletter-input" placeholder="votre@email.com"/>
          <button class="btn-newsletter">S'abonner <i class="bi bi-send ms-1"></i></button>
        </div>

        <!-- Thèmes -->
        <div class="sidebar-card fade-in-up" style="transition-delay:0.1s">
          <h4><i class="bi bi-tags me-2" style="color:var(--color-accent)"></i>Thèmes populaires</h4>
          <ul class="topic-list">
            <li><span>Cybersécurité</span><span class="topic-count">12</span></li>
            <li><span>Développement Web</span><span class="topic-count">9</span></li>
            <li><span>Réseaux</span><span class="topic-count">7</span></li>
            <li><span>IA & Data Science</span><span class="topic-count">6</span></li>
            <li><span>Gestion de projet</span><span class="topic-count">5</span></li>
            <li><span>Électrotechnique</span><span class="topic-count">4</span></li>
          </ul>
        </div>

        <!-- Articles récents -->
        <div class="sidebar-card fade-in-up" style="transition-delay:0.2s">
          <h4><i class="bi bi-clock-history me-2" style="color:var(--color-accent)"></i>Articles récents</h4>
          <div class="recent-post">
            <div class="recent-thumb thumb-cyber"><i class="bi bi-shield-lock"></i></div>
            <div>
              <h6>Expert en cybersécurité : par où commencer ?</h6>
              <span>02 Mai 2026</span>
            </div>
          </div>
          <div class="recent-post">
            <div class="recent-thumb thumb-dev"><i class="bi bi-phone"></i></div>
            <div>
              <h6>Développement mobile : les métiers en 2026</h6>
              <span>28 Avr 2026</span>
            </div>
          </div>
          <div class="recent-post">
            <div class="recent-thumb thumb-ia"><i class="bi bi-cpu"></i></div>
            <div>
              <h6>IA et ingénierie en Afrique</h6>
              <span>15 Avr 2026</span>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
  // Logo watermark
  const logoB64 = 'data:image/jpeg;base64,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';
  document.documentElement.style.setProperty('--logo-url', `url("${logoB64}")`);

  // Scroll reveal
  const obs = new IntersectionObserver(entries => {
    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });
  }, { threshold: 0.1 });
  document.querySelectorAll('.fade-in-up').forEach(el => obs.observe(el));
  setTimeout(() => document.querySelectorAll('#blog-hero .fade-in-up').forEach(el => el.classList.add('visible')), 80);

  // Filter tabs
  const filterBtns = document.querySelectorAll('.filter-tag');
  const articles = document.querySelectorAll('.article-item');
  let currentCat = 'all';

  function filterArticles() {
    const query = document.getElementById('searchInput').value.toLowerCase().trim();
    let visible = 0;
    articles.forEach(a => {
      const catMatch = currentCat === 'all' || a.dataset.cat === currentCat;
      const txtMatch = !query || a.dataset.title.includes(query) || a.innerText.toLowerCase().includes(query);
      const show = catMatch && txtMatch;
      a.style.display = show ? '' : 'none';
      if (show) visible++;
    });
    document.getElementById('noResults').style.display = visible === 0 ? 'block' : 'none';
  }

  filterBtns.forEach(btn => {
    btn.addEventListener('click', () => {
      filterBtns.forEach(b => b.classList.remove('active'));
      btn.classList.add('active');
      currentCat = btn.dataset.cat;
      filterArticles();
    });
  });

  document.getElementById('searchInput').addEventListener('input', filterArticles);
</script>

{% endblock %}