/**
 * Native Checkbox/Radio Replacement for iCheck
 * Provides similar API to iCheck for easier migration
 */

(function($) {
    'use strict';

    // Plugin definition
    $.fn.scCheck = function(options, param) {
        
        // Handle method calls
        if (typeof options === 'string') {
            return this.each(function() {
                handleMethod($(this), options, param);
            });
        }
        
        // Default options
        var settings = $.extend({
            checkboxClass: 'sc-checkbox',
            radioClass: 'sc-radio',
            checkedClass: 'checked',
            disabledClass: 'disabled',
            color: 'blue',
            style: 'normal' // or 'flat'
        }, options);
        
        return this.each(function() {
            var $input = $(this);
            
            // Skip if already initialized
            if ($input.parent().hasClass('sc-checkbox') || $input.parent().hasClass('sc-radio')) {
                return;
            }
            
            initializeInput($input, settings);
        });
    };
    // Initialize input
    function initializeInput($input, settings) {
        var isCheckbox = $input.attr('type') === 'checkbox';
        var baseClass = isCheckbox ? settings.checkboxClass : settings.radioClass;
        var markClass = isCheckbox ? 'checkmark' : 'radiomark';
        
        // CRITICAL: Check if this exact input element is already initialized
        // Check both for data attributes AND parent wrapper
        if ($input.data('scCheck') || $input.data('iCheck') || 
            $input.parent().hasClass('sc-checkbox') || 
            $input.parent().hasClass('sc-radio') ||
            ($input.parent().attr('class') && $input.parent().attr('class').indexOf('icheckbox') > -1)) {
            // Already initialized, skip
            return;
        }
        
        // Extract color and style from iCheck class format
        var color = settings.color;
        var style = settings.style;
        
        // Handle iCheck class format like 'icheckbox_flat-red'
        if (settings.checkboxClass && settings.checkboxClass.includes('_')) {
            // For 'icheckbox_flat-red', we want to extract 'flat' and 'red'
            var match = settings.checkboxClass.match(/icheckbox_([^-]+)(?:-(.+))?/);
            if (match) {
                style = match[1]; // 'flat'
                if (match[2]) {
                    color = match[2]; // 'red'
                }
            }
        }
        
        // For iCheck compatibility, use the full class name as provided
        // Don't build redundant classes
        var wrapperClasses = [baseClass];
        
        // Get label text from span.form-check-label if it exists
        var labelText = '';
        var $labelSpan = $input.siblings('span.form-check-label');
        if ($labelSpan.length) {
            labelText = $labelSpan.html();
            // Don't remove the span, we'll move it after creating the wrapper
        }
        // Create wrapper
        var $wrapper = $('<label>', {
            'class': wrapperClasses.join(' '),
            'for': $input.attr('id')
        });
        
        // IMPORTANT: Check if input is already inside a label with our classes
        var $parentLabel = $input.parent('label');
        if ($parentLabel.length && 
            ($parentLabel.hasClass(baseClass) || 
             $parentLabel.attr('class') && $parentLabel.attr('class').indexOf('icheckbox') > -1)) {
            // Input is already wrapped, don't wrap again
            // Just update the data and return
            $input.data('scCheck', {
                wrapper: $parentLabel,
                mark: $parentLabel.find('.' + markClass),
                settings: settings
            });
            bindEvents($input);
            return;
        }
        
        // Clean up any existing checkmark spans before creating new ones
        $input.siblings('.checkmark, .radiomark').remove();
        
        // Create mark element
        var $mark = $('<span>', {
            'class': markClass
        });
        
        // Wrap input
        $input.wrap($wrapper);
        $input.after($mark);
        
        // Move the label span if it exists
        if ($labelSpan && $labelSpan.length) {
            $mark.after($labelSpan);
        }
        
        // Store reference for methods
        $input.data('scCheck', {
            wrapper: $input.parent(),
            mark: $mark,
            settings: settings
        });
        
        // Bind events
        bindEvents($input);
    }
    // Bind events for iCheck compatibility
    function bindEvents($input) {
        
        // Click event
        $input.on('click.scCheck', function(e) {
            e.stopPropagation();
            $input.trigger('ifClicked');
            
            setTimeout(function() {
                if ($input.prop('checked')) {
                    $input.trigger('ifChecked');
                } else {
                    $input.trigger('ifUnchecked');
                }
                $input.trigger('ifChanged');
            }, 0);
        });
        
        // Change event
        $input.on('change.scCheck', function() {
            if ($input.prop('checked')) {
                $input.parent().addClass('checked');
            } else {
                $input.parent().removeClass('checked');
            }
        });
        
        // Focus/blur events
        $input.on('focus.scCheck', function() {
            $input.parent().addClass('focus');
        }).on('blur.scCheck', function() {
            $input.parent().removeClass('focus');
        });
    }
    // Handle method calls
    function handleMethod($input, method, param) {
        var data = $input.data('scCheck');
        if (!data) return;
        
        switch(method) {
            case 'check':
                $input.prop('checked', true).trigger('change');
                $input.trigger('ifChecked').trigger('ifChanged');
                break;
                
            case 'uncheck':
                $input.prop('checked', false).trigger('change');
                $input.trigger('ifUnchecked').trigger('ifChanged');
                break;
                
            case 'toggle':
                if ($input.prop('checked')) {
                    handleMethod($input, 'uncheck');
                } else {
                    handleMethod($input, 'check');
                }
                $input.trigger('ifToggled');
                break;
                
            case 'disable':
                $input.prop('disabled', true);
                data.wrapper.addClass('disabled');
                $input.trigger('ifDisabled');
                break;
            case 'enable':
                $input.prop('disabled', false);
                data.wrapper.removeClass('disabled');
                $input.trigger('ifEnabled');
                break;
                
            case 'update':
                // Update visual state
                if ($input.prop('checked')) {
                    data.wrapper.addClass('checked');
                } else {
                    data.wrapper.removeClass('checked');
                }
                if ($input.prop('disabled')) {
                    data.wrapper.addClass('disabled');
                } else {
                    data.wrapper.removeClass('disabled');
                }
                break;
                
            case 'destroy':
                // Unbind events
                $input.off('.scCheck');
                
                // Unwrap and restore
                var $wrapper = data.wrapper;
                $input.unwrap();
                $input.siblings('.checkmark, .radiomark').remove();
                $input.removeData('scCheck');
                break;
        }
    }
    // Migration helper: Map iCheck to scCheck
    if (!$.fn.iCheck) {
        $.fn.iCheck = function(options, param) {
            // Map iCheck classes to scCheck format
            if (typeof options === 'object' && options.checkboxClass) {
                // Extract color from iCheck class names like 'icheckbox_flat-blue'
                var match = options.checkboxClass.match(/icheckbox_([^-]+)-?(.+)?/);
                if (match) {
                    options.style = match[1]; // flat, square, etc.
                    options.color = match[2] || 'blue';
                }
            }
            
            return this.scCheck(options, param);
        };
    }
    
})(jQuery);