<?php
    /* unserialize all saved option for Eight options */
    $option9	= unserialize(get_option('sfsi_plus_section9_options',false));
	$feedId 	= sanitize_text_field(get_option('sfsi_plus_feed_id',false));
	
	/*
	 * Sanitize, escape and validate values
	 */
	$option9['sfsi_plus_form_adjustment'] 		= 	(isset($option9['sfsi_plus_form_adjustment']))
														? sanitize_text_field($option9['sfsi_plus_form_adjustment'])
														: '';
	$option9['sfsi_plus_form_height'] 			= 	(isset($option9['sfsi_plus_form_height']))
														? intval($option9['sfsi_plus_form_height'])
														: '';
	$option9['sfsi_plus_form_width'] 			= 	(isset($option9['sfsi_plus_form_width']))
														? intval($option9['sfsi_plus_form_width'])
														: '';
	$option9['sfsi_plus_form_border'] 			= 	(isset($option9['sfsi_plus_form_border']))
														? sanitize_text_field($option9['sfsi_plus_form_border'])
														: '';
	$option9['sfsi_plus_form_border_thickness'] = 	(isset($option9['sfsi_plus_form_border_thickness']))
														? intval($option9['sfsi_plus_form_border_thickness'])
														: '';
	$option9['sfsi_plus_form_border_color'] 	= 	(isset($option9['sfsi_plus_form_border_color']))
														? sfsi_plus_sanitize_hex_color($option9['sfsi_plus_form_border_color'])
														: '';
	$option9['sfsi_plus_form_background'] 		= 	(isset($option9['sfsi_plus_form_background']))
														? sfsi_plus_sanitize_hex_color($option9['sfsi_plus_form_background'])
														: '';
	
	$option9['sfsi_plus_form_heading_text'] 	= 	(isset($option9['sfsi_plus_form_heading_text']))
														? sanitize_text_field($option9['sfsi_plus_form_heading_text'])
														: '';
	$option9['sfsi_plus_form_heading_font'] 	= 	(isset($option9['sfsi_plus_form_heading_font']))
														? sanitize_text_field($option9['sfsi_plus_form_heading_font'])
														: '';
	$option9['sfsi_plus_form_heading_fontstyle']= 	(isset($option9['sfsi_plus_form_heading_fontstyle']))
														? sanitize_text_field($option9['sfsi_plus_form_heading_fontstyle'])
														: '';
	$option9['sfsi_plus_form_heading_fontcolor']= 	(isset($option9['sfsi_plus_form_heading_fontcolor']))
														? sfsi_plus_sanitize_hex_color($option9['sfsi_plus_form_heading_fontcolor'])
														: '';
	$option9['sfsi_plus_form_heading_fontsize'] = 	(isset($option9['sfsi_plus_form_heading_fontsize']))
														? intval($option9['sfsi_plus_form_heading_fontsize'])
														: '';
	$option9['sfsi_plus_form_heading_fontalign']= 	(isset($option9['sfsi_plus_form_heading_fontalign']))
														? sanitize_text_field($option9['sfsi_plus_form_heading_fontalign'])
														: '';
	
	$option9['sfsi_plus_form_field_text'] 		= 	(isset($option9['sfsi_plus_form_field_text']))
														? sanitize_text_field($option9['sfsi_plus_form_field_text'])
														: '';
	$option9['sfsi_plus_form_field_font'] 		= 	(isset($option9['sfsi_plus_form_field_font']))
														? sanitize_text_field($option9['sfsi_plus_form_field_font'])
														: '';
	$option9['sfsi_plus_form_field_fontstyle'] 	= 	(isset($option9['sfsi_plus_form_field_fontstyle']))
														? sanitize_text_field($option9['sfsi_plus_form_field_fontstyle'])
														: '';
	$option9['sfsi_plus_form_field_fontcolor'] 	= 	(isset($option9['sfsi_plus_form_field_fontcolor']))
														? sfsi_plus_sanitize_hex_color($option9['sfsi_plus_form_field_fontcolor'])
														: '';
	$option9['sfsi_plus_form_field_fontsize'] 	= 	(isset($option9['sfsi_plus_form_field_fontsize']))
														? intval($option9['sfsi_plus_form_field_fontsize'])
														: '';
	$option9['sfsi_plus_form_field_fontalign']	= 	(isset($option9['sfsi_plus_form_field_fontalign']))
														? sanitize_text_field($option9['sfsi_plus_form_field_fontalign'])
														: '';
	
	$option9['sfsi_plus_form_button_text'] 		= 	(isset($option9['sfsi_plus_form_button_text']))
														? sanitize_text_field($option9['sfsi_plus_form_button_text'])
														: '';
	$option9['sfsi_plus_form_button_font'] 		= 	(isset($option9['sfsi_plus_form_button_font']))
														? sanitize_text_field($option9['sfsi_plus_form_button_font'])
														: '';
	$option9['sfsi_plus_form_button_fontstyle'] = 	(isset($option9['sfsi_plus_form_button_fontstyle']))
														? sanitize_text_field($option9['sfsi_plus_form_button_fontstyle'])
														: '';
	$option9['sfsi_plus_form_button_fontcolor'] = 	(isset($option9['sfsi_plus_form_button_fontcolor']))
														? sfsi_plus_sanitize_hex_color($option9['sfsi_plus_form_button_fontcolor'])
														: '';
	$option9['sfsi_plus_form_button_fontsize'] 	= 	(isset($option9['sfsi_plus_form_button_fontsize']))
														? intval($option9['sfsi_plus_form_button_fontsize'])
														: '';
	$option9['sfsi_plus_form_button_fontalign'] = 	(isset($option9['sfsi_plus_form_button_fontalign']))
														? sanitize_text_field($option9['sfsi_plus_form_button_fontalign'])
														: '';
	$option9['sfsi_plus_form_button_background']= 	(isset($option9['sfsi_plus_form_button_background']))
														? sfsi_plus_sanitize_hex_color($option9['sfsi_plus_form_button_background'])
														: '';

?>
<div class="tab9">
	<div class="sfsi_plus_versionNotification">
        <?php sfsi_plus_curl_error_notification(); ?>
    </div>
	<?php
		$connectToFeed = "http://www.specificfeeds.com/?".base64_encode("userprofile=wordpress&feed_id=".$feedId);
	?>
    <p>
		<?php
			_e('In addition to the email- and follow-icon you can also show a subscription form which maximizes chances that people subscribe to your site.', SFSI_PLUS_DOMAIN);
		?>
	</p>
	<p class='sfsi_plus_subscribe_popbox_link'>
        <?php _e('To get access to the emails who subscribe, interesting statistics about your subscribers, alerts when people subscribe or unsubscribe and to tailor the sender name & the subject line of the emails, please ',SFSI_PLUS_DOMAIN); ?>
        <a class="pop-up" href="javascript:" data-id="feedClaiming-overlay">
            <?php _e('click here.',SFSI_PLUS_DOMAIN); ?>
        </a>
    </p>
    <div class="sfsi_plus_tab8_container">
    	<!--Section 1-->
        <div class="sfsi_plus_tab8_subcontainer">
    		<h3 class="sfsi_plus_section_title">
            	<?php _e( 'Preview:', SFSI_PLUS_DOMAIN ); ?>
            </h3>
            <div class="like_pop_box">
            	<?php get_sfsi_plus_SubscriptionForm(); ?>
            </div>
        </div>
        
        <!--Section 2-->
        <div class="sfsi_plus_tab8_subcontainer sfsi_plus_seprater">
    		<h3 class="sfsi_plus_section_title">
            	<?php _e( 'Place it on your site', SFSI_PLUS_DOMAIN ); ?>
            </h3>
            <label class="sfsi_plus_label_text">
            	<?php _e( 'You can place the form by different methods:', SFSI_PLUS_DOMAIN ); ?>
            </label>
            
            <ul class="sfsi_plus_form_info">
            	<li>
                    <b>
                        1. <?php  _e( 'Widget:', SFSI_PLUS_DOMAIN ); ?>
                    </b> 
                   <?php  _e( 'Go to the widget settings and drag and drop it to the sidebar:', SFSI_PLUS_DOMAIN ); ?>
                   <a target="_blank" href="<?php echo site_url()?>/wp-admin/widgets.php">
                        <?php  _e( 'Click here', SFSI_PLUS_DOMAIN ); ?>
                    </a> 
                </li>
                <li>
                	<b>
                		2. <?php  _e( 'Shortcode:', SFSI_PLUS_DOMAIN ); ?>
                	</b>
                 	
					<?php  _e( 'Use the shortcode', SFSI_PLUS_DOMAIN ); ?>
                  	
                    <b>[USM_plus_form]</b> 
                  	
					<?php  _e( 'to place it into your codes', SFSI_PLUS_DOMAIN ); ?>
               	</li>
                <li>
                    <b>
                        3. <?php  _e( 'Copy & paste HTML code:', SFSI_PLUS_DOMAIN ); ?>
                    </b>
                </li>
            </ul>
            
            <div class="sfsi_plus_html" style="display: none;">
            	<?php
					$sfsi_plus_feediid 	= sanitize_text_field(get_option('sfsi_plus_feed_id'));
					$url 				= "https://www.specificfeeds.com/widgets/subscribeWidget/";
					$url 				= $url.$sfsi_plus_feediid.'/8/';
				?>
                <div class="sfsi_plus_subscribe_Popinner" style="padding: 18px 0px;">
                    <form method="post" onsubmit="return sfsi_plus_processfurther(this);" target="popupwindow" action="<?php echo $url?>" style="margin: 0px 20px;">
                        <h5 style="margin: 0 0 10px; padding: 0;">
                        	<?php  _e( 'Get new posts by email:', SFSI_PLUS_DOMAIN ); ?>
                        </h5>
                        <div style="margin: 5px 0; width: 100%;">
                            <input style="padding: 10px 0px !important; width: 100% !important;" type="email" placeholder="Enter your email" value="" name="data[Widget][email]" />
                        </div>
                        <div style="margin: 5px 0; width: 100%;">
                        	<input style="padding: 10px 0px !important; width: 100% !important;" type="submit" name="subscribe" value="Subscribe" /><input type="hidden" name="data[Widget][feed_id]" value="<?php echo $sfsi_plus_feediid ?>"><input type="hidden" name="data[Widget][feedtype]" value="8">
                        </div>
                    </form>
                </div>
            </div>
            
            <div class="sfsi_plus_subscription_html">
            	<xmp id="selectable" onclick="sfsi_plus_selectText('selectable')">
                    <?php get_sfsi_plus_SubscriptionForm(); ?>
                </xmp>
            </div>
        </div>
        
        <!--Section 3-->
        <div class="sfsi_plus_tab8_subcontainer sfsi_plus_seprater">
        	<h3 class="sfsi_plus_section_title">
            	<?php  _e( 'Define text & design (optional)', SFSI_PLUS_DOMAIN ); ?>
            </h3>
            <h5 class="sfsi_plus_section_subtitle">
            	<?php  _e( 'Overall size & border', SFSI_PLUS_DOMAIN ); ?>
            </h5>
            
            <!--Left Section-->
            <div class="sfsi_plus_left_container">
            	<?php get_sfsi_plus_SubscriptionForm(); ?>
            </div>
            
            <!--Right Section-->
            <div class="sfsi_plus_right_container">
            	<div class="row_tab">
                    <label class="sfsi_plus_heding">
                    	<?php  _e( 'Adjust size to space on website?', SFSI_PLUS_DOMAIN ); ?>
                    </label>
					<ul class="border_shadow">
                    	<li>
                        	<input type="radio" class="styled" value="yes" name="sfsi_plus_form_adjustment"
                            	<?php echo sfsi_plus_isChecked($option9['sfsi_plus_form_adjustment'], 'yes'); ?> >
                            <label>
                         		<?php  _e( 'Yes', SFSI_PLUS_DOMAIN ); ?>
                            </label>
                        </li>
                        <li>
                        	<input type="radio" class="styled" value="no" name="sfsi_plus_form_adjustment"
                            	<?php echo sfsi_plus_isChecked($option9['sfsi_plus_form_adjustment'], 'no'); ?> >
                            <label>
                            	<?php  _e( 'No', SFSI_PLUS_DOMAIN ); ?>
                            </label>
                        </li>
                    </ul>
				</div>
                <!--Row Section-->
                <div class="row_tab" style="<?php echo ($option9['sfsi_plus_form_adjustment'] == 'yes')? "display:none": ''; ?>">
                    <div class="sfsi_plus_field">
                    	<label>
                        	<?php  _e( 'Height', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <input name="sfsi_plus_form_height" type="text"
                        	value="<?php echo ($option9['sfsi_plus_form_height']!='') ?  $option9['sfsi_plus_form_height'] : '' ;?>"
                            class="small rec-inp" />
                            <span class="pix">
                            	<?php  _e( 'pixels', SFSI_PLUS_DOMAIN ); ?>
                            </span>
                    </div>
                    <div class="sfsi_plus_field">
                    	<label>
                        	<?php  _e( 'Width', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <input name="sfsi_plus_form_width" type="text"
                        	value="<?php echo ($option9['sfsi_plus_form_width']!='') ?  $option9['sfsi_plus_form_width'] : '' ;?>" class="small rec-inp" />
                            <span class="pix">
                            	<?php  _e( 'pixels', SFSI_PLUS_DOMAIN ); ?>
                            </span>
                    </div>
                </div>
                <!--Row Section-->
                <div class="row_tab">
                    <label class="sfsi_plus_heding">
                    	<?php  _e( 'Border?', SFSI_PLUS_DOMAIN ); ?>
                    </label>
					<ul class="border_shadow">
                    	<li>
                        	<input type="radio" class="styled" value="yes" name="sfsi_plus_form_border"
                            	<?php echo sfsi_plus_isChecked($option9['sfsi_plus_form_border'], 'yes'); ?> >
                            <label>
                            	<?php  _e( 'Yes', SFSI_PLUS_DOMAIN ); ?>
                            </label>
                        </li>
                        <li>
                        	<input type="radio" class="styled" value="no" name="sfsi_plus_form_border"
                            	<?php echo sfsi_plus_isChecked($option9['sfsi_plus_form_border'], 'no'); ?> >
                            <label>
                            	<?php  _e( 'No', SFSI_PLUS_DOMAIN ); ?>
                            </label>
                        </li>
                    </ul>
				</div>
                <!--Row Section-->
                <div class="row_tab" style="<?php echo ($option9['sfsi_plus_form_border'] == 'no')? "display:none": ''; ?>">
                	<div class="sfsi_plus_field">
                    	<label>
                        	<?php  _e( 'Thickness', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <input name="sfsi_plus_form_border_thickness" type="text" value="<?php echo ($option9['sfsi_plus_form_border_thickness']!='')
										? $option9['sfsi_plus_form_border_thickness'] : '' ;
									?>" class="small rec-inp" />
                        <span class="pix">
                        	<?php  _e( 'pixels', SFSI_PLUS_DOMAIN ); ?>
                        </span>
                    </div>
                    <div class="sfsi_plus_field">
                    	<label>
                        	<?php  _e( 'Color', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <input id="sfsi_plus_form_border_color" data-default-color="#b5b5b5" type="text" name="sfsi_plus_form_border_color"
                        	value="<?php echo ($option9['sfsi_plus_form_border_color']!='')
										? $option9['sfsi_plus_form_border_color'] : '' ;
									?>">
                        <!--div class="color_box">
                            <div class="corner"></div>
                            <div id="sfsiPlusFormBorderColor" class="color_box1" style="background: <?php //echo ($option9['sfsi_plus_form_border_color']!='')? $option9['sfsi_plus_form_border_color'] : '' ;?>"></div>
                        </div-->
                    </div>
                </div>
                <!--Row Section-->
                <div class="row_tab">
                    <label class="sfsi_plus_heding autowidth">
                    	<?php  _e( 'Background color:', SFSI_PLUS_DOMAIN ); ?>
                    </label>
					<div class="sfsi_plus_field">
                    	<input id="sfsi_plus_form_background" data-default-color="#b5b5b5" type="text" name="sfsi_plus_form_background"
                        	value="<?php echo ($option9['sfsi_plus_form_background']!='')
										? $option9['sfsi_plus_form_background'] : '' ;
									?>">
                        <!--div class="color_box">
                            <div class="corner"></div>
                            <div id="sfsiPlusFormBackground" class="color_box1" style="background: <?php //echo ($option9['sfsi_plus_form_background']!='')? $option9['sfsi_plus_form_background'] : '' ;?>"></div>
                        </div-->
                    </div>
				</div>
                <!--Row Section-->
            </div>
            
        </div>
        
        <!--Section 4-->
        <div class="sfsi_plus_tab8_subcontainer sfsi_plus_seprater">
        	<h5 class="sfsi_plus_section_subtitle">
            	<?php  _e( 'Text above entry field', SFSI_PLUS_DOMAIN ); ?>
            </h5>
            
            <!--Left Section-->
            <div class="sfsi_plus_left_container">
            	<?php get_sfsi_plus_SubscriptionForm("h5"); ?>
            </div>
            
            <!--Right Section-->
            <div class="sfsi_plus_right_container">
            	<div class="row_tab">
                    <label class="sfsi_plus_heding fixwidth sfsi_plus_same_width">
                    	<?php  _e( 'Text:', SFSI_PLUS_DOMAIN ); ?>
                    </label>
                    <div class="sfsi_plus_field">
                        <input type="text" class="small new-inp" name="sfsi_plus_form_heading_text"
                            value="<?php echo ($option9['sfsi_plus_form_heading_text']!='')
										? __($option9['sfsi_plus_form_heading_text'], SFSI_PLUS_DOMAIN) : '' ;
									?>"/>
                    </div>           
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">
                        	<?php  _e( 'Font:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_font("sfsi_plus_form_heading_font", $option9['sfsi_plus_form_heading_font']); ?>
                    </div>
                    <div class="sfsi_plus_field">
                    	<label>
                       		<?php  _e( ' Font style:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_fontstyle("sfsi_plus_form_heading_fontstyle", $option9['sfsi_plus_form_heading_fontstyle']); ?>
                    </div>
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">
                        	<?php  _e( 'Font color', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <input type="text" name="sfsi_plus_form_heading_fontcolor" data-default-color="#b5b5b5" id="sfsi_plus_form_heading_fontcolor" value="<?php echo ($option9['sfsi_plus_form_heading_fontcolor']!='')
										? $option9['sfsi_plus_form_heading_fontcolor'] : '' ;
									?>">
                        <!--div class="color_box">
                            <div class="corner"></div>
                            <div class="color_box1" id="sfsiPlusFormHeadingFontcolor" style="background: <?php //echo ($option9['sfsi_plus_form_heading_fontcolor']!='') ? $option9['sfsi_plus_form_heading_fontcolor'] : '' ;
									?>"></div>
                        </div-->
                    </div>
                    <div class="sfsi_plus_field">
                    	<label>
                        	<?php  _e( 'Font size', SFSI_PLUS_DOMAIN ); ?>
                       	</label>
                        <input type="text" class="small rec-inp" name="sfsi_plus_form_heading_fontsize"
                        	value="<?php echo ($option9['sfsi_plus_form_heading_fontsize']!='')
										? $option9['sfsi_plus_form_heading_fontsize'] : '' ;?>"/>
                        <span class="pix">
                        	<?php  _e( 'pixels', SFSI_PLUS_DOMAIN ); ?>
                        </span>
                    </div>
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">
                        	<?php  _e( 'Alignment:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_alignment("sfsi_plus_form_heading_fontalign", $option9['sfsi_plus_form_heading_fontalign']); ?>
                    </div>
                </div>
                <!--End Section-->
            </div>
            
        </div>
        
        <!--Section 5-->
        <div class="sfsi_plus_tab8_subcontainer sfsi_plus_seprater">
        	<h5 class="sfsi_plus_section_subtitle">
            	<?php  _e( 'Entry field', SFSI_PLUS_DOMAIN ); ?>
            </h5>
            
            <!--Left Section-->
            <div class="sfsi_plus_left_container">
            	<?php get_sfsi_plus_SubscriptionForm("email"); ?>
            </div>
            
            <!--Right Section-->
            <div class="sfsi_plus_right_container">
            	<div class="row_tab">
                    <label class="sfsi_plus_heding fixwidth sfsi_plus_same_width">
                    	<?php  _e( 'Text:', SFSI_PLUS_DOMAIN ); ?>
                    </label>
                    <div class="sfsi_plus_field">
                        <input type="text" class="small new-inp" name="sfsi_plus_form_field_text"
                            value="<?php echo ($option9['sfsi_plus_form_field_text']!='')
										? $option9['sfsi_plus_form_field_text'] : '' ;
									?>"/>
                    </div>           
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">
                       		<?php  _e( 'Font:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_font("sfsi_plus_form_field_font", $option9['sfsi_plus_form_field_font']); ?>
                    </div>
                    <div class="sfsi_plus_field">
                    	<label>
                       		<?php  _e( 'Font style:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_fontstyle("sfsi_plus_form_field_fontstyle", $option9['sfsi_plus_form_field_fontstyle']); ?>
                    </div>
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<input type="hidden" name="sfsi_plus_form_field_fontcolor" value="">
                    <!--<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">Font color</label>
                        <input type="text" name="sfsi_plus_form_field_fontcolor" class="small color-code" id="sfsi_plus_form_field_fontcolor" value="<?php //echo ($option9['sfsi_plus_form_field_fontcolor']!='')
										//? $option9['sfsi_plus_form_field_fontcolor'] : '' ;
									?>">
                        <div class="color_box">
                            <div class="corner"></div>
                            <div class="color_box1" id="sfsiPlusFormFieldFontcolor" style="background: <?php //echo ($option9['sfsi_plus_form_field_fontcolor']!='') ? $option9['sfsi_plus_form_field_fontcolor'] : '' ;
									?>"></div>
                        </div>
                    </div>-->
                    <div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">
                        	<?php  _e( 'Alignment:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_alignment("sfsi_plus_form_field_fontalign", $option9['sfsi_plus_form_field_fontalign']); ?>
                    </div>
                    
                    <div class="sfsi_plus_field">
                    	<label>
                        	<?php  _e( 'Font size', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <input type="text" class="small rec-inp" name="sfsi_plus_form_field_fontsize"
                        	value="<?php echo ($option9['sfsi_plus_form_field_fontsize']!='')
										? $option9['sfsi_plus_form_field_fontsize'] : '' ;?>"/>
                        <span class="pix">
                        	<?php  _e( 'pixels', SFSI_PLUS_DOMAIN ); ?>
                        </span>
                    </div>
                </div>
                <!--End Section-->
            </div>
            
        </div>
        
        <!--Section 6-->
        <div class="sfsi_plus_tab8_subcontainer">
        	<h5 class="sfsi_plus_section_subtitle">
            	<?php  _e( 'Subscribe button', SFSI_PLUS_DOMAIN ); ?>
            </h5>
            
            <!--Left Section-->
            <div class="sfsi_plus_left_container">
            	<?php get_sfsi_plus_SubscriptionForm("submit"); ?>
            </div>
            
            <!--Right Section-->
            <div class="sfsi_plus_right_container">
            	<div class="row_tab">
                    <label class="sfsi_plus_heding fixwidth sfsi_plus_same_width">
                    	<?php  _e( 'Text:', SFSI_PLUS_DOMAIN ); ?>
                    </label>
                    <div class="sfsi_plus_field">
                        <input type="text" class="small new-inp" name="sfsi_plus_form_button_text"
                            value="<?php echo ($option9['sfsi_plus_form_button_text']!='')
										? __($option9['sfsi_plus_form_button_text'],SFSI_PLUS_DOMAIN) : '' ;
									?>"/>
                    </div>           
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">
                        	<?php  _e( 'Font:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_font("sfsi_plus_form_button_font", $option9['sfsi_plus_form_button_font']); ?>
                    </div>
                    <div class="sfsi_plus_field">
                    	<label>
                        	<?php  _e( 'Font style:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_fontstyle("sfsi_plus_form_button_fontstyle", $option9['sfsi_plus_form_button_fontstyle']); ?>
                    </div>
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">
                        	<?php  _e( 'Font color', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <input type="text" name="sfsi_plus_form_button_fontcolor" data-default-color="#b5b5b5" id="sfsi_plus_form_button_fontcolor" value="<?php echo ($option9['sfsi_plus_form_button_fontcolor']!='')
										? $option9['sfsi_plus_form_button_fontcolor'] : '' ;
									?>">
                        <!--div class="color_box">
                            <div class="corner"></div>
                            <div class="color_box1" id="sfsiPlusFormButtonFontcolor" style="background: <?php //echo ($option9['sfsi_plus_form_button_fontcolor']!='') ? $option9['sfsi_plus_form_button_fontcolor'] : '' ;
									?>"></div>
                        </div-->
                    </div>
                    <div class="sfsi_plus_field">
                    	<label>
                        	<?php  _e( 'Font size', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <input type="text" class="small rec-inp" name="sfsi_plus_form_button_fontsize"
                        	value="<?php echo ($option9['sfsi_plus_form_button_fontsize']!='')
										? $option9['sfsi_plus_form_button_fontsize'] : '' ;?>"/>
                        <span class="pix">
                        	<?php  _e( 'pixels', SFSI_PLUS_DOMAIN ); ?>
                        </span>
                    </div>
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width">
                        	<?php  _e( 'Alignment:', SFSI_PLUS_DOMAIN ); ?>
                        </label>
                        <?php sfsi_plus_get_alignment("sfsi_plus_form_button_fontalign", $option9['sfsi_plus_form_button_fontalign']); ?>
                    </div>
                </div>
                <!--Row Section-->
                <div class="row_tab">
                	<div class="sfsi_plus_field">
                    	<label class="sfsi_plus_same_width"><b>
                        	<?php  _e( 'Button color:', SFSI_PLUS_DOMAIN ); ?>
                        </b></label>
                        <input type="text" name="sfsi_plus_form_button_background" data-default-color="#b5b5b5" id="sfsi_plus_form_button_background" value="<?php echo ($option9['sfsi_plus_form_button_background']!='')
										? $option9['sfsi_plus_form_button_background'] : '' ;
									?>">
                        <!--div class="color_box">
                            <div class="corner"></div>
                            <div class="color_box1" id="sfsiPlusFormButtonBackground" style="background: <?php //echo ($option9['sfsi_plus_form_button_background']!='') ? $option9['sfsi_plus_form_button_background'] : '' ;
									?>"></div>
                        </div-->
                    </div>
                </div>    
                <!--End Section-->
            </div>
            
        </div>
    	<!--Section End-->
    </div>
    
    <?php sfsi_plus_ask_for_help(9); ?>

	<!-- SAVE BUTTON SECTION   --> 
	<div class="save_button">
       <img src="<?php echo SFSI_PLUS_PLUGURL ?>images/ajax-loader.gif" class="loader-img" />
       <?php $nonce = wp_create_nonce("update_plus_step9"); ?>
       <a  href="javascript:;" id="sfsi_plus_save9" title="Save" data-nonce="<?php echo $nonce;?>">
       	<?php  _e( 'Save', SFSI_PLUS_DOMAIN ); ?>
       </a>
	</div>
    <!-- END SAVE BUTTON SECTION   -->
	
    <a class="sfsiColbtn closeSec" href="javascript:;">
    	<?php  _e( 'Collapse area', SFSI_PLUS_DOMAIN ); ?>
    </a>
	<label class="closeSec"></label>
    
	<!-- ERROR AND SUCCESS MESSAGE AREA-->
	<p class="red_txt errorMsg" style="display:none"> </p>
	<p class="green_txt sucMsg" style="display:none"> </p>
	<div class="clear"></div>
	
</div>
<?php
function sfsi_plus_isChecked($givenVal, $value)
{
	if($givenVal == $value)
		return 'checked="true"';
	else
		return '';
}
function sfsi_plus_isSeletcted($givenVal, $value)
{
	if($givenVal == $value)
		return 'selected="true"';
	else
		return '';
}
function sfsi_plus_get_font($name, $value)
{
	?>
		<select name="<?php echo $name; ?>" id="<?php echo $name; ?>" class="select-same">
			<option value="Arial, Helvetica, sans-serif"
				<?php echo sfsi_plus_isSeletcted("Arial, Helvetica, sans-serif", $value) ?> >
				Arial
			</option>
			<option value="Arial Black, Gadget, sans-serif"
				<?php echo sfsi_plus_isSeletcted("Arial Black, Gadget, sans-serif", $value) ?> >
				Arial Black
			</option>
			<option value="Calibri" <?php echo sfsi_plus_isSeletcted("Calibri", $value) ?> >
           		Calibri
            </option>
			<option value="Comic Sans MS" <?php echo sfsi_plus_isSeletcted("Comic Sans MS", $value) ?> >
            	Comic Sans MS
            </option>
			<option value="Courier New" <?php echo sfsi_plus_isSeletcted("Courier New", $value) ?> >
            	Courier New
            </option>
			<option value="Georgia" <?php echo sfsi_plus_isSeletcted("Georgia", $value) ?> >
            	Georgia
            </option>
			<option value="Helvetica,Arial,sans-serif"
				<?php echo sfsi_plus_isSeletcted("Helvetica,Arial,sans-serif", $value) ?> >
				Helvetica
			</option>
			<option value="Impact" <?php echo sfsi_plus_isSeletcted("Impact", $value) ?> >
                Impact
            </option>
			<option value="Lucida Console" <?php echo sfsi_plus_isSeletcted("Lucida Console", $value) ?> >
                Lucida Console
            </option>
			<option value="Tahoma,Geneva" <?php echo sfsi_plus_isSeletcted("Tahoma,Geneva", $value) ?> >
                Tahoma
            </option>
			<option value="Times New Roman" <?php echo sfsi_plus_isSeletcted("Times New Roman", $value) ?> >
            	Times New Roman
            </option>
			<option value="Trebuchet MS" <?php echo sfsi_plus_isSeletcted("Trebuchet MS", $value) ?> >
            	Trebuchet MS
            </option>
			<option value="Verdana" <?php echo sfsi_plus_isSeletcted("Verdana", $value) ?> >
            	Verdana
            </option>
		</select>
	<?php
}
function sfsi_plus_get_fontstyle($name, $value)
{
	?>
	<select name="<?php echo $name; ?>" id="<?php echo $name; ?>" class="select-same">
		<option value="normal" <?php echo sfsi_plus_isSeletcted("normal", $value) ?> >
        	<?php  _e( 'Normal', SFSI_PLUS_DOMAIN ); ?>
        </option>
		<option value="inherit" <?php echo sfsi_plus_isSeletcted("inherit", $value) ?> >
        	<?php  _e( 'Inherit', SFSI_PLUS_DOMAIN ); ?>
        </option>
		<option value="oblique" <?php echo sfsi_plus_isSeletcted("oblique", $value) ?> >
        	<?php  _e( 'Oblique', SFSI_PLUS_DOMAIN ); ?>
        </option>
		<option value="italic" <?php echo sfsi_plus_isSeletcted("italic", $value) ?> >
        	<?php  _e( 'Italic', SFSI_PLUS_DOMAIN ); ?>
        </option>
        <option value="bold" <?php echo sfsi_plus_isSeletcted("bold", $value) ?> >
        	<?php  _e( 'Bold', SFSI_PLUS_DOMAIN ); ?>
        </option>
	</select>
	<?php                     
}
function sfsi_plus_get_alignment($name, $value)
{
	?>
	<select name="<?php echo $name; ?>" id="<?php echo $name; ?>" class="select-same">
		<option value="left" <?php echo sfsi_plus_isSeletcted("left", $value) ?> >
        	<?php  _e( 'Left Align', SFSI_PLUS_DOMAIN ); ?>
        </option>
		<option value="center" <?php echo sfsi_plus_isSeletcted("center", $value) ?> >
        	<?php  _e( 'Centered', SFSI_PLUS_DOMAIN ); ?>
        </option>
		<option value="right" <?php echo sfsi_plus_isSeletcted("right", $value) ?> >
        	<?php  _e( 'Right Align', SFSI_PLUS_DOMAIN ); ?>
        </option>
	</select>	
	<?php
}
function get_sfsi_plus_SubscriptionForm($hglht=null)
{
	?>
    	<div class="sfsi_plus_subscribe_Popinner">
            <div class="form-overlay"></div>
            <form method="post">
                <h5 <?php if($hglht=="h5"){ echo 'class="sfsi_plus_highlight"';}?> >
               		<?php  _e( 'Get new posts by email:', SFSI_PLUS_DOMAIN ); ?>
                </h5>
                <div class="sfsi_plus_subscription_form_field">
                    <input type="email" name="data[Widget][email]" placeholder="Enter your email" value=""
                    	<?php if($hglht=="email"){ echo 'class="sfsi_plus_highlight"';}?> />
                </div>
                <div class="sfsi_plus_subscription_form_field">
                    <input type="submit" name="subscribe" value="Subscribe"
                     <?php if($hglht=="submit"){ echo 'class="sfsi_plus_highlight"';}?> />
                </div>
            </form>
        </div>
    <?php
}
?>
