body { font-family: Arial, sans-serif; direction: rtl; text-align: center; background-color: #f8f9fa; } .container { width: 80%; margin: auto; padding: 20px; } .rating-container { display: flex; justify-content: space-around; align-items: center; margin-top: 20px; background: white; padding: 20px; border-radius: 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); } .category { width: 45%; text-align: center; } .category h3 { margin-bottom: 10px; } .bar-container { width: 100%; background: #e9ecef; border-radius: 5px; position: relative; height: 10px; } .bar { height: 10px; background: #dc3545; border-radius: 5px; } .rating-item { display: flex; align-items: center; justify-content: space-between; margin: 10px 0; } .rating-item span { font-weight: bold; } button { padding: 5px 10px; font-size: 16px; cursor: pointer; background: #B78B8D; color: white; border: none; border-radius: 5px; transition: 0.3s; } button:disabled { background: #ccc; cursor: not-allowed; opacity: 0.7; }

const sillageLevels = ['ناعم', 'متوسط', 'ثقيل', 'هائل']; const longevityLevels = ['فقير', 'ضعيف', 'متوسط', 'ثابت', 'قوي الثبات'];

function createRatingSection(containerId, levels, category) { const container = document.getElementById(containerId); levels.forEach(level => { let id = `${category}-${level}`; container.innerHTML += `

`; }); }

function resetVotesDaily() { let lastReset = localStorage.getItem("lastResetDate"); let today = new Date().toISOString().split('T')[0];

if (lastReset !== today) { localStorage.setItem("lastResetDate", today); localStorage.removeItem("hasVotedToday"); // السماح بالتصويت مجدداً يومياً } }

function hasVotedToday() { return localStorage.getItem("hasVotedToday") === "true"; }

function markVoteToday() { localStorage.setItem("hasVotedToday", "true"); disableAllButtons(); }

function disableAllButtons() { const buttons = document.querySelectorAll("button"); buttons.forEach(button => button.disabled = true); }

function loadRatings() { resetVotesDaily(); let totalSillage = 0; let totalLongevity = 0;

[...sillageLevels, ...longevityLevels].forEach(level => { ['sillage', 'longevity'].forEach(category => { let id = `${category}-${level}`; if (document.getElementById(id)) { let value = parseInt(localStorage.getItem(id) || 0); document.getElementById(id).textContent = value; updateBar(id, value); if (category === 'sillage') totalSillage += value; else totalLongevity += value; } }); });

document.getElementById("sillage-total").textContent = totalSillage; document.getElementById("longevity-total").textContent = totalLongevity;

if (hasVotedToday()) { disableAllButtons(); } }

function increaseRating(id) { if (hasVotedToday()) { alert("لقد صوّتت اليوم بالفعل! يمكنك التصويت مرة أخرى غدًا."); return; }

let element = document.getElementById(id); let newValue = parseInt(element.textContent) + 1; element.textContent = newValue; localStorage.setItem(id, newValue); updateBar(id, newValue);

markVoteToday(); // يمنع التصويت مرة أخرى حتى اليوم التالي }

function updateBar(id, value) { let maxVotesConfig = { 'sillage-ناعم': 300, 'sillage-متوسط': 500, 'sillage-ثقيل': 700, 'sillage-هائل': 1000, 'longevity-فقير': 200, 'longevity-ضعيف': 400, 'longevity-متوسط': 600, 'longevity-ثابت': 800, 'longevity-قوي الثبات': 1200 };

let maxVotes = maxVotesConfig[id] || 1000; let bar = document.getElementById(id + '-bar'); let width = Math.min(100, (value / maxVotes) * 100); bar.style.width = width + '%'; }

createRatingSection('sillage-container', sillageLevels, 'sillage'); createRatingSection('longevity-container', longevityLevels, 'longevity'); window.onload = loadRatings;