Embed

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>الدليل الإرشادي المباشر | ايرث بغداد</title>
    <style>
        body { font-family: 'Tahoma', sans-serif; background-color: #f4f7f6; color: #333; margin: 0; padding: 20px; display: flex; justify-content: center; }
        .container { width: 100%; max-width: 800px; background-color: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
        h1, h2 { color: #0056b3; text-align: center; border-bottom: 2px solid #e9ecef; padding-bottom: 15px; margin-bottom: 25px; }
        .section { margin-bottom: 30px; padding: 20px; border: 1px solid #e9ecef; border-radius: 8px; }
        .btn { display: block; width: 100%; padding: 15px; color: white; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; transition: background-color 0.3s; margin-top: 10px; text-align: center; text-decoration: none; }
        .btn-blue { background-color: #007bff; }
        .btn-grey { background-color: #6c757d; }
        .info-box { background-color: #e7f3fe; border-right: 6px solid #2196F3; padding: 15px; margin: 20px 0; }
        .info-box ol { padding-right: 20px; }
        .info-box li { line-height: 1.6; }
        .form-group { margin-bottom: 15px; }
        .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
        .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
        .whatsapp-btn { background-color: #25D366; }
    </style>
</head>
<body>

<div class="container">
    <h1>الدليل الإرشادي للدعم الفني</h1>

    <div class="section">
        <h2>قبل التواصل معنا، يرجى اتباع الدليل التالي خطوة بخطوة:</h2>
        <div class="info-box">
            <h3>الخطوة 1: الصيانة الأولية (إعادة التشغيل)</h3>
            <ol>
                <li>أطفئ جهاز الـ **ONU** (جهاز الفايبر).</li>
                <li>أطفئ جهاز **الراوتر**.</li>
                <li>أطفئ جهاز الـ **UPS** (منظم الكهرباء) إن وجد.</li>
                <li>**انتظر دقيقة كاملة** ثم أعد تشغيل الأجهزة بالترتيب: **UPS** ثم **الراوتر** ثم **ONU**.</li>
            </ol>
        </div>
        <div class="info-box">
            <h3>الخطوة 2: فحص الشبكة الداخلية (Wi-Fi)</h3>
            <p>تأكد من أنك قريب من جهاز الراوتر، وابتعد عن أي جدران سميكة قد تضعف إشارة الواي فاي.</p>
        </div>
         <a href="#" target="_blank" class="btn btn-blue">شاهد الدليل المصور لكيفية فحص الأجهزة</a>
    </div>

    <div class="section">
        <h2>إذا استمرت المشكلة، قم بتعبئة النموذج للتواصل معنا:</h2>
        <form id="ticket-form">
            <div class="form-group">
                <label for="subscriber-id">رقم المشترك أو الهاتف (مطلوب)</label>
                <input type="text" id="subscriber-id" required>
            </div>
            <div class="form-group">
                <label for="onu-status">فحص حالة الخدمة: ما هي حالة ضوء PON أو LOS على جهاز ONU؟ (مطلوب)</label>
                <select id="onu-status" required>
                    <option value="">-- اختر الحالة التي تراها --</option>
                    <option value="ضوء PON أخضر وثابت (مشكلة داخلية محتملة)">ضوء PON أخضر وثابت</option>
                    <option value="ضوء LOS أحمر أو PON يومض (مشكلة من المصدر)">ضوء LOS أحمر أو ضوء PON يومض</option>
                </select>
            </div>
            <div class="form-group">
                <label>اختبار السرعة (اختياري)</label>
                <p style="font-size:0.9em; margin-top:0;">لخدمة أفضل، اضغط على الزر، انتظر النتيجة، ثم اكتبها في الحقل أدناه.</p>
                <button type="button" id="run-speedtest-btn" class="btn btn-grey">1. اضغط هنا لبدء GOOGLE SPEED TEST</button>
                <input type="text" id="speedtest-result" placeholder="2. اكتب نتيجة السرعة هنا (مثال: 25 Mbps)" style="margin-top:10px;">
            </div>
            <div class="form-group">
                <label for="notes">ملاحظات إضافية (اختياري)</label>
                <textarea id="notes" rows="3" placeholder="أي تفاصيل أخرى تساعدنا على فهم المشكلة"></textarea>
            </div>
            <button type="submit" class="btn whatsapp-btn">إرسال معلومات الحالة عبر واتساب</button>
        </form>
    </div>
</div>

<script>
const ticketForm = document.getElementById('ticket-form');
const runSpeedTestBtn = document.getElementById('run-speedtest-btn');

// زر اختبار السرعة يفتح Google Speed Test
runSpeedTestBtn.addEventListener('click', () => {
    window.open('https://www.google.com/search?q=speed+test', '_blank');
});

// عند الضغط على زر إرسال الواتساب
ticketForm.addEventListener('submit', (event) => {
    event.preventDefault();

    // جلب كل المعلومات المطلوبة تلقائياً
    const subscriberId = document.getElementById('subscriber-id').value;
    const onuStatus = document.getElementById('onu-status').value;
    const speedTestResult = document.getElementById('speedtest-result').value;
    const notes = document.getElementById('notes').value;

    if (!subscriberId.trim() || !onuStatus) {
        alert('يرجى التأكد من إدخال رقم المشترك واختيار حالة ضوء الـ ONU.');
        return;
    }

    // بناء الرسالة بشكل احترافي وتلقائي
    let message = `*طلب دعم فني - ايرث بغداد*\n` +
                  `-----------------------------------\n\n` +
                  `*رقم المشترك:* ${subscriberId}\n` +
                  `*نتيجة فحص المشترك لجهاز ONU:* ${onuStatus}\n`;

    if (speedTestResult.trim()) {
        message += `*نتيجة اختبار السرعة:* ${speedTestResult}\n`;
    }
    
    if (notes.trim()) {
        message += `*ملاحظات المشترك:* ${notes}\n`;
    }

    const whatsappNumber = '9647821205889';
    const whatsappUrl = `https://api.whatsapp.com/send?phone=${whatsappNumber}&text=${encodeURIComponent(message)}`;

    window.open(whatsappUrl, '_blank');
});
</script>

</body>
</html>

ايرث بغداد للاتصالات والانترنت