.booking-article{max-width:860px;margin:0 auto;padding:10px}
.promo-card{border:1px solid #e6e6e6;border-radius:14px;padding:14px;margin:16px 0;background:#fff}
.promo-header{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:14px;opacity:.9}
.promo-site{font-weight:700}
.promo-body{padding-top:10px}
.promo-title{margin:0 0 8px 0;font-size:20px}
.promo-text{margin:0 0 12px 0;line-height:1.4}
.promo-code-block{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.promo-code-label{font-weight:700}
.promo-code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace;
padding:6px 10px;border-radius:10px;border:1px dashed #cfcfcf}
.promo-code.blurred{filter: blur(5px); user-select:none}
.reveal-btn{border:none;border-radius:12px;padding:10px 12px;cursor:pointer}
.promo-revealed-msg{font-size:13px;opacity:.85}
.promo-vote{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vote-btn{font-size:20px;cursor:pointer;border:none;background:transparent;transition:transform .2s ease, opacity .2s ease}
.vote-btn:hover{transform:scale(1.2)}
.vote-btn.voted{opacity:1;transform:scale(1.3)}
.vote-btn:not(.voted){opacity:.55}

(function(){
function formatDateFR(d){
return new Intl.DateTimeFormat(‘fr-FR’,{day:’2-digit’,month:’2-digit’,year:’numeric’}).format(d);
}

document.addEventListener(“DOMContentLoaded”, function(){
document.querySelectorAll(“.promo-card.booking-coupon”).forEach(function(card){
// Date “vérifiée”
var dateEl = card.querySelector(‘[data-role=”verified-date”]’);
if(dateEl && !dateEl.textContent.trim()){
dateEl.textContent = formatDateFR(new Date());
}

// ID coupon stable
var couponId = card.getAttribute(“data-coupon-id”) || (“coupon_” + Array.prototype.indexOf.call(document.querySelectorAll(“.promo-card.booking-coupon”), card));

// Reveal code + open booking
var codeEl = card.querySelector(‘[data-role=”promo-code”]’);
var revealBtn = card.querySelector(‘[data-role=”reveal-btn”]’);
var msgEl = card.querySelector(‘[data-role=”revealed-msg”]’);

if(revealBtn && codeEl){
var revealedKey = “revealed_” + couponId;

// Si déjà révélé avant
if(localStorage.getItem(revealedKey) === “1”){
codeEl.classList.remove(“blurred”);
revealBtn.textContent = “✅ Code affiché”;
}

revealBtn.addEventListener(“click”, function(){
codeEl.classList.remove(“blurred”);
localStorage.setItem(revealedKey, “1”);

revealBtn.textContent = “✅ Code affiché”;
if(msgEl) msgEl.textContent = “Code dévoilé. Booking s’ouvre dans un nouvel onglet.”;

var link = revealBtn.getAttribute(“data-booking-link”) || “https://www.booking.com”;
window.open(link, “_blank”, “noopener,noreferrer”);
});
}

// Vote 👍👎 (stocké)
var upBtn = card.querySelector(‘.vote-up’);
var downBtn = card.querySelector(‘.vote-down’);
var voteKey = “vote_” + couponId;

function applyVote(v){
if(!upBtn || !downBtn) return;
upBtn.classList.toggle(“voted”, v === “up”);
downBtn.classList.toggle(“voted”, v === “down”);
}

var savedVote = localStorage.getItem(voteKey);
if(savedVote) applyVote(savedVote);

if(upBtn){
upBtn.addEventListener(“click”, function(){
localStorage.setItem(voteKey, “up”);
applyVote(“up”);
});
}
if(downBtn){
downBtn.addEventListener(“click”, function(){
localStorage.setItem(voteKey, “down”);
applyVote(“down”);
});
}
});
});
})();

Publications similaires :

🚉 Paris’s major stations: a practical guide 🚉 巴黎主要车站：实用指南 🚉 Les grandes gares de Paris : un guide pratique 埃菲尔铁塔完全指南