    <!DOCTYPE html>
    <html lang="ar" dir="rtl">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="refresh" content="4;url=/install.php">
        <title>إعداد قاعدة البيانات على الاستضافة | شركة البدوية للفحم والتصدير</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
        <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" rel="stylesheet">
        <style>
            body { font-family: 'Cairo', sans-serif; background: #0b0f19; color: #f8fafc; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; padding: 20px; box-sizing: border-box; }
            .card { background: #131b2e; border: 1px solid #1e293b; border-radius: 18px; padding: 36px; max-width: 620px; width: 100%; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.6); }
            .icon { font-size: 3.2rem; color: #b48228; margin-bottom: 14px; }
            h1 { font-size: 1.4rem; margin-bottom: 10px; color: #fff; font-weight: 700; }
            p { color: #94a3b8; font-size: 0.95rem; line-height: 1.6; margin-bottom: 20px; }
            .alert-box { background: rgba(220, 38, 38, 0.1); border: 1px solid rgba(220, 38, 38, 0.3); border-radius: 10px; padding: 14px; color: #fca5a5; font-size: 0.85rem; text-align: right; margin-bottom: 22px; direction: ltr; font-family: monospace; word-break: break-all; }
            .steps { text-align: right; background: #0f172a; border: 1px solid #1e293b; border-radius: 10px; padding: 16px; margin-bottom: 22px; font-size: 0.88rem; color: #cbd5e1; }
            .steps ol { margin: 0; padding-right: 20px; line-height: 1.8; }
            .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 24px; border-radius: 10px; text-decoration: none; font-size: 1rem; font-weight: 700; cursor: pointer; border: none; transition: all 0.2s; }
            .btn-gold { background: #b48228; color: #000; width: 100%; box-sizing: border-box; }
            .btn-gold:hover { background: #c8963e; }
            .help-text { margin-top: 18px; font-size: 0.82rem; color: #64748b; }
            .spinner { display: inline-block; width: 12px; height: 12px; border: 2px solid #b48228; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; margin-left: 6px; }
            @keyframes spin { to { transform: rotate(360deg); } }
        </style>
    </head>
    <body>
        <div class="card">
            <div class="icon"><i class="fa-solid fa-database"></i></div>
            <h1>قاعدة البيانات بحاجة إلى إعداد على الاستضافة</h1>
            <p>
                تم رفع ملفات الموقع بنجاح! لكي يبدأ الموقع بالعمل، يرجى ربط قاعدة البيانات الخاصة باستضافتك عبر معالج التثبيت التلقائي الذكي.
            </p>

            <div class="steps">
                <strong><i class="fa-solid fa-list-check" style="color: #b48228;"></i> خطوات الإعداد البسيطة (خلال دقيقة واحدة):</strong>
                <ol>
                    <li>افتح لوحة تحكم الاستضافة (cPanel أو Hostinger) وأنشئ قاعدة بيانات ومستخدم جديد.</li>
                    <li>اضغط على الزر الذهبي أدناه لفتح معالج التثبيت <code>/install.php</code>.</li>
                    <li>أدخل بيانات القاعدة والمستخدم واضغط <strong>"حفظ الاتصال وبدء التثبيت التلقائي"</strong> ليتم بناء كافة الجداول وزرع الـ 100 مقال فوراً!</li>
                </ol>
            </div>

            <div class="alert-box">
                SQLSTATE[HY000] [2002] Connection refused            </div>

            <a href="/install.php" class="btn btn-gold">
                <i class="fa-solid fa-wand-magic-sparkles"></i>
                الانتقال إلى معالج التثبيت على الاستضافة (install.php)
            </a>

            <p class="help-text">
                <span class="spinner"></span> سيتم تحويلك تلقائياً إلى معالج التثبيت خلال ثوانٍ معدودة...
            </p>
        </div>
    </body>
    </html>
    