<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recherche — RIVER WEAR</title>
<meta name="description" content="Recherchez un produit RIVER WEAR par nom, catégorie ou drop.">
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<div id="site-header"></div>

<main>
  <section class="page-hero">
    <div class="wrap">
      <div class="cat-banner__label">Recherche</div>
      <h1 id="search-title">Résultats</h1>
      <p id="search-summary">Saisissez un terme pour rechercher un produit.</p>
    </div>
  </section>

  <div class="wrap" style="padding:2rem 0 5rem;">
    <div class="grid-products" id="search-grid"></div>
  </div>
</main>

<div id="site-footer"></div>

<script src="https://accounts.google.com/gsi/client" async defer></script>
<script src="js/data.js"></script>
<script src="js/config.js"></script>
<script src="js/store.js"></script>
<script src="js/sheets.js"></script>
<script src="js/app.js"></script>
<script src="js/auth.js"></script>
<script>
RW.ready.then(function () {
  var q = (slugParam('q') || '').trim();
  var ql = q.toLowerCase();

  if (!q) {
    document.getElementById('search-title').textContent = 'Recherche';
    document.getElementById('search-summary').textContent = 'Saisissez un terme pour rechercher un produit.';
    renderProductGrid('search-grid', allProducts().slice(0, 8));
    return;
  }

  var results = allProducts().filter(function (p) {
    return p.name.toLowerCase().indexOf(ql) !== -1 ||
      (p.brand && p.brand.toLowerCase().indexOf(ql) !== -1) ||
      p.category.toLowerCase().indexOf(ql) !== -1 ||
      (getCategory(p.category) && getCategory(p.category).name.toLowerCase().indexOf(ql) !== -1) ||
      (p.short && p.short.toLowerCase().indexOf(ql) !== -1);
  });

  document.getElementById('search-title').textContent = '"' + q + '"';
  document.getElementById('search-summary').textContent = results.length + ' résultat' + (results.length > 1 ? 's' : '') + ' pour "' + q + '"';

  renderProductGrid('search-grid', results);

  syncHeaderOffset();
});
</script>

</body>
</html>