Heure limite d'expédition

{%- comment -%} NAHNAH AI · Heure limite d'expédition {%- endcomment -%}
<div class="nn-annonces-heure-limite-expedition" data-heure="{{ section.settings.heure_limite }}" data-jours="{{ section.settings.jours_ouvres | escape }}" data-avant="{{ section.settings.texte_avant | escape }}" data-apres="{{ section.settings.texte_apres | escape }}" style="--nn-fond: {{ section.settings.couleur_fond }}; --nn-texte: {{ section.settings.couleur_texte }}; --nn-accent: {{ section.settings.couleur_accent }};">
  <span class="nn-annonces-heure-limite-expedition__icone" aria-hidden="true">📦</span>
  <p class="nn-annonces-heure-limite-expedition__texte" aria-live="polite">{{ section.settings.texte_apres | escape }}</p>
</div>
{% schema %}
{"name":"Heure limite d'expédition","settings":[
{"type":"range","id":"heure_limite","label":"Heure limite (heure de Paris)","min":8,"max":22,"step":1,"unit":"h","default":14},
{"type":"text","id":"jours_ouvres","label":"Jours d'expédition (1 = lundi … 7 = dimanche)","default":"1,2,3,4,5"},
{"type":"text","id":"texte_avant","label":"Texte avant l'heure limite ({temps} = temps restant)","default":"Commande dans {temps} : expédiée aujourd'hui"},
{"type":"text","id":"texte_apres","label":"Texte après l'heure limite","default":"Commande maintenant : expédiée au prochain jour ouvré"},
{"type":"color","id":"couleur_fond","label":"Fond","default":"#FFF7E6"},
{"type":"color","id":"couleur_texte","label":"Texte","default":"#4A2E00"},
{"type":"color","id":"couleur_accent","label":"Temps restant","default":"#C2410C"}],
"presets":[{"name":"Heure limite d'expédition"}]}
{% endschema %}

{% stylesheet %}
/* Barre heure limite */
.nn-annonces-heure-limite-expedition{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--nn-fond);color:var(--nn-texte);padding:9px 16px;font-size:14px;text-align:center}
.nn-annonces-heure-limite-expedition__texte{margin:0}
.nn-annonces-heure-limite-expedition__temps{color:var(--nn-accent);font-weight:800;font-variant-numeric:tabular-nums}
.nn-annonces-heure-limite-expedition__icone{display:inline-block;animation:nn-colis 2.4s ease-in-out infinite}
@keyframes nn-colis{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion: reduce){.nn-annonces-heure-limite-expedition__icone{animation:none}}
{% endstylesheet %}

{% javascript %}
// Calcule le temps restant avant l'heure limite, à l'heure de Paris
(function () {
  function heureParis() {
    // Récupère jour, heure, minute, seconde dans le fuseau Europe/Paris
    var parts = new Intl.DateTimeFormat('fr-FR', { timeZone: 'Europe/Paris', weekday: 'short', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }).formatToParts(new Date());
    var o = {};
    parts.forEach(function (p) { o[p.type] = p.value; });
    var jours = { 'lun.': 1, 'mar.': 2, 'mer.': 3, 'jeu.': 4, 'ven.': 5, 'sam.': 6, 'dim.': 7 };
    return { jour: jours[o.weekday] || 0, h: parseInt(o.hour, 10) % 24, m: parseInt(o.minute, 10), s: parseInt(o.second, 10) };
  }
  function echapper(t) { var d = document.createElement('div'); d.textContent = t; return d.innerHTML; }
  document.querySelectorAll('.nn-annonces-heure-limite-expedition').forEach(function (barre) {
    var limite = parseInt(barre.getAttribute('data-heure'), 10) || 14;
    var jours = (barre.getAttribute('data-jours') || '').split(',').map(function (j) { return parseInt(j, 10); });
    var avant = barre.getAttribute('data-avant') || '';
    var apres = barre.getAttribute('data-apres') || '';
    var cible = barre.querySelector('.nn-annonces-heure-limite-expedition__texte');
    function maj() {
      var p = heureParis();
      var reste = limite * 3600 - (p.h * 3600 + p.m * 60 + p.s);
      if (jours.indexOf(p.jour) === -1 || reste <= 0) { cible.textContent = apres; return; }
      var h = Math.floor(reste / 3600), m = Math.floor((reste % 3600) / 60);
      var temps = (h > 0 ? h + ' h ' : '') + (m < 10 && h > 0 ? '0' : '') + m + ' min';
      var morceaux = avant.split('{temps}');
      cible.innerHTML = echapper(morceaux[0]) + '<span class="nn-annonces-heure-limite-expedition__temps">' + temps + '</span>' + echapper(morceaux.slice(1).join(''));
    }
    maj();
    setInterval(maj, 30000);
  });
})();
{% endjavascript %}