/**
 * Upkyk AssistantAI Settings Page JavaScript
 */

jQuery(document).ready(function($) {
    // Toggle provider-specific sections based on selected provider
    $('#upkyk_assistant_ai_provider').on('change', function() {
        var provider = $(this).val();
        
        if (provider === 'deepseek') {
            $('.deepseek-model-row').show();
            $('.openai-model-row').hide();
            $('.deepseek-instructions').show();
            $('.openai-instructions').hide();
        } else if (provider === 'openai') {
            $('.deepseek-model-row').hide();
            $('.openai-model-row').show();
            $('.deepseek-instructions').hide();
            $('.openai-instructions').show();
        }
    });

    // Show/hide fields based on escalation type
    function toggleEscalationFields() {
        const escalationEnabled = $('#upkyk_assistant_ai_enable_escalation').is(':checked');
        const type = $('#upkyk_assistant_ai_escalation_type').val();
        
        // First handle the main escalation toggle
        if (escalationEnabled) {
            $('.escalation-options').show();
            
            // Then handle the type-specific fields
            if (type === 'whatsapp') {
                $('.whatsapp-field').show();
                $('.email-field').hide();
            } else {
                $('.whatsapp-field').hide();
                $('.email-field').show();
            }
        } else {
            $('.escalation-options').hide();
        }
    }
    
    $('#upkyk_assistant_ai_enable_escalation').on('change', toggleEscalationFields);
    $('#upkyk_assistant_ai_escalation_type').on('change', toggleEscalationFields);
    toggleEscalationFields();

    // Toggle custom size fields when window size is set to "custom"
    $('#upkyk_assistant_ai_window_size').on('change', function() {
        var selectedSize = $(this).val();
        if (selectedSize === 'custom') {
            $('.custom-size-field').show();
        } else {
            $('.custom-size-field').hide();
        }
    }).trigger('change'); // Trigger on load

    // Toggle Allowed Pages Field  
    function toggleAllowedPagesField() {
        var displayMode = $('#upkyk_assistant_ai_display_mode').val();
        if (displayMode === 'specific') {
            $('#upkyk-allowed-pages-field').show();
        } else {
            $('#upkyk-allowed-pages-field').hide();
        }
    }

    // Listen for changes on the display mode dropdown
    $('#upkyk_assistant_ai_display_mode').on('change', toggleAllowedPagesField);

    // Trigger on page load to set initial state
    toggleAllowedPagesField();
});