// אימות מספר טלפון בצד השרת עבור טפסים של אלמנטור
add_action('elementor_pro/forms/validation/tel', function ($field, $record, $ajax_handler) {
    if ($field['id'] === 'phone' || $field['id'] === 'טלפון') { // בדוק ID של השדה
        $phone = sanitize_text_field($field['value']);
        $cleaned_phone = preg_replace('/[^\d+]/', '', $phone); // מסיר תווים לא מספריים

        // ולידציה למספרים ניידים ונייחים בישראל
        if (!preg_match('/^(05[0-9]{8}|0[2-9][0-9]{7}|\+972[2-9][0-9]{7}|\+9725[0-9]{8})$/', $cleaned_phone)) {
            $ajax_handler->add_error($field['id'], 'מספר הטלפון לא תקין. יש להזין מספר נייד או נייח בפורמט הישראלי.');
        }
    }
}, 10, 3);

// הוספת JavaScript לאימות בצד הלקוח, כולל תמיכה בטפסים בתוך פופאפ של אלמנטור
add_action('wp_footer', function () {
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {

        function applyPhoneValidation() {
            var phoneFields = document.querySelectorAll('input[type="tel"]');

            phoneFields.forEach(function(phoneField) {
                if (!phoneField.dataset.validated) { // מונע רישום כפול
                    phoneField.dataset.validated = "true";

                    var phoneError = document.createElement('span');
                    phoneError.style.color = 'red';
                    phoneError.style.fontSize = '12px';
                    phoneError.style.display = 'none';
                    phoneError.textContent = 'מספר טלפון לא תקין. יש להזין מספר נייד או נייח בפורמט הישראלי.';
                    phoneField.parentNode.appendChild(phoneError);

                    phoneField.addEventListener('input', function() {
                        validatePhone(phoneField, phoneError);
                    });
                }
            });

            document.querySelectorAll('.elementor-form').forEach(function(form) {
                if (!form.dataset.validated) {
                    form.dataset.validated = "true";
                    form.addEventListener('submit', function(event) {
                        var isValid = true;

                        phoneFields.forEach(function(phoneField) {
                            var phoneError = phoneField.nextElementSibling;
                            if (!validatePhone(phoneField, phoneError)) {
                                isValid = false;
                            }
                        });

                        if (!isValid) {
                            event.preventDefault(); // חוסם שליחה אם המספר לא תקין
                            return false;
                        }
                    });
                }
            });
        }

        function validatePhone(phoneField, phoneError) {
            var phoneValue = phoneField.value.replace(/[^\d+]/g, ''); // מסיר תווים לא מספריים
            var isValid = /^(05[0-9]{8}|0[2-9][0-9]{7}|\+972[2-9][0-9]{7}|\+9725[0-9]{8})$/.test(phoneValue);

            if (!isValid) {
                phoneError.style.display = 'block';
                phoneField.style.border = '2px solid red';
            } else {
                phoneError.style.display = 'none';
                phoneField.style.border = '1px solid #ccc';
            }
            return isValid;
        }

        // הפעלת האימות מיד עם טעינת הדף
        applyPhoneValidation();

        // מאזין לאירועים של פופאפ באלמנטור ומפעיל את הוולידציה גם בטפסים חדשים
        document.addEventListener('click', function(event) {
            if (event.target.closest('.elementor-popup-modal') || event.target.closest('[data-elementor-open-lightbox]')) {
                setTimeout(applyPhoneValidation, 500); // מוודא שהטופס נטען לפני החלת האימות
            }
        });

        // מאזין לטעינות דינמיות של אלמנטור (במיוחד עבור AJAX)
        document.addEventListener('elementor/popup/show', function() {
            setTimeout(applyPhoneValidation, 500);
        });

    });
    </script>
    <?php
});