function form($instance, $header_name)
        {
            $defaults = array('spacer' => '', 'align' => '');
            $instance = wp_parse_args($instance, $defaults);
            extract($instance);
            ?>
			<div class="modalRow row clearfix">
					<div class="col-sm-7">
						<p class="settingName">
							Align element
						</p>
						<span class="settingNote">Note: Center alignment won't allow you to add another element in this header row.</span>
					</div>
					<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Left', 'Center', 'Right'), 'align', $align);
            ?>
				</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Horizontal space in pixels
					</p>
					<span class="settingNote">Add space between the elements, Example: 48px</span>
				</div>
				<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'spacer', $spacer);
            ?>
			</div>
			
		<?php 
        }
        function form($instance, $header_name)
        {
            $defaults = array('align' => '', 'text' => '');
            $instance = wp_parse_args($instance, $defaults);
            extract($instance);
            ?>
			<div class="modalRow row clearfix">
					<div class="col-sm-7">
						<p class="settingName">
							Align element
						</p>
						<span class="settingNote">Note: Center alignment won't allow you to add another element in this header row.</span>
					</div>
					<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Left', 'Center', 'Right'), 'align', $align);
            ?>
				</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Text
					</p>
				</div>
				<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'text', htmlspecialchars($text));
            ?>
			</div>
			
		<?php 
        }
        function form($instance, $header_name)
        {
            $defaults = array('row_style' => 0, 'content_color' => 1, 'stickyrow' => 0, 'invisible_fixed_row' => 0, 'bg_color' => '#fff', 'sticky_responsive' => 0);
            $instance = wp_parse_args($instance, $defaults);
            extract($instance);
            ?>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Row Height
					</p>
					<span class="settingNote">Note: For the small style, logo builder's style won't work.</span>
				</div>
				<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Large', 'Narrow'), 'row_style', $row_style);
            ?>
			</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Background color
					</p>
				</div>
				<?php 
            echo creiden_hb_color_picker($header_name, $id_base, $order, 'bg_color', $bg_color);
            ?>
			</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Content color
					</p>
				</div>
				<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Light Content', 'Dark Content'), 'content_color', $content_color);
            ?>
			</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<label for="fixedRow">
						<p class="settingName">
							Sticky Row
						</p> </label>
				</div>
				<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Nope', 'Sticky', 'Invisible Sticky'), 'stickyrow', $stickyrow);
            ?>
			</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Disable sticky on small devices.
					</p>
				</div>
				<?php 
            echo creiden_hb_checkbox($header_name, $id_base, $order, 'sticky_responsive', $sticky_responsive);
            ?>
			</div>		
			<?php 
        }
        function form($instance, $header_name)
        {
            $defaults = array('align' => '', 'icon_selector' => '', 'link_text' => array(0 => '#'), 'link_name' => '');
            $instance = wp_parse_args($instance, $defaults);
            extract($instance);
            ?>
				<div class="modalRow row clearfix">
					<div class="col-sm-7">
						<p class="settingName">
							Align element
						</p>
						<span class="settingNote">Note: Center alignment won't allow you to add another element in this header row.</span>
					</div>
					<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Left', 'Center', 'Right'), 'align', $align);
            ?>
				</div>
				<?php 
            if (isset($link_name) && !empty($link_name)) {
                foreach ($link_name as $key => $value) {
                    ?>
					<div class="modalRow row clearfix socialWrapper">
						<?php 
                    echo creiden_hb_iconselector_input($header_name, $id_base, $order, 'link_text', $link_text[$key], $key);
                    ?>
						<div class="col-sm-6">
							<?php 
                    echo creiden_hb_icon_selector($header_name, $order, $value, 'link_name', $key);
                    ?>
						</div>
					</div>
						<?php 
                }
            } else {
                ?>
					<div class="modalRow row clearfix socialWrapper">
						<?php 
                echo creiden_hb_iconselector_input($header_name, $id_base, $order, 'link_text', $link_text[0], 0);
                ?>
						<div class="col-sm-6">
							<?php 
                echo creiden_hb_icon_selector($header_name, $order, $link_name, 'link_name', 0);
                ?>
						</div>
					</div>		
						<?php 
            }
            ?>
				<button type="button" class="btn btn-default addSocial">
					Add Social Icon
				</button>
			<?php 
        }
        function form($instance, $header_name)
        {
            $defaults = array('align' => '', 'adsense_code' => '', 'uploaded_image' => 0, 'ad_image' => '', 'ad_width' => '', 'ad_height' => '', 'ad_link' => '#', 'ad_link_target' => '_blank');
            $instance = wp_parse_args($instance, $defaults);
            extract($instance);
            ?>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Align element
					</p>
					<span class="settingNote">Note: Center alignment won't allow you to add another element in this header row.</span>
				</div>
				<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Left', 'Center', 'Right'), 'align', $align);
            ?>
			</div>
			<div class="modalRow row clearfix checkBoxSwitcherField">
				<div class="col-sm-7">
					<label for="useLogoBuilder">
						<p class="settingName">
							Use Uploaded Image
						</p>
					</label>
				</div>
				<?php 
            echo creiden_hb_checkbox($header_name, $id_base, $order, 'uploaded_image', $uploaded_image);
            ?>
			</div>
			<div class="modalRow row clearfix checkBoxSwitcher inverse">
				<div class="col-sm-7">
					<label for="useLogoBuilder">
						<p class="settingName">
							Adsense code
						</p>
					</label>
				</div>
				<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'adsense_code', $adsense_code);
            ?>
			</div>
			<div class="checkBoxSwitcher">
				<div class="modalRow row clearfix">
					<div class="col-sm-7">
						<p class="settingName">
							Upload image
						</p>
					</div>
					<?php 
            $image_id = isset($image_uploadid) ? $image_uploadid : '';
            echo creiden_hb_upload($header_name, $id_base, $order, 'ad_image', $ad_image, $image_id);
            ?>
				</div>
				<div class="modalRow row clearfix">
					<div class="col-sm-7">
						<p class="settingName">
							Ad Link
						</p>
					</div>
					<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'ad_link', $ad_link);
            ?>
				</div>
                <div class="modalRow row clearfix">
					<div class="col-sm-7">
						<p class="settingName">
							Open Ad in a new tab?
						</p>
					</div>
					<?php 
            echo creiden_hb_checkbox($header_name, $id_base, $order, 'ad_link_target', $ad_link_target);
            ?>
				</div>
				<div class="modalRow row clearfix logoWidth">
					<div class="col-sm-7">
						<p class="settingName">
							Width
						</p>
					</div>
					<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'ad_width', $ad_width);
            ?>
				</div>
				<div class="modalRow row clearfix logoHeight">
					<div class="col-sm-7">
						<p class="settingName">
							Height
						</p>
					</div>
					<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'ad_height', $ad_height);
            ?>
				</div>
			</div>
		<?php 
        }
        function form($instance, $header_name)
        {
            $defaults = array('align' => '', 'menu_select' => 0, 'toggled_menu' => '', 'search_icon' => '', 'responsive_menu' => '', 'uber_menu' => '');
            $instance = wp_parse_args($instance, $defaults);
            extract($instance);
            ?>
			<div class="modalRow row clearfix menuAlign">
				<div class="col-sm-7">
					<p class="settingName">
						Align element
					</p>
					<span class="settingNote">Note: Center alignment won't allow you to add another element in this header row.</span>
				</div>
				<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Left', 'Center', 'Right'), 'align', $align);
            ?>
			</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Select Menu
					</p>
				</div>
				<?php 
            $nav_menus = wp_get_nav_menus(array('orderby' => 'name'));
            $nav_menus_names = array();
            foreach ($nav_menus as $key => $value) {
                //array_push($nav_menus_names,$value->name);
                $nav_menus_names[$value->term_id] = $value->name;
            }
            echo creiden_hb_select($header_name, $id_base, $order, $nav_menus_names, 'menu_select', $menu_select);
            ?>
			</div>
			<div class="modalRow row clearfix toggleMenu">
				<div class="col-sm-7">
					<label for="toggledMenu">
						<p class="settingName">
							Toggled Menu
						</p> <span class="settingNote">A toggle button will appear instead of the menu.</span></label>
				</div>
				<?php 
            echo creiden_hb_checkbox($header_name, $id_base, $order, 'toggled_menu', $toggled_menu);
            ?>
			</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<label for="fixedRow">
						<p class="settingName">
							Add search icon to the menu
						</p> </label>
				</div>
				<?php 
            echo creiden_hb_checkbox($header_name, $id_base, $order, 'search_icon', $search_icon);
            ?>
			</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<label for="responsiveMenu">
						<p class="settingName">
							Un-responsive menu 
						</p> <span class="settingNote">This option will disable the responsive style of the menu.</span></label>
				</div>
				<?php 
            echo creiden_hb_checkbox($header_name, $id_base, $order, 'responsive_menu', $responsive_menu);
            ?>
			</div>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<label for="responsiveMenu">
						<p class="settingName">
							Use Ubermenu
						</p> <span class="settingNote">Please make sure that the ubermenu plugin is installed.</span></label>
				</div>
				<?php 
            echo creiden_hb_checkbox($header_name, $id_base, $order, 'uber_menu', $uber_menu);
            ?>
			</div>
		<?php 
        }
        function form($instance, $header_name)
        {
            $defaults = array('align' => '', 'logo_builder' => 1, 'logo_image' => '', 'logo_width' => '', 'logo_height' => '', 'logo_margin_top' => '', 'logo_margin_bottom' => '');
            $instance = wp_parse_args($instance, $defaults);
            extract($instance);
            ?>
				<div class="modalRow row clearfix">
					<div class="col-sm-7">
						<p class="settingName">
							Align element
						</p>
						<span class="settingNote">Note: Center alignment won't allow you to add another element in this header row.</span>
					</div>
					<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Left', 'Center', 'Right'), 'align', $align);
            ?>
				</div>
				<div class="modalRow row clearfix checkBoxSwitcherField inverse">
					<div class="col-sm-7">
						<label for="useLogoBuilder">
							<p class="settingName">
								Use logo builder
							</p>
						</label>
					</div>
					<?php 
            echo creiden_hb_checkbox($header_name, $id_base, $order, 'logo_builder', $logo_builder);
            ?>
				</div>
				<div class="checkBoxSwitcher">
					<div class="modalRow row clearfix">
						<div class="col-sm-7">
							<p class="settingName">
								Upload logo
							</p>
						</div>
						<?php 
            $image_id = isset($image_uploadid) ? $image_uploadid : '';
            echo creiden_hb_upload($header_name, $id_base, $order, 'logo_image', $logo_image, $image_id);
            ?>
					</div>
					<div class="modalRow row clearfix logoWidth">
						<div class="col-sm-7">
							<p class="settingName">
								Width
							</p>
							<span class="settingNote">Example : 150px</span>
						</div>
						<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'logo_width', $logo_width);
            ?>
					</div>
					<div class="modalRow row clearfix logoHeight">
						<div class="col-sm-7">
							<p class="settingName">
								Height
							</p>
							<span class="settingNote">Example : 150px</span>
						</div>
						<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'logo_height', $logo_height);
            ?>
					</div>
					<div class="modalRow row clearfix">
						<div class="col-sm-7">
							<p class="settingName">
								Margin Top
							</p>
							<span class="settingNote">Example : 10px</span>
						</div>
						<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'logo_margin_top', $logo_margin_top);
            ?>
					</div>
					<div class="modalRow row clearfix">
						<div class="col-sm-7">
							<p class="settingName">
								Margin Bottom
							</p>
							<span class="settingNote">Example : 10px</span>
						</div>
						<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'logo_margin_bottom', $logo_margin_bottom);
            ?>
					</div>
				</div>
			<?php 
        }
        function form($instance, $header_name)
        {
            $defaults = array('title' => '', 'type' => '', 'text' => '', 'categories' => -1, 'posts_number' => 5);
            $options_categories = array();
            $options_categories_obj = get_categories();
            foreach ($options_categories_obj as $category) {
                $options_categories[$category->cat_ID] = $category->cat_name;
            }
            $instance = wp_parse_args($instance, $defaults);
            extract($instance);
            ?>
			<div class="modalRow row clearfix">
				<div class="col-sm-7">
					<p class="settingName">
						Title
					</p>
				</div>
				<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'title', $title);
            ?>
			</div>
			<div class="modalRow row clearfix selectSwitcherField">
				<div class="col-sm-7">
					<p class="settingName">
						What to Show
					</p>
					<span class="settingNote">Select the content of the Breaking Area</span>
				</div>
				<?php 
            echo creiden_hb_select($header_name, $id_base, $order, array('Latest Posts', 'Custom News'), 'type', $type);
            ?>
			</div>
			<div class="modalRow row clearfix selectSwitcher selectSwitcher_0">
				<div class="col-sm-7">
					<p class="settingName">
						Number Of Posts
					</p>
				</div>
				<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'posts_number', $posts_number);
            ?>
			</div>
			<div class="modalRow row clearfix selectSwitcher selectSwitcher_0">
				<div class="col-sm-7">
					<p class="settingName">
						Breaking Area Selected Categories
					</p>
					<span class="settingNote">Select the categories you want</span>
				</div>
				<?php 
            echo creiden_hb_select_multiple($header_name, $id_base, $order, $options_categories, 'categories', $categories, 'multiple');
            ?>
			</div>
			<div class="modalRow row clearfix selectSwitcher selectSwitcher_1">
				<div class="col-sm-7">
					<p class="settingName">
						Custom Text
					</p>
					<span class="settingNote">Put the sentences you want to show in the Breaking Area here separated by commas ","</span>
				</div>
				<?php 
            echo creiden_hb_input($header_name, $id_base, $order, 'text', $text);
            ?>
			</div>
		<?php 
        }