أحداث الويدجت

onReady: (business) => {
    console.log('النشاط التجاري:', business.nombre);
    console.log('الخدمات المتاحة:', business.servicios_count);

    // تحديث واجهة المستخدم الخارجية
    document.querySelector('.loading').style.display = 'none';
}

{
    "id": "uuid-del-tenant",
    "nombre": "Mi Salon",
    "telefono": "+34612345678",
    "email": "info@misalon.com",
    "direccion": "Calle Principal 123",
    "logo_url": "https://...",
    "servicios_count": 12,
    "profesionales_count": 5,
    "moneda": "EUR",
    "simbolo_moneda": "€"
}

onStepChange: (step, data) => {
    console.log('الخطوة الحالية:', step);

    // Analytics
    gtag('event', 'booking_step', {
        'step_name': step,
        'services_selected': data.services?.length || 0
    });

    // تحديث التنقل الخارجي
    updateBreadcrumbs(step);
}

onServiceSelect: (service, selected, allSelected) => {
    console.log(selected ? 'تمت الإضافة:' : 'تمت الإزالة:', service.nombre);

    // تحديث السعر الإجمالي في الواجهة الخارجية
    const total = allSelected.reduce((sum, s) => sum + s.precio, 0);
    document.querySelector('.total-price').textContent = `€${total}`;
}

onStaffSelect: (staff) => {
    console.log('المحترف:', staff.nombre);
    // staff = { id, nombre, imagen_url, especialidades }
}

onDateSelect: (datetime) => {
    console.log('التاريخ:', datetime.fecha);  // '2024-01-20'
    console.log('الوقت:', datetime.hora);    // '10:30'
}

onBookingComplete: (booking) => {
    console.log('تم إنشاء الحجز:', booking.id);

    // Analytics
    gtag('event', 'purchase', {
        'transaction_id': booking.id,
        'value': booking.total,
        'currency': 'EUR'
    });

    // إعادة التوجيه لصفحة التأكيد
    window.location.href = `/reserva-confirmada/${booking.id}`;
}

{
    "id": 12345,
    "codigo": "ABC123",
    "fecha": "2024-01-20",
    "hora_inicio": "10:30",
    "hora_fin": "11:00",
    "servicios": [
        { "id": 1, "nombre": "القص الكلاسيكي", "precio": 25.00 }
    ],
    "profesional": {
        "id": 5,
        "nombre": "Carlos Garcia"
    },
    "cliente": {
        "nombre": "Juan Perez",
        "email": "juan@email.com",
        "telefono": "+34612345678"
    },
    "total": 25.00,
    "estado": "مؤكد",
    "pago_pendiente": true
}

onPaymentComplete: (payment) => {
    console.log('دفع مكتمل');
    console.log('ID:', payment.payment_intent_id);
    console.log('المبلغ:', payment.amount);

    // عرض رسالة النجاح
    showSuccessMessage('تم استلام الدفع!');
}

onError: (error) => {
    console.error('Error:', error.code, error.message);

    // الإبلاغ لنظام الأخطاء
    Sentry.captureException(error);

    // عرض رسالة للمستخدم
    if (error.code === 'SLOT_UNAVAILABLE') {
        alert('نعتذر، هذا الموعد لم يعد متاحاً.');
    }
}

onClose: () => {
    console.log('تم إغلاق الويدجت');

    // السؤال عما إذا كان يريد حفظ المسودة
    if (hasUnsavedData()) {
        saveBookingDraft();
    }
}