<?php
class TrafficAnalyzerVisits extends TrafficAnalyzer {
	
	public function __construct(){
		$this->actions();		
	}
	
	public function form() {
		global $current_user;
		
				
		?>		
				
		<div class="wrap">			
		<?php screen_icon(); ?>			
		<h2>Traffic Analyzer : Visits vs Views</h2>
		
		<?php
			/*
			if (isset($_SERVER['HTTP_USER_AGENT']) &&  (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false))
				echo "<h4>This page may not work as expected in Internet Explorer</h4>";
			*/
		?>		
		
					
		<?php 
			global $current_user;
			$opt_daterangepicker_start = get_option('ta_daterangepicker_start');
			$opt_daterangepicker_end = get_option('ta_daterangepicker_end');
			$opt_period = get_option('ta_period');		
		
		
		?>
					
		<form method="get" action="">
			<input type="hidden" name="page" value="<?php echo $_REQUEST['page'] ?>" />
			<br />
			
			<input type="text" readonly id="daterangepicker" name="daterangepicker" value="<?php echo $opt_daterangepicker_start[$current_user->ID] . '~'. $opt_daterangepicker_end[$current_user->ID] ; ?>" />
			<input type="hidden"  id="daterangepicker_start" name="daterangepicker_start" value="<?php echo $opt_daterangepicker_start[$current_user->ID]; ?>" />
			<input type="hidden"  id="daterangepicker_end" name="daterangepicker_end"  value="<?php echo $opt_daterangepicker_end[$current_user->ID]; ?>" />
			<select id='period' name='period'>
					<option value="a" <?php echo ($opt_period[$current_user->ID]=='a'?'selected':''); ?>  >Consolidated</option>
					<option value="d" <?php echo ($opt_period[$current_user->ID]=='d'?'selected':''); ?>  >Daily</option>
					<option value="w" <?php echo ($opt_period[$current_user->ID]=='w'?'selected':''); ?>  >Weekly</option>
					<option value="m" <?php echo ($opt_period[$current_user->ID]=='m'?'selected':''); ?>  >Monthly</option>				
			</select>
			
			
			<button type='button' id='ta_apply'  onclick="apply()">Apply</button>
			
		</form>
			
			
					
			<div align='center'>
				<h3><span id="ta_my_chart_title" ></span></h3>				
				<div id="ta_my_chart" align="center" style='width:100%; height:400px;' >
					<img src="<?php  echo plugin_dir_url(__FILE__). "images/wait30.gif" ;  ?>" />
				</div>
			</div>
			
			<br />
			
			
			<div class="ts_live">

				<div class="column">
				        <div class="portlet">
				                <div class="portlet-header">Legend</div>
				                <div class="portlet-content" id='url_portlet'>
				                	<div id="ta_my_chart_legend">
									</div>
									<div style='text-align:center'>
										<span id='span_show_all' ><input type='checkbox' id='show_all' onchange='show_all(this)' checked ><label for='show_all'>Show All</label></span>						
										<span id='span_fill_all'><input type='checkbox' id='fill_all' onchange='fill_all(this)' ><label for='fill_all'>Fill All</label></span>
									</div>			                
				                </div>
				        </div>
				</div>

				<div class="column" id='chart_type'>
				        <div class="portlet">
				                <div class="portlet-header">Chart Properties</div>
				                <div class="portlet-content" id='os_portlet'>
				                <div id='chart_type' style='text-align:center'>
								 	<input type="checkbox" name='line_chart' id='line_chart'  checked onchange='line_chart_changed(this)'/><label for='line_chart'>Line</label>				 					 	
								 	<input type="checkbox" name='bar_chart' id='bar_chart'  onchange='bar_chart_changed(this)' /><label for='bar_chart'>Bar</label>
								 	<input type="checkbox" name='point_chart' id='point_chart' checked  onchange='point_chart_changed(this)' /><label for='point_chart'>Points</label>
								</div>
				                
				                </div>
				        </div>			
				</div>

				<div class="column">
				         <div class="portlet">
				                <div class="portlet-header">Feedbacks</div>
						    	    <div class="portlet-content" id='feedback_old_portlet'>
									    <div style="text-align:center">
										 	Post your comments <a href='http://wptrafficanalyzer.in/comments' target='_blank'>here</a><br />
										 	or <br />
										 	Feedback to hide@address.com				 					 
										</div>
				                	</div>
				        </div>
				</div>

		</div><!-- End ts_live -->
			
			
			
			<div id='ta_data'">
				<div id="jqgrid">
	    			<table id="grid"></table>
	    			<div id="gridpager"></div>
				</div>
			</div>

		
		
		
		</div>
					
		<?php
		
	}
	
	public function actions() {		
		//Will be executed only on loading the Visits vs Views page
		add_action('load-analyzer_page_visits_traffic-analyzer',array(&$this,"add_style"));
		add_action('load-analyzer_page_visits_traffic-analyzer',array(&$this,"add_daterangepicker"));
		add_action('load-analyzer_page_visits_traffic-analyzer',array(&$this,"add_jqgrid"));		
		add_action('load-analyzer_page_visits_traffic-analyzer',array(&$this,"add_script"));		
		add_action('load-analyzer_page_visits_traffic-analyzer',array(&$this,"add_flot_loader_views"));
		add_action('load-analyzer_page_visits_traffic-analyzer',array(&$this,"add_drag_n_drop"));
	}	
}