/**
     * Widget settings
     * @param $instance
     */
    function form($instance)
    {
        //$this->skin->saveCallbackJs4SkinChangeEvent('console.log(skin);');
        //$this->skin->saveCallbackJs4SkinChangeEvent('console.log("jkehrerdgb");');
        //for showing/hiding advanced options; wordpress moves this script to where it needs to go
        wp_enqueue_script('jquery');
        //create feature tog
        if (class_exists('HW_ButtonToggle_widget')) {
            $btn_tog = new HW_ButtonToggle_widget($this, $instance);
        }
        ?>

        <?php 
        $terms_data = array();
        // instance exist? if not set defaults
        if ($instance) {
            $title = $instance['title'];
            $this_taxonomy = $instance['taxonomy'];
            $orderby = $instance['orderby'];
            $ascdsc = $instance['ascdsc'];
            $exclude = $instance['exclude'];
            $childof = $instance['childof'];
            $showcount = isset($instance['count']) ? (bool) $instance['count'] : false;
            $hierarchical = isset($instance['hierarchical']) ? (bool) $instance['hierarchical'] : false;
            $dropdown = isset($instance['dropdown']) ? (bool) $instance['dropdown'] : false;
            $childof_current_term = isset($instance['childof_current_term']) ? (bool) $instance['childof_current_term'] : false;
            $show_subcat_by_parent = isset($instance['show_subcat_by_parent']) ? (bool) $instance['show_subcat_by_parent'] : false;
            $categories_by_current_post = isset($instance['categories_by_current_post']) ? (bool) $instance['categories_by_current_post'] : false;
            $hide_empty = isset($instance['hide_empty']) ? (bool) $instance['hide_empty'] : false;
            $depth = isset($instance['depth']) ? $instance['depth'] : 0;
            $use_skin = isset($instance['use_skin']) ? (bool) $instance['use_skin'] : false;
            $extend_skin_options = isset($instance['extend_skin_options']) ? (bool) $instance['extend_skin_options'] : false;
            $skin = isset($instance['skin']) ? $instance['skin'] : '';
            //saved active hash skin
            //total skin setting
            $skin_setting = isset($instance['skin_settings']) ? $instance['skin_settings'] : '';
            $skin_condition = isset($instance['skin_condition']) ? $instance['skin_condition'] : '';
            $show_option_none = isset($instance['show_option_none']) ? $instance['show_option_none'] : '';
            //get terms by select tax
            if (!empty($this_taxonomy)) {
                $terms_data = HW_POST::list_tax_terms($this_taxonomy);
            }
        } else {
            //These are our defaults
            $title = '';
            $orderby = 'count';
            $ascdsc = 'desc';
            $exclude = '';
            $childof = '';
            $this_taxonomy = 'category';
            //this will display the category taxonomy, which is used for normal, built-in posts
            $hierarchical = true;
            $showcount = true;
            $dropdown = false;
            $childof_current_term = false;
            $show_subcat_by_parent = false;
            $categories_by_current_post = false;
            $hide_empty = false;
            //default hide if empty
            $depth = 0;
            //unlimit nested level
            $use_skin = false;
            $skin = '';
            $skin_setting = '';
            $skin_condition = '';
            $extend_skin_options = false;
            $show_option_none = '';
        }
        // The widget form
        $terms_holder_id = 'holder-' . $this->get_field_id('terms');
        $exclude_terms_holder_id = 'holder-' . $this->get_field_id('exclude_terms');
        ?>
		
		
			<p>
				<label for="<?php 
        echo $this->get_field_id('title');
        ?>
"><?php 
        echo __('Tiêu đề:');
        ?>
</label>
				<input id="<?php 
        echo $this->get_field_id('title');
        ?>
" name="<?php 
        echo $this->get_field_name('title');
        ?>
" type="text" value="<?php 
        echo $title;
        ?>
" class="widefat" />
			</p>
			<p>
				<label for="<?php 
        echo $this->get_field_id('taxonomy');
        ?>
"><?php 
        echo __('Chọn Taxonomy:');
        ?>
</label>
				<select name="<?php 
        echo $this->get_field_name('taxonomy');
        ?>
" id="<?php 
        echo $this->get_field_id('taxonomy');
        ?>
" class="widefat" style="height: auto;" size="4" onchange="__hwlct_object.change_taxonomy(this, '#<?php 
        echo $terms_holder_id;
        ?>
', 'hwlct_change_taxonomy_cbs','<?php 
        //echo $link
        ?>
')">
			<?php 
        $args = array('public' => true, '_builtin' => false);
        $output = 'names';
        // or objects
        $operator = 'and';
        // 'and' or 'or'
        $taxonomies = get_taxonomies($args, $output, $operator);
        $taxonomies[] = 'category';
        $taxonomies[] = 'post_tag';
        $taxonomies[] = 'post_format';
        foreach ($taxonomies as $taxonomy) {
            ?>
				<option value="<?php 
            echo $taxonomy;
            ?>
" <?php 
            if ($taxonomy == $this_taxonomy) {
                echo 'selected="selected"';
            }
            ?>
><?php 
            echo $taxonomy;
            ?>
</option>
			<?php 
        }
        ?>
			</select>
			</p>
			<?php 
        if (class_exists('HW_SKIN')) {
            ?>
			    <p><?php 
            //echo $this->skin->get_skins_select_tag('skin');
            //$this->skin->get_skins_listview('skin1',$instance['skin1']);
            //$this->skin->get_skin_instance('t1')->get_skins_select_tag('skin2',null,array('class'=>'widefat'),HW_SKIN::DROPDOWN_DDSSLICK_THEME,HW_SKIN::SKIN_LINKS);
            ?>
</p>
            <p>
                <input type="checkbox" name="<?php 
            echo $this->get_field_name('use_skin');
            ?>
" id="<?php 
            echo $this->get_field_id('use_skin');
            ?>
" <?php 
            checked($use_skin);
            ?>
/>
                <label for="<?php 
            echo $this->get_field_id('use_skin');
            ?>
"><?php 
            _e('Kích hoạt Giao diện');
            ?>
</label>

            </p>
            <p>
                <input type="checkbox" name="<?php 
            echo $this->get_field_name('extend_skin_options');
            ?>
" id="<?php 
            echo $this->get_field_id('extend_skin_options');
            ?>
" <?php 
            selected($extend_skin_options ? 1 : 0);
            ?>
 />
                <label for="<?php 
            echo $this->get_field_id('extend_skin_options');
            ?>
"><?php 
            _e('Cho phép sử dụng skin options');
            ?>
</label>
                <br/>
                <span><em>Cho phép sử dụng skin options mặc dù không kích hoạt sử dụng giao diện riêng.</em></span>
            </p>
			<p>
			     <label for="<?php 
            echo $this->get_field_id('skin');
            ?>
"><strong><?php 
            _e('Giao diện');
            ?>
</strong></label>
				  <?php 
            echo $this->skin->get_skins_select_tag('skin', null, array('class' => 'widefat'), false);
            #$this->skin->addCallbackSkinChangeEvent('console.log(3);');
            ?>
                <!-- show skin options,skin condition field if exists -->
                <?php 
            echo $this->skin->get_skin_template_condition_selector('skin_condition', $skin_condition);
            echo $this->skin->prepare_skin_options_fields('skin_settings', $skin_setting, $skin);
            /*echo $this->skin->create_total_skin_selector('skin', array('hash_skin' => $skin, 'skin_settings' => $skin_setting), null,array(
                  'show_main_skin' =>0,
                  'show_condition_field'=>1,
                  'show_skin_options' => 1
              ));*/
            ?>
			</p>
			
			<?php 
        }
        ?>
			<?php 
        if (isset($btn_tog)) {
            $btn_tog->set_button_toggle_start_wrapper('Nâng cao...');
        }
        ?>
				
				<input type="checkbox" class="checkbox" id="<?php 
        echo $this->get_field_id('count');
        ?>
" name="<?php 
        echo $this->get_field_name('count');
        ?>
"<?php 
        checked($showcount);
        ?>
 />
				<label for="<?php 
        echo $this->get_field_id('count');
        ?>
"><?php 
        _e('Hiển thị số lượng posts bên cạnh');
        ?>
</label><br />
				<input type="checkbox" class="checkbox" id="<?php 
        echo $this->get_field_id('hierarchical');
        ?>
" name="<?php 
        echo $this->get_field_name('hierarchical');
        ?>
"<?php 
        checked($hierarchical);
        ?>
 />
				<label for="<?php 
        echo $this->get_field_id('hierarchical');
        ?>
"><?php 
        _e('Hiển thị đa tầng');
        ?>
</label><br/>

        <input type="checkbox" class="checkbox" id="<?php 
        echo $this->get_field_id('dropdown');
        ?>
" name="<?php 
        echo $this->get_field_name('dropdown');
        ?>
"<?php 
        checked($dropdown);
        ?>
 />
        <label for="<?php 
        echo $this->get_field_id('dropdown');
        ?>
"><?php 
        _e('Hiển thị dạng Dropdown');
        ?>
</label><br/>

        <input type="checkbox" class="checkbox" id="<?php 
        echo $this->get_field_id('hide_empty');
        ?>
" name="<?php 
        echo $this->get_field_name('hide_empty');
        ?>
" <?php 
        checked($hide_empty);
        ?>
 />
        <label for="<?php 
        echo $this->get_field_id('hide_empty');
        ?>
"><?php 
        _e('Ẩn mục không có posts');
        ?>
</label><br/>

        <input type="text" class="text" size="5" id="<?php 
        echo $this->get_field_id('depth');
        ?>
" name="<?php 
        echo $this->get_field_name('depth');
        ?>
" value="<?php 
        echo isset($instance['depth']) ? $instance['depth'] : '0';
        ?>
" />
        <label for="<?php 
        echo $this->get_field_id('depth');
        ?>
"><?php 
        _e('depth');
        ?>
</label><br/>
        <span><em>=1: Nếu chỉ muốn hiện tất cả những danh mục chính.</em></span><br/>
        <span><em>Yêu cầu: bật tùy chọn "Hiển thị đa tầng".</em></span>

				<p>
					<label for="<?php 
        echo $this->get_field_id('orderby');
        ?>
"><?php 
        echo __('Xắp xếp:');
        ?>
</label>
					<select name="<?php 
        echo $this->get_field_name('orderby');
        ?>
" id="<?php 
        echo $this->get_field_id('orderby');
        ?>
" class="widefat" >
						<option value="ID" <?php 
        if ($orderby == 'ID') {
            echo 'selected="selected"';
        }
        ?>
>ID</option>
						<option value="name" <?php 
        if ($orderby == 'name') {
            echo 'selected="selected"';
        }
        ?>
>Name</option>
						<option value="slug" <?php 
        if ($orderby == 'slug') {
            echo 'selected="selected"';
        }
        ?>
>Slug</option>
						<option value="count" <?php 
        if ($orderby == 'count') {
            echo 'selected="selected"';
        }
        ?>
>Count</option>
						<option value="term_group" <?php 
        if ($orderby == 'term_group') {
            echo 'selected="selected"';
        }
        ?>
>Term Group</option>
					</select>
				</p>
				<p>
					<label><input type="radio" name="<?php 
        echo $this->get_field_name('ascdsc');
        ?>
" value="asc" <?php 
        if ($ascdsc == 'asc') {
            echo 'checked';
        }
        ?>
/> Tăng dần</label><br/>
					<label><input type="radio" name="<?php 
        echo $this->get_field_name('ascdsc');
        ?>
" value="desc" <?php 
        if ($ascdsc == 'desc') {
            echo 'checked';
        }
        ?>
/> Giảm dần</label>
				</p>
				<p id="<?php 
        echo $exclude_terms_holder_id;
        ?>
">
					<label for="<?php 
        echo $this->get_field_id('exclude');
        ?>
">Loại trừ ID (danh sách IDs ngăn cách dấu phẩy)</label><br/>
					<select multiple class="widefat" name="<?php 
        echo $this->get_field_name('exclude');
        ?>
[]" >
                        <?php 
        if (!empty($terms_data)) {
            foreach ($terms_data as $id => $name) {
                $selected = in_array($id, $exclude) ? 'selected="selected"' : '';
                printf('<option %s value="%s">%s</option>', $selected, $id, $name);
            }
        }
        ?>
					</select>
				</p>
        <hr/>
				<p id="<?php 
        echo $terms_holder_id;
        ?>
">
					<label for="<?php 
        echo $this->get_field_id('childof');
        ?>
">Chỉ hiển thị sub-category của category mẹ (category id)</label><br/>
                    <?php 
        //echo $childof;
        ?>
					<select class="widefat" data-id="<?php 
        echo $this->number;
        ?>
" name="<?php 
        echo $this->get_field_name('childof');
        ?>
" id="<?php 
        echo $this->get_field_id('childof');
        ?>
">
                        <option value="">---- Chọn ----</option>
                        <?php 
        if (!empty($terms_data)) {
            foreach ($terms_data as $id => $name) {
                printf('<option %s value="%s">%s</option>', selected($id, $childof, false), $id, $name);
            }
        }
        ?>
					</select>

				</p>
                <p>
                    <input type="checkbox" name="<?php 
        echo $this->get_field_name('childof_current_term');
        ?>
" id="<?php 
        echo $this->get_field_id('childof_current_term');
        ?>
" <?php 
        checked($childof_current_term ? 1 : 0);
        ?>
/>
                    <label for="<?php 
        echo $this->get_field_id('childof_current_term');
        ?>
"><?php 
        _e('Lấy category mẹ hiện tại(category id)');
        ?>
</label><br/>
                    <span><em>Chỉ hiển thị sub-category của category hiện tại.</em></span>
                </p>
        <hr/>
                <p>
                    <input type="checkbox" name="<?php 
        echo $this->get_field_name('show_subcat_by_parent');
        ?>
" id="<?php 
        echo $this->get_field_id('show_subcat_by_parent');
        ?>
" <?php 
        checked($show_subcat_by_parent ? 1 : 0);
        ?>
/>
                    <label for="<?php 
        echo $this->get_field_id('show_subcat_by_parent');
        ?>
" style="text-decoration: line-through;"><?php 
        _e('Hiển thị sub-category khi vào trang mẹ');
        ?>
</label><br/>

                    <span><em>Hiển thị sub-category con của trang category mẹ nhưng vẫn dữ toàn bộ danh mục</em></span>
                </p>
        <hr/>
                <p>
                    <label for="<?php 
        echo $this->get_field_id('show_option_none');
        ?>
"><strong><?php 
        _e('Nội dung không có dữ liệu');
        ?>
</strong></label><br/>
                    <input type="text" name="<?php 
        echo $this->get_field_name('show_option_none');
        ?>
" id="<?php 
        echo $this->get_field_id('show_option_none');
        ?>
" value="<?php 
        echo $show_option_none;
        ?>
"/>

                </p>
            <p>
                <input type="checkbox" name="<?php 
        echo $this->get_field_name('categories_by_current_post');
        ?>
" id="<?php 
        echo $this->get_field_id('categories_by_current_post');
        ?>
" <?php 
        checked($categories_by_current_post ? 1 : 0);
        ?>
/>
                <label for="<?php 
        echo $this->get_field_id('categories_by_current_post');
        ?>
"><?php 
        _e('Hiển thị cho post hiện tại');
        ?>
</label><br/>
                <span><em>Hiển thị tất cả những taxonomies, taxonomies nào thuộc về post hiện tại.</em></span>
            </p>

			<script>
                /**
                 * hwlct_change_taxonomy_cbs callbacks
                 */
                if(typeof __hwlct_object.add_callback == 'function')
                __hwlct_object.add_callback('<?php 
        echo $this->number;
        ?>
', 'hwlct_change_taxonomy_cbs', {
                    before_ajax : function() {
                        var select_tag = jQuery('#<?php 
        echo $this->get_field_id('childof');
        ?>
:eq(0)'),
                            exclude_select_tag = jQuery('#<?php 
        echo $this->get_field_id('exclude');
        ?>
:eq(0)');

                        select_tag.html(' ').append(jQuery('<option>', {value:'',text : 'Loading..'}));
                        exclude_select_tag.html(' ').append(jQuery('<option>', {value:'',text : 'Loading..'}));
                    },
                    after_ajax : function(data) {
                        var select_tag = jQuery('#<?php 
        echo $this->get_field_id('childof');
        ?>
:eq(0)'),
                            exclude_select_tag = jQuery('#<?php 
        echo $this->get_field_id('exclude');
        ?>
:eq(0)');

                        jQuery(select_tag).add(exclude_select_tag).html(' ').append(jQuery('<option>', {
                            value: "",
                            text: "------Select------"  //.data[value]
                        }));

                        if(data.posts)
                            jQuery.each(data.terms, function(value, text) {
                                jQuery(select_tag).add(exclude_select_tag).append(jQuery('<option>', {
                                    value: value,
                                    text: text  //.data[value]
                                }));
                            });

                    }
                });
			</script>
			<?php 
        if (isset($btn_tog)) {
            $btn_tog->set_button_toggle_end_wrapper();
        }
        //close feature tog
    }
 /**
  * The configuration form.
  *
  * @param array $instance of widget to display already stored value .
  * 
  */
 public function form($instance)
 {
     $displayFields = array();
     $displayFields = isset($instance['display']) ? $instance['display'] : 'title';
     $display = isset($instance['display']) ? $instance['display'] : array();
     $arrExlpodeFields = explode(',', $displayFields);
     $instance["widget_w"] = isset($instance["widget_w"]) ? $instance["widget_w"] : '220';
     $instance["widget_h"] = isset($instance["widget_h"]) ? $instance["widget_h"] : '300';
     $instance["excerpt_length"] = isset($instance["excerpt_length"]) ? $instance["excerpt_length"] : '50';
     $instance["scroll_by"] = isset($instance["scroll_by"]) ? $instance["scroll_by"] : '3';
     $instance["date_format"] = isset($instance["date_format"]) ? $instance["date_format"] : 'F j, Y';
     $instance["effects_time"] = isset($instance["effects_time"]) ? $instance["effects_time"] : '3000';
     $instance["sort_order"] = isset($instance["sort_order"]) ? $instance["sort_order"] : 'desc';
     $instance["view_all_link"] = isset($instance["view_all_link"]) ? $instance["view_all_link"] : '';
     $instance["view_all_pos"] = isset($instance["view_all_pos"]) ? $instance["view_all_pos"] : '';
     $instance["view_all_text"] = isset($instance["view_all_text"]) ? $instance["view_all_text"] : 'Xem thêm';
     $instance["num"] = isset($instance["num"]) ? $instance["num"] : '50';
     $instance['sort_by'] = isset($instance['sort_by']) ? $instance['sort_by'] : '';
     $taxonomy = isset($instance['tax']) ? esc_attr($instance['tax']) : '';
     $current_pt = isset($instance['posttype']) ? esc_attr($instance['posttype']) : 'page,post';
     $current_pt = explode(',', $current_pt);
     if (!isset($instance['nav_posts_num'])) {
         $instance['nav_posts_num'] = get_option('posts_per_page');
     }
     if (!isset($instance['page_cat_link'])) {
         $instance['page_cat_link'] = '';
     }
     /**
      * scrolling option
      */
     $instance['scroll_type'] = isset($instance['scroll_type']) ? $instance['scroll_type'] : '';
     //carousel type
     //direction
     $instance['scroll_direction'] = isset($instance['scroll_direction']) ? $instance['scroll_direction'] : 'endlessloopbottom';
     $instance['scroll_interval'] = isset($instance['scroll_interval']) ? $instance['scroll_interval'] : '10';
     //scrollinh interval
     //dimention
     $instance['scroll_height'] = isset($instance['scroll_height']) ? $instance['scroll_height'] : '200';
     //scroll height area
     //restrict post title characters
     $instance["post_title_leng"] = isset($instance['post_title_leng']) ? $instance['post_title_leng'] : '60';
     //valid
     if (!isset($instance["widget_title"])) {
         $instance["widget_title"] = '';
     }
     $expandoptions = isset($instance['expandoptions']) ? $instance['expandoptions'] : 'contract';
     //get visible status and hide default
     //create feature tog
     if (class_exists('HW_ButtonToggle_widget')) {
         $btn_tog = new HW_ButtonToggle_widget($this, $instance);
     }
     include HWTPL_PLUGIN_PATH . '/includes/templates/widget-form.php';
     //form template
     //close feature tog
     if (isset($btn_tog)) {
         $btn_tog->set_button_toggle_end_wrapper();
     }
 }
    /**
     * extra fields to any widget
     * @param object $t: widget class object
     * @param $return
     * @param array $instance: widget instance
     */
    public function _hw_awc_in_widget_form($t, $return, $instance)
    {
        /*begin custom sidebar format*/
        static $sw_list;
        if (!$sw_list) {
            $sw_list = get_option('sidebars_widgets');
        }
        //get all widgets
        global $wp_registered_sidebars;
        foreach ($sw_list as $sidebar => $widgets) {
            //get sidebar where widget nested on it
            if (is_array($widgets) && in_array($t->id, $widgets)) {
                //make sure you ignore the key 'array_version'
                $found_sidebar = true;
                break;
            }
        }
        if ($sidebar == 'array_version' || !isset($found_sidebar) || !isset($wp_registered_sidebars[$sidebar])) {
            echo '<div style="background:#fafafa;border:1px solid #dadada;padding:5px;"><p>Nhấn nút Lưu để hiển thị công cụ tùy chỉnh widget này hoặc nếu không thấy thì xóa widget và thêm lại.</p></div>';
            return;
        }
        //first check
        if (isset($wp_registered_sidebars[$sidebar]['old_id'])) {
            $old_sidebar = $wp_registered_sidebars[$sidebar]['old_id'];
        } else {
            $old_sidebar = $sidebar;
        }
        if (!HW_AWC_Sidebar_Settings::check_valid_sidebar_name($old_sidebar)) {
            echo "<div class='hwawc-message'>Do Sidebar cũ có ID ({$old_sidebar}) không hợp lệ, nên tạo mới sidebar với tên: ({$sidebar})";
            echo '<br/>Hiển thị sidebar:<code>dynamic_sidebar("' . $sidebar . '")</code>';
            echo '</div>';
            // return;  //fixed from callback '_hw_awc_init'
        }
        $params = $wp_registered_sidebars[$sidebar];
        //get sidebar param where widget nested on it
        //create feature tog
        if (class_exists('HW_ButtonToggle_widget')) {
            $btn_tog = new HW_ButtonToggle_widget($t, $instance);
        }
        //instance HW_SKIN for widget box title
        $skin = new HW_SKIN($t, HW_AWC_PATH, 'hw_awc_skins', 'hwawc-skin.php', 'skins');
        $skin->plugin_url = HW_AWC_URL;
        $skin->external_callback = false;
        $skin->init();
        //seem no longer use
        ?>
        <?php 
        if (isset($btn_tog)) {
            $btn_tog->set_button_toggle_start_wrapper('Tùy chỉnh widget');
        }
        ?>
        <div style="background:#fafafa;border:1px solid #dadada;padding:5px;">
            <!-- show widget ID on each widget in admin. -->
            <p>
            <div id="<?php 
        echo $t->get_field_id('show_widget_id');
        ?>
" style="padding:5px;background:pink;border:1px solid red;" name="<?php 
        echo $t->get_field_name('show_widget_id');
        ?>
" >
                ID: <strong><?php 
        echo $t->id;
        ?>
</strong><br/>
                <?php 
        if (is_plugin_active('amr-shortcode-any-widget/amr-shortcode-any-widget.php')) {
            echo 'Hiển thị nội dung widget này bởi shortcode:<br/>';
            echo '<code>[do_widget id=' . $t->id . ']</code>';
            echo '<a href="' . HW_AWC_URL . '/docs/amr-shortcode-any-widget.html' . '" target="_blank">Hướng dẫn</a>';
        } else {
            echo hw_install_plugin_link('amr-shortcode-any-widget', 'Nhúng widget này bằng shortcode');
        }
        //display widget content with feature "shortcode_params"
        if (!HW_AWC_WidgetFeatures::check_widget_feature($t, 'shortcode_params') && class_exists('HW_HOANGWEB_Settings')) {
            echo '<p>Kích hoạt feature "<a target="_blank" href="' . admin_url('options-general.php?page=' . HW_HOANGWEB_Settings::HW_SETTINGS_PAGE) . '">Tạo shortcode widget</a>" để hiển thị nội dung của widget này.</p>';
        }
        ?>
            </div>
            </p>
            <!-- widget features -->
            <?php 
        $this->load_widget_features($t, $instance);
        ?>
            <p>

            </p>
            <hr/>
            <!-- sidebar custom after_title & before_title -->
            <?php 
        if (isset($params['before_title'])) {
            ?>

                <p>
                    <label for="<?php 
            echo $t->get_field_id('awc_clear_widget_title');
            ?>
"><strong><?php 
            _e('Xóa tiêu đề widget');
            ?>
</strong></label><br/>
                    <input type="checkbox" name="<?php 
            echo $t->get_field_name('awc_clear_widget_title');
            ?>
" id="<?php 
            echo $t->get_field_id('awc_clear_widget_title');
            ?>
" <?php 
            checked(isset($instance['awc_clear_widget_title']) && $instance['awc_clear_widget_title'] ? 1 : 0);
            ?>
/><?php 
            _e('Xóa before_title & after_title');
            ?>
                    <br/>
                    <span style="font-size:12px">Nếu xóa tiêu đề (xóa before_title & after_title) thì check vào đây. <i>(Tùy chọn này sẽ xóa thẻ HTML có trong before_title & after_title và cả before_widget,after_widget nếu cần thiết để có thể hiển thị tốt widget mà không có title.)</i></span>
                    <br/>

                </p><hr/>

                <p>
                    <label><strong><?php 
            _e('Sửa before_title');
            ?>
</strong></label><br/>
                    <em>Hiện tại: (<font color="blue"><?php 
            echo htmlentities($params['before_title']);
            ?>
</font>)</em><br/>
                    <em><?php 
            if (!preg_match('#%\\d\\$s#', $params['before_title'])) {
                echo '<font color="red">Cảnh báo: before_title chưa sẵn sàng.</font>';
            }
            ?>
</em><br/>
                    <input <?php 
            ?>
 type="text" name="<?php 
            echo $t->get_field_name('format_before_title');
            ?>
" id="<?php 
            echo $t->get_field_id('format_before_title');
            ?>
" value="<?php 
            echo isset($instance['format_before_title']) ? $instance['format_before_title'] : '';
            ?>
"><br/>
                    <span style="font-size:12px"><i>(mỗi ID or chuỗi class ngăn cách bởi '|')</i></span>
                    <br/>
                    <span><em>ie: before_title=>"<?php 
            echo htmlentities('<h2 id="%1$s" class="%2$s" style="%3$s">');
            ?>
"</em></span>
                </p><hr/>
            <?php 
        }
        ?>
            <p>
                <label><strong><?php 
        _e('Sửa after_title');
        ?>
</strong></label><br/>
                <em>Hiện tại: (<font color="blue"><?php 
        echo htmlentities($params['after_title']);
        ?>
</font>)</em><br/>
                <em><?php 
        if (!preg_match('#%\\d\\$s#', $params['after_title'])) {
            echo '<font color="red">Cảnh báo: after_title chưa sẵn sàng.</font>';
        }
        ?>
</em><br/>
                <input <?php 
        ?>
 type="text" name="<?php 
        echo $t->get_field_name('format_after_title');
        ?>
" id="<?php 
        echo $t->get_field_id('format_after_title');
        ?>
" value="<?php 
        echo isset($instance['format_after_title']) ? $instance['format_after_title'] : '';
        ?>
"><br/>
                <span style="font-size:12px"><i>(mỗi ID or chuỗi class ngăn cách bởi '|')</i></span>
                <br/>
                <span><em>ie: after_title=>"<?php 
        echo htmlentities('</h2><div id="%1$s" class="%2$s" style="%3$s">');
        ?>
"</em></span>
            </p><hr/>
            <p>
                <label><strong><?php 
        _e('Sửa before_widget');
        ?>
</strong></label><br/>
                <em>Thêm class theo thứ tự bằng cách chèn tag (*1,*2,..) vào tham số before_widget: <br/>(Hiện tại:<font color="blue"><?php 
        echo htmlentities($params['before_widget']);
        ?>
</font>)</em><br/>
                <em><?php 
        if (!preg_match('#\\*\\d+#', $params['before_widget'])) {
            echo '<font color="red">Cảnh báo: before_widget chưa sẵn sàng.</font>';
        }
        ?>
</em>
                <input type="text" name="<?php 
        echo $t->get_field_name('preclasses_before_widget');
        ?>
" id="<?php 
        echo $t->get_field_id('preclasses_before_widget');
        ?>
" value="<?php 
        echo isset($instance['preclasses_before_widget']) ? $instance['preclasses_before_widget'] : '';
        ?>
"><br/>
                <span style="font-size:12px"><i>(mỗi chuỗi class tương ứng với *1|*2.. ngăn cách bởi '|'. VD: class1 class2|class3 class4 class5)</i></span>
            </p>
            <hr/>
            <p>
                <label for="<?php 
        echo $t->get_field_id('widget_skin');
        ?>
"><strong><?php 
        _e('Giao diện widget');
        ?>
</strong></label>
            <div>
                <select name="<?php 
        echo $t->get_field_name('widget_skin');
        ?>
" id="<?php 
        echo $t->get_field_id('widget_skin');
        ?>
">
                    <?php 
        foreach (HW_AWC_Sidebar_Settings::available_widget_skins() as $name => $field) {
            ?>
                        <option <?php 
            selected(isset($instance['widget_skin']) && $name == $instance['widget_skin'] ? 1 : 0);
            ?>
 value="<?php 
            echo $name;
            ?>
"><?php 
            echo isset($field['title']) ? $field['title'] : $name;
            ?>
</option>
                    <?php 
        }
        ?>
                </select><br/>
                <span>Quản lý skins, nhấn <a target="_blank" href="<?php 
        echo HW_AWC_Sidebar_Settings::get_edit_sidebar_setting_page_link($sidebar);
        ?>
">vào đây</a>.</span>
            </div>
            </p>
            <p>
                <strong>Mầu sắc</strong><br/>
                <em>Lưu ý: TH nếu xóa mầu và khi load lại trang cần xóa lại vì mầu khởi đầu là #FFFFFF.<br/> Nếu không xuất hiện hộp chọn mầu thì tự điền mã mầu và lưu lại để khởi tạo lại trình chọn mã mầu.</em>
            </p>
            <p>
                <input type="text" size="5" class="color {hash:true}" name="<?php 
        echo $t->get_field_name('bgcolor_widget');
        ?>
" id="<?php 
        echo $t->get_field_id('bgcolor_widget');
        ?>
" value="<?php 
        echo isset($instance['bgcolor_widget']) ? $instance['bgcolor_widget'] : '';
        ?>
"/>
                <label for="<?php 
        echo $t->get_field_id('bgcolor_widget');
        ?>
">Mầu nền widget</label>
                <a class="clear-jscolor button" href="javascript:void(0)">Xóa</a>
            </p>
            <p>
                <input type="text" size="5" class="color {hash:true}" name="<?php 
        echo $t->get_field_name('bgcolor_title');
        ?>
" id="<?php 
        echo $t->get_field_id('bgcolor_title');
        ?>
" value="<?php 
        echo isset($instance['bgcolor_title']) ? $instance['bgcolor_title'] : '';
        ?>
"/>
                <label for="<?php 
        echo $t->get_field_id('bgcolor_title');
        ?>
">Mầu nền tiêu đề</label>
                <a class="clear-jscolor button" href="javascript:void(0)" onclick="">Xóa</a>
            </p>
            <p>
                <input type="text" size="5" class="color {hash:true}" name="<?php 
        echo $t->get_field_name('bgcolor_box');
        ?>
" id="<?php 
        echo $t->get_field_id('bgcolor_box');
        ?>
" value="<?php 
        echo isset($instance['bgcolor_box']) ? $instance['bgcolor_box'] : '';
        ?>
"/>
                <label for="<?php 
        echo $t->get_field_id('bgcolor_box');
        ?>
">Mầu nền nội dung</label>
                <a class="clear-jscolor button" href="javascript:void(0)">Xóa</a>
            </p>

            <!-- bg title -->
            <p>
                <label><strong><?php 
        _e('Ảnh nền cho tiêu đề widget');
        ?>
</strong></label>
            <div>
                <?php 
        if (strpos($params['before_title'], '{css_title}') === false) {
            echo '<font color="red">Warning: không tìm thấy {css_title} tag trong tham số <em>before_title</em>. Để sử dụng trường này bạn cần thêm tag này vào tham số <em>before_title</em> cho sidebar hiện tại.</font>';
        }
        ?>
                <?php 
        if (isset($instance['bgimg_title'])) {
            ?>
                    <img class="user-preview-image" style="max-width:100%;" src="<?php 
            echo $instance['bgimg_title'];
            ?>
"><!-- display image -->
                <?php 
        }
        ?>
                <input type="hidden" name="<?php 
        echo $t->get_field_name('bgimg_title');
        ?>
" id="<?php 
        echo $t->get_field_id('bgimg_title');
        ?>
" value="<?php 
        echo isset($instance['bgimg_title']) ? $instance['bgimg_title'] : '';
        ?>
" class="regular-text" /><!-- show image url -->
                <input type='button' class="button-primary" value="Upload" id="<?php 
        echo $t->get_field_id('hw_awc_uploadimage');
        ?>
"/><br /><!-- upload button -->
                <script type="text/javascript">
                    jQuery(function( $ ) {
                        if(typeof hw_awc_btn_upload_image == 'function') {
                            hw_awc_btn_upload_image($( '#<?php 
        echo $t->get_field_id('hw_awc_uploadimage');
        ?>
' ), $( '#<?php 
        echo $t->get_field_id('bgimg_title');
        ?>
' ));
                        }

                    });
                </script>
                <p>

                    <input type="checkbox" name="<?php 
        echo $t->get_field_name('bgimg_title_css');
        ?>
" id="<?php 
        echo $t->get_field_id('bgimg_title_css');
        ?>
" onlick="this.value = this.checked" <?php 
        checked(isset($instance['bgimg_title_css']) ? 1 : 0);
        ?>
/>
                    <label for="<?php 
        echo $t->get_field_id('bgimg_title_css');
        ?>
"><?php 
        _e('Hiển thị ảnh nền cho tiêu đề widget');
        ?>
</label>
                </p>
            </div>
            </p>
            <!-- bg box -->
            <p>
                <label for="<?php 
        echo $t->get_field_id('hw_awc_upload_bgimg_box');
        ?>
"><strong><?php 
        _e('Ảnh nền cho nội dung widget');
        ?>
</strong></label><br/>
                <?php 
        if (strpos($params['after_title'], '{css_box}') === false && strpos($params['before_widget'], '{css_box}') === false) {
            echo '<div><font color="red">Warning: không tìm thấy {css_box} tag trong tham số <em>after_title</em> hoặc <em>before_widget</em>. Để sử dụng trường này bạn cần thêm tag này cho sidebar hiện tại.</font></div>';
        }
        ?>
                <?php 
        if (isset($instance['bgimg_box'])) {
            ?>
                    <img class="user-preview-image" style="max-width:100%;" src="<?php 
            echo $instance['bgimg_box'];
            ?>
"><!-- display image -->
                <?php 
        }
        ?>
                <input type="hidden" name="<?php 
        echo $t->get_field_name('bgimg_box');
        ?>
" id="<?php 
        echo $t->get_field_id('bgimg_box');
        ?>
"
                       value="<?php 
        echo isset($instance['bgimg_box']) ? $instance['bgimg_box'] : '';
        ?>
" class="regular-text" /><!-- show image url -->
                <input type='button' class="button-primary" value="Upload" id="<?php 
        echo $t->get_field_id('hw_awc_upload_bgimg_box');
        ?>
"/><br /><!-- upload button -->
            </p>
            <script type="text/javascript">
                jQuery(function( $ ) {
                    if(typeof hw_awc_btn_upload_image == 'function') {
                        hw_awc_btn_upload_image($( '#<?php 
        echo $t->get_field_id('hw_awc_upload_bgimg_box');
        ?>
' ),$('#<?php 
        echo $t->get_field_id('bgimg_box');
        ?>
'));
                    }

                });
                jQuery(function($){
                    //empty color input
                    var empty_color_input = function(obj){
                        $(obj).attr('value','').css({background:'#fff'});
                        $(obj).empty();
                        //remove color from input
                        //HW_AWC.jscolor_set(obj,'');//wrong it will reset to white color
                    };
                    //init jscolor when ajax response for all input field has 'color' class
                    $('input.color').each(function(i,obj){
                        var color = $(obj).val(),
                            clear_btn = $($(obj).next().next());

                        $(obj).data('clear_btn', clear_btn);
                        //bind clear color button
                        if(!$(obj).data('clear_color_btn')){
                            $(obj).data({
                                clear_color_btn:function(){
                                    empty_color_input(obj);
                                    //remove color from input
                                    //HW_AWC.jscolor_set(obj,'');//wrong it will reset to white color
                                }
                            });
                        }
                        clear_btn.bind('click',$(obj).data('clear_color_btn'));
                        //update color
                        if(color && $(obj).attr('value')){
                            HW_AWC.jscolor_set(obj,color);  //resume color in input tag
                        }
                        else {
                            setTimeout(function(){
                                empty_color_input(obj); //clear default white color
                                $(obj).data('clear_btn').trigger('click');
                            },1000);
                        }

                    });
                });

            </script>
        </div>
        <?php 
        if (isset($btn_tog)) {
            $btn_tog->set_button_toggle_end_wrapper();
        }
        //close feature tog
    }