<?php

class web_dor_layout_page_class{
	
	public $themeoptions;
	public $shortthemeoptions;
	public $layout;
	public $options_themeoptions;
	
	
	/***********************************/
	/* 			INITIAL PAGE		   */
	/***********************************/
	
	function __construct(){
		
		global $business_world_special_id_for_db;
		
		$this->themeoptions = "Layout Editor";
		
		$this->shortthemeoptions = $business_world_special_id_for_db."gs";
		
		$this->layout = array(
		
			"1" => "No Sidebar",
			
			"2" => "one right",
			
			"3" => "one left",
			
			"4" => "two right",
			
			"5" => "two left",
			
			"6"=>"one right and one left"
		
		);
		
		// get and initial stnadart values
		$value_of_std[0]=get_theme_mod($this->shortthemeoptions."_default_layout",1);
		$value_of_std[1]=get_theme_mod($this->shortthemeoptions."_full_width","");
		$value_of_std[2]=get_theme_mod($this->shortthemeoptions."_content_area","1024");
		$value_of_std[3]=get_theme_mod($this->shortthemeoptions."_main_column","67");
		$value_of_std[4]=get_theme_mod($this->shortthemeoptions."_pwa_width","16");		
		$this->options_themeoptions = array (
		
			"default_layout" => array( 
			
				"name" => "Choose Default Layout",
		
				"desc" => "Here you can select the default layout for pages and posts on the website.",
		
				"id" => $this->shortthemeoptions."_default_layout",
				
				"var_name" => "default_layout",
		
				"type" => "radio",
		
				"options" => $this->layout,
		
				"std" => $value_of_std[0]
			),	  
			 
			"full_width" =>array( 
			
				"name" => "Full Width",
		
				"desc" => "",
				
				"var_name" => "full_width",
		
				"id" => $this->shortthemeoptions."_full_width",
		
				"type" => "checkbox",
		
				"std" => $value_of_std[1]
			),	  
		
			"content_area" =>array( 
			
				"name" => "Content Area Width",
		
				"desc" => "Specify the width of the Content Area",
				
				"var_name" => "content_area",
				
				"id" => $this->shortthemeoptions."_content_area",
				
				"type" => "text",
				
				"extend_simvol" => "px",
				
				"std" => $value_of_std[2]
			),		   
		
			"main_column" =>array( 
			
				"name" => "Main Column Width",
		
				"desc" => "Specify the width of the Main Column",
				
				"var_name" => "main_column",
				
				"id" => $this->shortthemeoptions."_main_column",
				
				"type" => "text",
				
				"extend_simvol" => "%",
				
				"std" => $value_of_std[3]
			),	 
		
			"pwa_width" =>array( 
			
				"name" => "Primary Widget Area width",
		
				"desc" => "Specify the width of the Primary Widget Area",
				
				"var_name" => "pwa_width",
				
				"id" => $this->shortthemeoptions."_pwa_width",
				
				"type" => "text",
				
				"extend_simvol" => "%",
				
				"std" => $value_of_std[4]
			),	   
		);
	
	
	}

	/***********************************/
	/*	  SAVE AND RESET PARAMETRS	   */
	/***********************************/

	public function web_dorado_theme_update_and_get_options_layout(){
		if (isset($_GET['page']) && $_GET['page'] =="web_dorado_theme" && isset($_GET['controller']) && $_GET['controller'] == "layout_page") {
			if (isset($_REQUEST['action']) && $_REQUEST['action'] == 'save') {
				foreach ($this->options_themeoptions as $value) {
					set_theme_mod($value['id'], $_REQUEST[$value['var_name']]);
				}
				foreach ($this->options_themeoptions as $value) {
					if (isset($_REQUEST[$value['var_name']])) {
						set_theme_mod($value['id'], $_REQUEST[$value['var_name']]);
					} else {
						remove_theme_mod($value['id']);
					}
				}
				header("Location: themes.php?page=web_dorado_theme&controller=layout_page&saved=true");
				die;
			} elseif (isset($_REQUEST['action']) && $_REQUEST['action'] == 'reset') {
				foreach ($this->options_themeoptions as $value) {
					remove_theme_mod($value['id']);
				}
				header("Location: themes.php?page=web_dorado_theme&controller=layout_page&reset=true");
				die;
			}
		}
	}
	
	/***********************************/
	/* COLOR CONTROL SCRIPTS AND STYLES*/
	/***********************************/
	
	public function web_dorado_layout_page_admin_scripts(){
		wp_enqueue_style('layout_page_main_style',get_template_directory_uri().'/admin/css/layout_page.css');	
	}
	
	/***********************************/
	/* 		 BACK END ADMIN HTML       */
	/***********************************/
	
	public function dorado_theme_admin_layout(){
		
		global $business_world_admin_helepr_functions;
		// get radio variables
		$radio = $this->get_option_type( 'radio' );
		$radio_options = $radio[0]['options'];
		$count_radio_options = count( $radio_options );
		
		// get checkbox variables
		$checkbox=$this->get_option_type( 'checkbox' );
		
		// get text variables
		$text=$this->get_option_type( 'text' );
		$count_text = count( $text );
		
		if (isset($_REQUEST['saved']) && $_REQUEST['saved'] && isset($_GET['controller']) && $_GET['controller'] == "layout_page" ) 
		
			echo '<div id="message" class="updated"><p><strong>Layout settings are saved.</strong></p></div>';
			
		if (isset($_REQUEST['reset']) && $_REQUEST['reset'] && isset($_GET['controller']) && $_GET['controller'] == "layout_page" ) 
		
			echo '<div id="message" class="updated"><p><strong>Layout settings are reset.</strong></p></div>';
			
		global $business_world_web_dor;	
	?>
	<script type="text/javascript">
	function showRadioValue(rad){
		if(rad<1){
			return;
		}
		for(var i = 1; i <= 14; ++i){
			if(jQuery("#main_layout_page .param_gorup_div").eq(i).length){jQuery("#main_layout_page .param_gorup_div").eq(i).css("display","none")}
		}
		switch(rad){
			case 1:
			jQuery("#main_layout_page .param_gorup_div").eq(1).css("display","block");
			
			break;
			case 2:
			jQuery("#main_layout_page .param_gorup_div").eq(1).css("display","block");
			jQuery("#main_layout_page .param_gorup_div").eq(2).css("display","block");
			break;
			case 3:
			jQuery("#main_layout_page .param_gorup_div").eq(1).css("display","block");
			jQuery("#main_layout_page .param_gorup_div").eq(2).css("display","block");
			break;
			case 4:
			jQuery("#main_layout_page .param_gorup_div").eq(1).css("display","block");
			jQuery("#main_layout_page .param_gorup_div").eq(2).css("display","block");
			jQuery("#main_layout_page .param_gorup_div").eq(3).css("display","block");
			break;
			case 5:
			jQuery("#main_layout_page .param_gorup_div").eq(1).css("display","block");
			jQuery("#main_layout_page .param_gorup_div").eq(2).css("display","block");
			jQuery("#main_layout_page .param_gorup_div").eq(3).css("display","block");
			break;
			case 6:
			jQuery("#main_layout_page .param_gorup_div").eq(1).css("display","block");
			jQuery("#main_layout_page .param_gorup_div").eq(2).css("display","block");
			jQuery("#main_layout_page .param_gorup_div").eq(3).css("display","block");
			break;

		}
 	}
	</script>
	<div id="main_layout_page">
		<form method="post" action="themes.php?page=web_dorado_theme&controller=layout_page">
			<table align="center" width="90%" style="margin-top: 0px;border-bottom: rgb(111, 111, 111) solid 2px;">
				<tbody>
				    <tr>   
                      <td style="font-size:14px; font-weight:bold">
					     <a href="<?php echo $business_world_web_dor.'/wordpress-themes-guide-step-1.html'; ?>" target="_blank" style="color:#126094; text-decoration:none;">User Manual</a><br />This section allows you to make changes in default layout of the theme.
                         <a href="<?php echo $business_world_web_dor.'/wordpress-theme-options/3-2.html'; ?>" target="_blank" style="color:#126094; text-decoration:none;">More...</a>
					    </td>   
                      <td  align="right" style="font-size:16px;">
                           <a href="<?php echo $business_world_web_dor.'/wordpress-themes/business-world.html'; ?>" target="_blank" style="color:red; text-decoration:none;">
                              <img src="<?php echo get_template_directory_uri() ?>/images/header.png" border="0" alt="" width="215">
                           </a>
                       </td>
                    </tr>
					<tr>
						<td>
							<h3 style="margin: 0px;font-family:Segoe UI;padding-bottom: 15px;color: rgb(111, 111, 111); font-size:18pt;">Layout Editor</h3>
						</td>						
					</tr>
				</tbody>
			</table>
			<table align="center" width="90%" style=" padding-bottom:0px;padding-top:0px;">
				<tbody>
					<tr>
						<td>
							<div class="optiontitle first"><h3><?php echo $radio[0]['name']; ?></h3></div>
							<div class="optiondescreption"><p><?php echo $radio[0]['desc']; ?></p></div>
							<div class="options_input options_select"></div>
							<table width="100%">
								<tbody>
									<tr>
									<?php for($i=0;$i<$count_radio_options;$i++) { ?>
										<td>
											<div style="width:50px; height:49px; background:url(<?php echo get_template_directory_uri(); ?>/images/sprite-layouts.png) no-repeat 0 <?php echo -$i*48; ?>px;"></div>
												<input type="radio" <?php echo checked($radio[0]['std'],$i+1);  ?> name="<?php echo $radio[0]['var_name'] ?>" value="<?php echo $i+1; ?>" onclick="javascript:showRadioValue(<?php echo $i+1; ?>)">
											<br>
										</td>
									<?php } ?>
									</tr>
								</tbody>
							</table>
						<?php	$business_world_admin_helepr_functions->only_checkbox($this->options_themeoptions['full_width']); ?>
								<?php for($i=0;$i<$count_text;$i++) {
									$business_world_admin_helepr_functions->only_input($text[$i],array("input_size"=>"4"));
								 } 			
								 ?>
							</div>
						</td>
					</tr>
				</tbody>
			</table>
			<br>
			<p class="submit" style="float:left; margin-left: 63px; margin-right: 8px;">
				<input class="button" name="save" type="submit" value="Save changes">
				<input type="hidden" name="action" value="save">
			</p>
		</form>
		<form method="post" action="themes.php?page=web_dorado_theme&controller=layout_page">
			<p class="submit"  style="float:left">
				<input class="button" name="reset" type="submit" value="Reset">
				<input type="hidden" name="action" value="reset">
			</p>
		</form>
	</div>
	<script>showRadioValue(<?php echo $radio[0]['std'] ?>);</script>
	<?php
	}
	
	/*************************************/
	/*GET OPTIONS BY TYPES FOR ADMIN HTML*/
	/*************************************/
	
	private function get_option_type($type){
		$cur_type_elements=array();
		$k=0;
		foreach( $this->options_themeoptions as $option ){
			
			if( $option['type'] == $type ){
			
				$cur_type_elements[$k]=$option;
				$k++;
			}
			
		}
		return $cur_type_elements;
	}
	
	/***********************************/
	/* 		 FRONT END LAYOUT    	   */
	/***********************************/
	
	public function update_layout_editor(){
			foreach ($this->options_themeoptions as $value) 
			{
				if(isset($value['id'])){
					$$value['var_name'] = $value['std'];
				}
			}

			if ($full_width)
			{
				$content_width ='100%';
				$them_content_are_width='100%';
				?><script>var full_width_magazine=1</script><?php echo "\r\n";
				
			}
			else {
				$content_width	=$content_area . "px;";
				$them_content_are_width=$content_area . "px;";
				?><script> var full_width_magazine=0</script><?php echo "\r\n";
			}
			switch ($default_layout) {
				//set styles leauts
				case 1:
					?><style type="text/css">
	#sidebar1,
	#sidebar2 {
		display:none;
	}
	#blog, .blog{
		display:block; 
		float:left;
	}
	
	.container{
		width:<?php echo $them_content_are_width; ?>;
	}        
	#blog, .blog{
		width:100%;
	}               
</style><?php
					break;
				case 2:
					?>
<style type="text/css">
	#sidebar2{
		display:none;
	} 
	#sidebar1 {
		display:block;
		float:right;
	}
	.blog,#content{
		display:block;
		float:left;
	} 
	.container{
		width:<?php echo $them_content_are_width; ?>
	}
	.blog, #content{
		width:<?php echo $main_column; ?>%;
	}
	#sidebar1{
		width:<?php echo (100  - $main_column-1); ?>%;
	}
</style><?php
					break;
				case 3:
					?>
<style type="text/css">
	#sidebar2{
		display:none;
	} 
	#sidebar1 {
		display:block;
		float:left;
	} 
	.blog, #content{
		display:block;
		float:left;
	}
	.container{
		width:<?php echo $them_content_are_width; ?>
	}
	.blog, #content{
		width:<?php echo $main_column ; ?>%;
	}
	#sidebar1{
		width:<?php echo (100 -  $main_column-1); ?>%;
		margin-right: 1%;
	}
	#top-page .blog,#top-page #blog{
		left:<?php echo  (100 -  $main_column) ; ?>%;
	}    
</style><?php
					break;
				case 4:
				?>
<style type="text/css">
	#sidebar2{
		display:block;
		float:right;
	} 
	#sidebar1 {
		display:block; float:right;
	} 
	#blog, .blog,#content{
		display:block;
		float:left;
	}
	.container{
		width:<?php echo $them_content_are_width; ?>
	}
	.blog,#content{
		width:<?php echo $main_column-2 ; ?>%;
	}
	#sidebar1{
		width:<?php echo $pwa_width ; ?>%;
	}
	#sidebar2{
		width:<?php echo (100  - $pwa_width - $main_column); ?>%;
		margin-right: 1%;
	}
</style><?php
					break;
				case 5:
				?>
<style type="text/css">
	#sidebar2{
		display:block;
		float:left;
	} 
	#sidebar1 {
		display:block;
		float:left;
	} 
	.blog,#content{
		display:block;
	}
	#content,#blog{
		float:right;
	}
	.container{
	width:<?php echo $them_content_are_width; ?>
	}
	.blog,#content{
		width:<?php echo $main_column-2 ; ?>%;
	}
	#sidebar1{
		width:<?php echo $pwa_width ; ?>%;
		margin-right: 1%;
	}
	#sidebar2{
		width:<?php echo (100 - $pwa_width - $main_column); ?>%;
		margin-right: 1%;
	}
	#top-page #blog, #top-page .blog{
		left:<?php echo (100 - $main_column) ; ?>%;
	}
</style><?php
					break;
				case 6:
				?>
<style type="text/css">
	#sidebar2{
		display:block;
		float:right;
	} 
	#sidebar1 {
		display:block;
		float:left; 
	} 
	.blog, #content{
		display:block;
		float:left;
	}    			       
	.container{
		width:<?php echo $them_content_are_width; ?>
	}
	.blog, #content{
		width:<?php echo $main_column-2 ; ?>%;
	}
	#sidebar1{
		width:<?php echo $pwa_width ; ?>%;
		margin-right: 1%;
	}
	#sidebar2{
		width:<?php echo (100  - $pwa_width - $main_column); ?>%;
	}       
	#top-page .blog,#top-page #blog{
		left:<?php echo $pwa_width ; ?>%;
	}     
</style><?php
					break;
			}
		}
}