
	<div class="container-fluid" style="">
		<div  id="wpsociline_dashboard">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
					<ul id="wpsociline_dash_nav" ><li><a href="admin.php?page=wp_sociline_dashboard"><i class="fa fa-users"></i> User Profile</a></li>
						<li><a href="admin.php?page=wp_sociline_settings"> <i class="fa fa-cogs" style="margin-right: 8px;"></i>Template Settings</a></li>
						<li><a href="admin.php?page=wp_sociline_addprofile"><i class="fa fa-plus-circle"></i> Add New Profile</a></li>
						
					</ul>
				</div>

			</div>

			<div class="wpsociline_addgroup" style="background-color: white;">
				<div class="container-fluid">
					<div class="row">
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="background-color:#4B75A0;height:40px;">
								<div class="wpsociline_table-profile">
									
								<p class="wpsociline_template_name"><i class="fa fa-cog"></i>Template Settings</p>
								</div>
								
						</div>
					</div>
					<?php	
		
				if (isset($_POST['wpsociline_save_settings']) && wp_verify_nonce($_POST['socilinetemplatecsrf'],'socilinetemplatecsrf')) 

				{	

					update_option('wpsociline_fonts',sanitize_text_field($_POST['wpsociline_fonts']));
					update_option('wpsociline_popupbox_height',sanitize_text_field($_POST['wpsociline_popupbox_height']));
					update_option('wpsociline_popupbox_border',sanitize_text_field($_POST['wpsociline_popupbox_border']));
					update_option('wpsociline_popupbox_bordercolor',sanitize_hex_color($_POST['wpsociline_popupbox_bordercolor']));
					update_option('wpsociline_popupbox_borderradius',sanitize_text_field($_POST['wpsociline_popupbox_borderradius']));
					update_option('wpsociline_popupbox_icon',sanitize_text_field($_POST['wpsociline_popupbox_icon']));
					update_option('wpsociline_notification_icon_bgcolor',sanitize_hex_color($_POST['wpsociline_notification_icon_bgcolor']));
				
					update_option('wpsociline_popupbox_rightoffset',sanitize_text_field($_POST['wpsociline_popupbox_rightoffset']));
					

					update_option('wpsociline_boxshadow_offset',sanitize_text_field($_POST['wpsociline_boxshadow_offset']));

					update_option('wpsociline_blurradius',sanitize_text_field($_POST['wpsociline_blurradius']));

					update_option('wpsociline_spreadraius',sanitize_text_field($_POST['wpsociline_spreadraius']));
					
					update_option('wpsociline_boxshadow_color',sanitize_hex_color($_POST['wpsociline_boxshadow_color']));
					
					update_option('wpsociline_popup_state',sanitize_text_field($_POST['wpsociline_popup_state']));

				}
				$wpsociline_fonts=get_option('wpsociline_fonts');
				//popup height border color
				$wpsociline_height=get_option('wpsociline_popupbox_height');
				$wpsociline_border=get_option('wpsociline_popupbox_border');
				$wpsociline_color=get_option('wpsociline_popupbox_bordercolor');
				$wpsociline_bradius=get_option('wpsociline_popupbox_borderradius');
				
				
				$wpsociline_nicon=get_option('wpsociline_popupbox_icon');
				$wpsociline_popup_state=get_option('wpsociline_popup_state');
				$wpsociline_nbgcolor=get_option('wpsociline_notification_icon_bgcolor');
				
				$wpsociline_right_offset=get_option('wpsociline_popupbox_rightoffset');
			
				$wpsociline_box_offset=get_option('wpsociline_boxshadow_offset');
				$wpsociline_box_blurradius=get_option('wpsociline_blurradius');
				$wpsociline_box_spreadradius=get_option('wpsociline_spreadraius');
				$wpsociline_box_shadow_color=get_option('wpsociline_boxshadow_color');
				
								
					?>
					<div class="template_settings" style="margin-top: 20px;">
						<form method="post">
							<h5> Popup Form Box</h5>
						   <div class="row">						
								<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
										<div class="form-group">
									<label for="Right Offset">Right Offset</label>
<input type="text" name="wpsociline_popupbox_rightoffset" class="form-control" value="<?php echo esc_attr($wpsociline_right_offset);?>">
										</div>
								</div>
						   </div>
						   
						   <div class="row">	

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									
									<div class="form-group">
										<label for="height">Height</label>
										<input type="text" name="wpsociline_popupbox_height" class="form-control" value="<?php echo esc_attr($wpsociline_height); ?>">
									</div>
									
										
								</div>
								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									<div class="form-group">
										<label for="Border">Border</label>
										<input type="text" name="wpsociline_popupbox_border" class="form-control" value="<?php echo esc_attr($wpsociline_border); ?>">
									</div>
										
								</div>
						   </div>
						   <div class="row">	

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									
									<div class="form-group">
										<label for="Border Radius">Border Radius</label>
										<input type="text" name="wpsociline_popupbox_borderradius" class="form-control" value="<?php echo esc_attr($wpsociline_bradius);?>">
									</div>
									
										
								</div>
								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									<div class="form-group">
										<label for="Color"> Border Color</label>
											
										<input type="color" name="wpsociline_popupbox_bordercolor" value="<?php echo esc_attr($wpsociline_color);?>"  class="form-control">
									</div>
										
								</div>
								
						   </div>

						   <div class="row">	

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
								 <div class="form-group">
								  	<label for="Font-family">Font-family</label>
										<select name="wpsociline_fonts" class="form-control">
											
											<option value="Open Sans" <?php if (esc_attr($wpsociline_fonts)=='Open Sans') {
												echo "selected";
											}?>>Open Sans</option>
											<option value="Arial" <?php if (esc_attr($wpsociline_fonts)=='Arial') {
												echo "selected";
											}?>>Arial</option>
											<option value="Roboto" <?php if (esc_attr($wpsociline_fonts)=='Roboto') {
												echo "selected";
											}?>>Roboto</option>
											<option value="Raleway" <?php if (esc_attr($wpsociline_fonts)=='Raleway') {
												echo "selected";
											}?>>Raleway</option>
											<option value="Poppins" <?php if (esc_attr($wpsociline_fonts)=='Poppins') {
												echo "selected";
											}?>>Poppins</option>
											

										</select>
									
								  </div>
										
								</div>

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									<label>Determines if the popup  will start open or closed on page load </label>
									<div class="input-group" style="width: 100%;position: relative;">
										
										<select name="wpsociline_popup_state" class="form-control "  style="width: 100%;">
										
												
											<option value="no" <?php if (esc_attr($wpsociline_popup_state)=='no') {
												echo "selected";
											}?>>no</option>
											<option value="yes" <?php if (esc_attr($wpsociline_popup_state)=='yes') {
												echo "selected";
											}?>>yes</option>
											
										</select>
									  </div>	
										
								</div>
								
						   </div>
						   <h5>Box Shadow</h5>
						   <div class="row">	

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									<div class="form-group">
								      <label for="inputEmail4">Offset</label>
								      <input type="text" name="wpsociline_boxshadow_offset" class="form-control" value="<?php echo esc_attr($wpsociline_box_offset); ?>">
								    </div>
										
								</div>

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									<div class="form-group">
								      <label for="inputEmail4">Blur Radius</label>
										<input type="text" name="wpsociline_blurradius" class="form-control" value="<?php echo  esc_attr($wpsociline_box_blurradius);?>">
								    </div>
										
								</div>
								
						   </div>
						   <div class="row">	

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									<div class="form-group">
								      <label for="inputEmail4">Spread Radius</label>
								     <input type="text" name="wpsociline_spreadraius" class="form-control" value="<?php  echo esc_attr($wpsociline_box_spreadradius);?>">
								    </div>
										
								</div>

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									<div class="form-group">
								    	 <label for="inputEmail4">Box Shadow Color</label>
								      <input type="color" name="wpsociline_boxshadow_color" value="<?php echo  esc_attr($wpsociline_box_shadow_color);?>" class="form-control">
								    </div>
										
								</div>
								
						   </div>

						   	<h5>Template Notification Icon</h5>
						   <div class="row">	
								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									 <div class="form-group">
										<label for="Notification Icon">Icon</label>
										<select name="wpsociline_popupbox_icon" class="form-control" value="<?php ?>">
										
										<option value="bell" <?php if (esc_attr($wpsociline_nicon)=='bell') {
												echo "selected";
											}?>>bell</option>
								<option value="twitter" <?php if (esc_attr($wpsociline_nicon)=='twitter') {
												echo "selected";
											}?>>twitter</option>
										</select>
									 </div>
										
								</div>

								<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
									<div class="form-group">
										<label for="Icon Background Color">Background Color</label>
										<input type="color" name="wpsociline_notification_icon_bgcolor" value="<?php echo  esc_attr($wpsociline_nbgcolor);?>" class="form-control">
									</div>
										
								</div>
								
						   </div>

						   <div class="row">	
								<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
								<input type="hidden" name="socilinetemplatecsrf" value="<?php echo wp_create_nonce('socilinetemplatecsrf'); ?>">

									<center>
										<button type="submit" name="wpsociline_save_settings" id="template_button" class="btn btn-primary text-center mb-5 mt-5" style=" ">
											<i class="fa fa-save"></i> Save Settings
										</button>	
									</center>
								</div>								
						   </div>
						</form>
					</div>
				</div>
			</div>
			
		</div>
		
		
		
		
	</div>
<span style="right:0px;bottom:40px;position:absolute;"><a href="https://teknikforce.com" target="_BLANK"><img src="<?php echo esc_url(plugins_url("assets/images/tekniklogo.png",__FILE__)); ?>" style="max-height:40px;max-width:150px"></a></span>