هذا برومبت جاهز، واضح، واحترافي يمكنك نسخه واستخدامه مباشرة مع ChatGPT / Claude / Perplexity للحصول على النتيجة المطلوبة بدون لَبس

أنت مطوّر ويب محترف ومتخصص في WordPress + PHP + AJAX + Security.

أحتاج منك إنشاء نظام فورم حجز موعد متكامل واحترافي لموقع مجمع البشري الطبي العام، مع الالتزام التام بجميع المتطلبات التالية بدون اختصار أو إهمال أي نقطة:

أولًا: بنية الأكواد المطلوبة

1. كود Frontend واحد فقط يحتوي:

   • HTML

   • CSS

   • JavaScript
     → في ملف واحد جاهز للنسخ واللصق داخل صفحة ووردبريس

2. كود PHP منفصل:

   • يعمل كـ Backend

   • يتم استخدامه لإنشاء إضافة (Plugin) في ووردبريس

   • يتم الربط بين Frontend و Backend باستخدام AJAX شغّال فعليًا

3. اجعل الفورم داخل Class مستقل (في الـ PHP)

ثانيًا: محتوى الفورم

• حقل الاسم (Text)

• حقل رقم الجوال (Tel):

  • يبدأ افتراضيًا وثابتًا بـ +966 (غير قابل للحذف)

  • اتجاه الحقل من اليسار إلى اليمين (LTR)

  • يسمح فقط بأرقام الجوال السعودي التي تبدأ بـ 01 أو 05

  • بعد +966 يظهر تلميح بلون رمادي:
    5*** **

• حقل اختيار الخدمة (SELECT):

  • خيار افتراضي: اختر الخدمة (غير قابل للاختيار)

  • الخيارات:

    • الأسنان

    • الباطنة

    • العظام

• حقل التاريخ:

  • يتم تعبئته تلقائيًا بتاريخ اليوم

• استخدام LocalStorage لتعبئة الحقول تلقائيًا بناءً على آخر استخدام للمستخدم

ثالثًا: التصميم (UI / UX)

• عنوان الفورم:

  • النص: تسجيل موعد

  • اللون: تيفاني

  • الحجم: 28px

• بقية النصوص:

  • اللون: كحلي

  • الحجم: 22px

• الخط المستخدم: Cairo

• تصميم الفورم:

  • Glassmorphism (زجاجي شفاف)

  • Blur Effect

  • Box Shadow ناعم

• متجاوب 100% مع جميع الشاشات

• الخيارات بولد باللون التيفاني (لعناوين الخدمات ان وجدت) ولا يتم السماح باختيارها
  الخيارات الخاصة بالخدمات او الباقات باللون الكحلي بولد تحت كل عنوان خدمة 

رابعًا: التقنيات

• HTML + CSS + JavaScript (Vanilla JS فقط)

• AJAX بدون إعادة تحميل الصفحة

• متوافق تمامًا مع WordPress

• SMTP Mail مُعد مسبقًا (استخدم wp_mail)

خامسًا: الحمايات (إلزامية)

يجب تنفيذ جميع الحمايات التالية عمليًا في الكود:

• NONCE

• CSRF Protection

• Honeypot

• Time Rate Limit

  • المدة بين كل إرسال وآخر: 30 ثانية

• SQL Injection Protection

• Sanitization & Validation

سادسًا: الباك إند (PHP)

• استقبال البيانات عبر AJAX

• إرسال البريد إلى:

  • omarahmedkhalidi@gmail.com

سابعًا: تصميم رسالة البريد

• عنوان الرسالة:

  • حجز موعد جديد من موقع البشري

  • في المنتصف

  • باللون التيفاني

• باقي المحتوى:

  • في المنتصف

  • باللون الكحلي

• في نهاية الرسالة أضف النص التالي بصياغة احترافية:

  سرعة تواصلكم مع العملاء تساهم بشكل كبير في زيادة معدلات تسجيل المواعيد وتعزيز ثقة المرضى بخدمات المجمع.

ثامنًا: تجربة المستخدم بعد الإرسال

• بعد الإرسال الناجح:

  • تظهر رسالة أسفل الفورم:
    تم الإرسال بنجاح، وسيتواصل بكم فريق خدمة العملاء

  • لون الرسالة: أخضر

  • يتم تفريغ جميع الحقول

• في حال الإرسال قبل مرور 30 ثانية:

  • تظهر رسالة تنبيه مناسبة

تاسعًا: المخرجات النهائية

• كود منظم، نظيف، وقابل للإنتاج

• تعليقات توضيحية داخل الأكواد

• جاهز للتركيب مباشرة في WordPress

• AJAX يعمل فعليًا بين الواجهة والـ PHP

• لا تستخدم أي مكتبات خارجية

الهدف النهائي
إنشاء فورم طبي احترافي، آمن، سريع، يعزز تجربة المستخدم ويرفع ثقة العملاء بمجمع البشري الطبي العام.

إذا حابة بعده:

• أقدر أجهز لك نسخة إنجليزية

• أو نسخة مختصرة جدًا

• أو برومبت مخصص لكل أداة (ChatGPT / Claude / Perplexity)