حلول مشاكل غسالة الصحون

        <div class="wr-progress-bar">
            <div class="wr-progress-fill" id="wrProgressFill"></div>
        </div>

        <div class="wr-question-card wr-active" data-question="1">
            <h3 class="wr-question-text">ما هي المشكلة الرئيسية التي تواجهها؟</h3>
            <div class="wr-options-grid">
                <button class="wr-option-btn" onclick="wrAnswerQuestion(1, 'water')">
                    <span>المياه لا تسخن بشكل كافي</span>
                    <span class="wr-option-icon">🌡️</span>
                </button>
                <button class="wr-option-btn" onclick="wrAnswerQuestion(1, 'noise')">
                    <span>ضوضاء وأصوات غريبة</span>
                    <span class="wr-option-icon">🔊</span>
                </button>
                <button class="wr-option-btn" onclick="wrAnswerQuestion(1, 'cycle')">
                    <span>دورة الغسيل لا تكتمل</span>
                    <span class="wr-option-icon">⏸️</span>
                </button>
                <button class="wr-option-btn" onclick="wrAnswerQuestion(1, 'drainage')">
                    <span>مشكلة في تصريف المياه</span>
                    <span class="wr-option-icon">💧</span>
                </button>
            </div>
        </div>

        <div class="wr-question-card" data-question="2-water">
            <h3 class="wr-question-text">هل الأطباق تخرج نظيفة أم بها بقايا دهون؟</h3>
            <div class="wr-options-grid">
                <button class="wr-option-btn" onclick="wrShowResult('heating-grease')">
                    <span>بها بقايا دهون وأوساخ</span>
                    <span class="wr-option-icon">🍽️</span>
                </button>
                <button class="wr-option-btn" onclick="wrShowResult('heating-temp')">
                    <span>نظيفة لكن المياه باردة</span>
                    <span class="wr-option-icon">❄️</span>
                </button>
            </div>
        </div>

        <div class="wr-question-card" data-question="2-noise">
            <h3 class="wr-question-text">متى تحدث الضوضاء بالضبط؟</h3>
            <div class="wr-options-grid">
                <button class="wr-option-btn" onclick="wrShowResult('noise-during')">
                    <span>أثناء دورة الغسيل</span>
                    <span class="wr-option-icon">🔄</span>
                </button>
                <button class="wr-option-btn" onclick="wrShowResult('noise-drain')">
                    <span>عند تصريف المياه</span>
                    <span class="wr-option-icon">💦</span>
                </button>
                <button class="wr-option-btn" onclick="wrShowResult('noise-start')">
                    <span>عند بداية التشغيل</span>
                    <span class="wr-option-icon">▶️</span>
                </button>
            </div>
        </div>

        <div class="wr-question-card" data-question="2-cycle">
            <h3 class="wr-question-text">في أي مرحلة تتوقف دورة الغسيل؟</h3>
            <div class="wr-options-grid">
                <button class="wr-option-btn" onclick="wrShowResult('cycle-beginning')">
                    <span>في البداية مباشرة</span>
                    <span class="wr-option-icon">⏮️</span>
                </button>
                <button class="wr-option-btn" onclick="wrShowResult('cycle-middle')">
                    <span>في منتصف الدورة</span>
                    <span class="wr-option-icon">⏯️</span>
                </button>
                <button class="wr-option-btn" onclick="wrShowResult('cycle-end')">
                    <span>قبل النهاية</span>
                    <span class="wr-option-icon">⏭️</span>
                </button>
            </div>
        </div>

        <div class="wr-question-card" data-question="2-drainage">
            <h3 class="wr-question-text">هل تبقى المياه داخل الغسالة؟</h3>
            <div class="wr-options-grid">
                <button class="wr-option-btn" onclick="wrShowResult('drainage-standing')">
                    <span>نعم، المياه تبقى في القاع</span>
                    <span class="wr-option-icon">🌊</span>
                </button>
                <button class="wr-option-btn" onclick="wrShowResult('drainage-slow')">
                    <span>تتصرف ببطء شديد</span>
                    <span class="wr-option-icon">🐌</span>
                </button>
            </div>
        </div>

        <div class="wr-result-card" id="wrResultCard">
            <div class="wr-result-content"></div>
            <button class="wr-reset-btn" onclick="wrResetTool()">🔄 ابدأ من جديد</button>
        </div>
    </div>
</div>

<script>
    const wrSolutions = {
        'heating-grease': {
            title: 'مشكلة في نظام التسخين',
            icon: '🔥',
            description: 'المياه الباردة لا تذيب الدهون بشكل فعال، مما يؤدي لبقاء بقايا على الأطباق.',
            steps: [
                'افصل الغسالة عن الكهرباء تماماً',
                'افحص الأسلاك المحيطة بسخان المياه للتأكد من عدم وجود قطع',
                'استخدم مقياس كهربائي لفحص سلامة السخان',
                'إذا كان السخان معطلاً، قد تحتاج لاستبداله',
                'تأكد من استخدام منظف مناسب لدرجة حرارة الماء'
            ]
        },
        'heating-temp': {
            title: 'عطل في سخان المياه',
            icon: '⚡',
            description: 'السخان لا يعمل بشكل صحيح رغم أن بقية الأجزاء تعمل.',
            steps: [
                'تحقق من التوصيل الكهربائي للسخان',
                'افحص الترموستات (منظم الحرارة)',
                'تأكد من عدم وجود رواسب كلسية على السخان',
                'قد تحتاج لاستدعاء فني لفحص الدائرة الكهربائية',
                'استبدل السخان إذا كان تالفاً'
            ]
        },
        'noise-during': {
            title: 'ضوضاء أثناء الغسيل',
            icon: '🔧',
            description: 'غالباً ناتجة عن أدوات معلقة أو مشكلة في ذراع الرش.',
            steps: [
                'افتح الغسالة وتأكد من عدم وجود أدوات أو زجاجات معلقة',
                'افحص ذراع الرش وتأكد من دورانه بحرية',
                'تحقق من ترتيب الأطباق وأنها لا تعيق الحركة',
                'نظف فتحات ذراع الرش من الانسدادات',
                'تأكد من استقرار الغسالة على الأرضية'
            ]
        },
        'noise-drain': {
            title: 'ضوضاء في نظام التصريف',
            icon: '💨',
            description: 'مضخة التصريف قد تكون مسدودة أو بها مشكلة.',
            steps: [
                'نظف الفلتر السفلي من بقايا الطعام',
                'افحص خرطوم التصريف من الانسدادات',
                'تأكد من أن خرطوم الصرف غير ملتوي',
                'افحص مضخة التصريف وأزل أي عوائق',
                'إذا استمرت المشكلة، قد تحتاج لاستبدال المضخة'
            ]
        },
        'noise-start': {
            title: 'ضوضاء عند البدء',
            icon: '⚙️',
            description: 'قد تكون مشكلة في المحرك أو عدم استقرار الجهاز.',
            steps: [
                'تحقق من استواء الغسالة على الأرض',
                'استخدم قطع مطاطية للتثبيت الجيد',
                'افحص قاعدة الجهاز للتأكد من عدم وجود تصدعات',
                'تأكد من عدم وجود أجسام غريبة تحت الجهاز',
                'إذا استمرت المشكلة، قد تحتاج لفحص المحرك'
            ]
        },
        'cycle-beginning': {
            title: 'مشكلة في دخول المياه',
            icon: '🚰',
            description: 'الغسالة لا تحصل على المياه اللازمة للبدء.',
            steps: [
                'تأكد من فتح صنبور المياه بالكامل',
                'افحص خرطوم دخول المياه من الانسدادات',
                'نظف فلتر دخول المياه',
                'تحقق من صمام دخول المياه',
                'تأكد من ضغط المياه الكافي في المنزل'
            ]
        },
        'cycle-middle': {
            title: 'انقطاع الكهرباء أو خلل في البرنامج',
            icon: '🔌',
            description: 'قد يكون هناك مشكلة في الدائرة الكهربائية أو البرمجة.',
            steps: [
                'تحقق من سلامة التوصيل الكهربائي',
                'افحص لوحة التحكم من أي أخطاء معروضة',
                'جرب إعادة ضبط الغسالة (reset)',
                'افصل الجهاز لمدة 5 دقائق ثم أعد تشغيله',
                'إذا استمرت المشكلة، استدع فني مختص'
            ]
        },
        'cycle-end': {
            title: 'مشكلة في التجفيف أو التصريف النهائي',
            icon: '💨',
            description: 'الغسالة لا تكمل مرحلة التجفيف أو الشطف الأخير.',
            steps: [
                'افحص نظام التصريف من الانسدادات',
                'تأكد من عمل مروحة التجفيف إن وجدت',
                'نظف الفلتر بشكل جيد',
                'تحقق من خرطوم الصرف',
                'قد تحتاج لفحص حساس مستوى المياه'
            ]
        },
        'drainage-standing': {
            title: 'انسداد في نظام التصريف',
            icon: '🚫',
            description: 'الماء لا يتصرف بسبب انسداد في الأنابيب أو الفلتر.',
            steps: [
                'أخرج الفلتر من قاعدة الغسالة ونظفه جيداً',
                'استخدم الماء الساخن وبيكربونات الصوديوم للتنظيف',
                'افحص خرطوم التصريف وأزل أي انسداد',
                'تأكد من أن خرطوم الصرف ليس في ارتفاع أعلى من اللازم',
                'نظف مضخة التصريف من بقايا الطعام والأوساخ'
            ]
        },
        'drainage-slow': {
            title: 'انسداد جزئي في الأنابيب',
            icon: '🐢',
            description: 'هناك انسداد جزئي يبطئ من تصريف المياه.',
            steps: [
                'نظف الفلتر بشكل دقيق',
                'استخدم سلك تنظيف لإزالة الانسداد من الأنابيب',
                'اسكب ماء ساخن مع الخل في حوض الغسالة',
                'تحقق من خرطوم الصرف وتأكد من عدم وجود التواءات',
                'قم بتشغيل دورة تنظيف بالماء الساخن فقط'
            ]
        }
    };

    let wrCurrentQuestion = 1;
    let wrUserPath = '';

    function wrAnswerQuestion(questionNum, answer) {
        wrUserPath = answer;

        // Hide current question
        document.querySelectorAll('.wr-question-card').forEach(card => {
            card.classList.remove('wr-active');
        });

        // Show next question based on answer
        const nextCard = document.querySelector(`[data-question="2-${answer}"]`);
        if (nextCard) {
            wrCurrentQuestion = 2;
            nextCard.classList.add('wr-active');
            wrUpdateProgress(50);
        }
    }

    function wrShowResult(resultKey) {
        // Hide all questions
        document.querySelectorAll('.wr-question-card').forEach(card => {
            card.classList.remove('wr-active');
        });

        // Update progress to 100%
        wrUpdateProgress(100);

        // Show result
        const result = wrSolutions[resultKey];
        const resultCard = document.getElementById('wrResultCard');
        const resultContent = resultCard.querySelector('.wr-result-content');

        let stepsHTML = '<ol>';
        result.steps.forEach(step => {
            stepsHTML += `<li>${step}</li>`;
        });
        stepsHTML += '</ol>';

        resultContent.innerHTML = `
            <div class="wr-result-title">
                <span class="wr-result-icon">${result.icon}</span>
                <span>${result.title}</span>
            </div>
            <p class="wr-result-description">${result.description}</p>
            <div class="wr-solution-steps">
                <h4>✅ خطوات الحل:</h4>
                ${stepsHTML}
            </div>
        `;

        resultCard.classList.add('wr-show');
    }

    function wrResetTool() {
        wrCurrentQuestion = 1;
        wrUserPath = '';

        // Hide result
        document.getElementById('wrResultCard').classList.remove('wr-show');

        // Hide all questions
        document.querySelectorAll('.wr-question-card').forEach(card => {
            card.classList.remove('wr-active');
        });

        // Show first question
        document.querySelector('[data-question="1"]').classList.add('wr-active');

        // Reset progress
        wrUpdateProgress(0);
    }

    function wrUpdateProgress(percent) {
        document.getElementById('wrProgressFill').style.width = percent + '%';
    }

    // Initialize
    wrUpdateProgress(0);
</script>