<!-- Universal E-Commerce Order SDK --> <script src="http://localhost:5000/order-sdk.js"></script> <script> OrderSDK.init({ backendUrl: 'http://localhost:5000', // رابط الباك إند في السيرفر productName: 'اسم المنتج هنا', // مثل: عصابة الرأس الذكية formSelector: '#orderForm', // معرف الفورم redirectUrl: 'thank-you.html' // صفحة الشكر أو null لعرض Toast }); </script>

<form id="orderForm"> <!-- حقل الاسم --> <input type="text" name="name" placeholder="الاسم الكامل" required> <!-- حقل الهاتف --> <input type="tel" name="phone" placeholder="رقم الهاتف" required> <!-- حقل العنوان --> <input type="text" name="address" placeholder="العنوان أو الحي" required> <!-- اختياري: عروض الأسعار والكمية --> <input type="radio" name="offer" value="189" checked> قطعة واحدة (189 درهم) <input type="radio" name="offer" value="289"> قطعتان (289 درهم) <!-- زر الإرسال --> <button type="submit" id="submitBtn">تأكيد الطلب</button> </form>

fetch('http://localhost:5000/api/orders', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ product_name: 'عصابة الرأس الذكية', customer_name: 'يوسف العلوي', phone: '0612345678', address: 'جيليز، مراكش', offer_title: 'قطعتان', price: 289 }) }) .then(res => res.json()) .then(data => console.log('تم تسجيل الطلب:', data));