/**
 * @fileOverview Admin Panel Background Color Wordpress plugins admin side javascript functionality
 * @author castellar120
 * @version: 1.0
 */
(function( $ ) {

  'use strict';
  $( window ).load(function () {
    /**
     * Create color picker
     */
    const myPicker = new jQuery.ColorPicker('#colorpicker', {
      color: '#f1f1f1',
      imagepath: phpVars.pluginsUrl+'/admin-panel-background-color/admin/js/HSV-HEX-Color-Picker-jQuery/',
        change: function (hex) {
            $('#abc-background-color').val(hex);
            $('body').css('background-color',hex);
        }
    });

    /**
     * Insert selected value into color picker
     */
    $('#abc-background-color').val(phpVars.activeBackground);
    myPicker.hex(phpVars.activeBackground);

    /**
     * Insert selected value into color picker
     */
    $('body').css('background-color',phpVars.activeBackground);
  });
})( jQuery );