jQuery(document).ready(function($) {
    // راه‌اندازی Color Picker
    $('.dima-color-picker').wpColorPicker({
        change: function(event, ui) {
            // پیش‌نمایش زنده تغییر رنگ
            var color = ui.color.toString();
            var inputId = $(this).attr('id');
            
            // اضافه کردن افکت بصری هنگام تغییر
            $(this).closest('.dima-color-item').addClass('dima-color-changed');
            setTimeout(function() {
                $('.dima-color-changed').removeClass('dima-color-changed');
            }, 1000);
        },
        clear: function() {
            // بازگشت به رنگ پیش‌فرض
            var defaultColor = $(this).data('default-color');
            $(this).val(defaultColor).wpColorPicker('color', defaultColor);
        }
    });

    // دکمه بازنشانی رنگ
    $('.dima-reset-color').on('click', function() {
        var targetId = $(this).data('target');
        var defaultColor = $(this).data('default');
        var $input = $('#' + targetId);
        
        $input.val(defaultColor).wpColorPicker('color', defaultColor);
        
        // افکت بصری
        $(this).closest('.dima-color-item').addClass('dima-color-reset');
        setTimeout(function() {
            $('.dima-color-reset').removeClass('dima-color-reset');
        }, 500);
    });

    // اعتبارسنجی فرم قبل از ارسال
    $('#dima-admin-form').on('submit', function(e) {
        var isValid = true;
        $('.dima-color-picker').each(function() {
            var color = $(this).val();
            if (color && !/^#[0-9A-F]{6}$/i.test(color)) {
                isValid = false;
                $(this).closest('.dima-color-item').addClass('dima-color-error');
                setTimeout(function() {
                    $('.dima-color-error').removeClass('dima-color-error');
                }, 2000);
            }
        });
        
        if (!isValid) {
            e.preventDefault();
            alert('لطفاً کدهای رنگ معتبر وارد کنید (مثال: #3b82f6)');
        }
    });

    // تغییر تم و نمایش بخش مربوطه
    $('#dima_theme').on('change', function() {
        var selectedTheme = $(this).val();
        $('.dima-color-section').each(function() {
            if ($(this).find('h2').text().includes(selectedTheme === 'dark' ? 'تیره' : 'روشن')) {
                $(this).addClass('dima-active-section');
            } else {
                $(this).removeClass('dima-active-section');
            }
        });
    });

    // Trigger تغییر تم در بارگذاری اولیه
    $('#dima_theme').trigger('change');
});
