/**
     * Field Render Function.
     *
     * Takes the vars and outputs the HTML for the field in the settings
     *
     * @since NHP_Options 1.0
     */
    function render()
    {
        //valid
        if (!class_exists('HW_SKIN')) {
            echo 'Cần kích hoạt plugin HW SKIN.';
            return;
        }
        $style = $this->get_field_value('display');
        //display mode
        $class = isset($this->field['class']) ? 'class="' . $this->field['class'] . '" ' : '';
        $field_name = $this->args['opt_name'] . '[' . $this->field['id'] . ']';
        //base field name
        $value = isset($this->value['hash_skin']) ? $this->value['hash_skin'] : '';
        //get hash skin value
        $obj_name = HW_SKIN::valid_objname($this->field['id']);
        $default_skin_file = base64_encode(serialize($this->skin->get_default_skin_file(true)));
        $active_skin_file = $this->skin->get_skin_link($value, true);
        //$skin_info = $this->skin->set_active_skin($value);
        //$skin_info = $this->skin->get_skin_info($value);
        if (isset($this->skin)) {
            $this->skin->saveCallbackJs4SkinChangeEvent($obj_name . '_choose_skin_callback(skin);');
            switch ($style) {
                case 'ddslick':
                    echo $this->skin->get_skins_select_tag($field_name . '[hash_skin]', $value, array(), HW_SKIN::DROPDOWN_DDSSLICK_THEME, HW_SKIN::SKIN_LINKS);
                    break;
                case 'list':
                    echo $this->skin->get_skins_listview($field_name . '[hash_skin]', $value, HW_SKIN::SKIN_LINKS);
                    break;
                default:
                    echo $this->skin->get_skins_select_tag($field_name . '[hash_skin]', $value, array(), false, HW_SKIN::SKIN_LINKS);
            }
            #_print($this->skin->get_skin_link( $this->value));
            echo '<input type="hidden" name="' . $field_name . '[hwskin_link_default_skin_file]" value="' . $default_skin_file . '"/>';
            echo '<input type="hidden" id="' . $this->field['id'] . '_hwskin_save_link" name="' . $field_name . '[hwskin_link_file_url]" value="' . base64_encode(serialize($active_skin_file[0])) . '"/>';
            echo '<input type="hidden" name="' . $field_name . '[hwskin_link_source]" value="' . $active_skin_file[1] . '"/>';
            echo '<script>
		        //save skin file into new nhp field
		      function ' . $obj_name . '_choose_skin_callback(skin){
		        jQuery("#' . $this->field['id'] . '_hwskin_save_link").val(skin.screenshot);
		      }

		    </script>';
        } else {
            echo '<p>Không thể tạo skin, vì thiếu tham số của trường này.</p>';
        }
        echo isset($this->field['desc']) && !empty($this->field['desc']) ? ' <span class="description">' . $this->field['desc'] . '</span>' : '';
    }