<?php
require_once("androapp_utils.php");

define('IMAGE_DIMENSION' , 'image_dimension');
define('EXCERPT_PREFERENCE' , 'excerpt_preference');
define('POST_CONTENT' , 'post_content');
define('PWAPP_MENU' , 'app_menu');
define('PWAPP_SHARE_FN_NAME', 'share_function_name');
define('GCM_API_KEY', 'gcm_api_key');
define('APP_NAME', 'app_name');
define('FACEBOOK_APP_ID', 'fb_app_id');
define('GOOGLE_SENDER_ID', 'google_sender_id');
define('HOST_NAME', 'app_host_name');
define('AUTHENTICATION_KEY', 'authentication_key');
define('EMAIL', 'email');
define('CLIENT_ID', 'client_id');
define('PACKAGE_NAME', 'package_name');
define('LAUNCHER_ICON', 'launcher_icon');
define('NOTIFICATION_TYPE_KEY', 'notification_type_key');
define('ENABLE_WP_SUPER_CACHE', 'cache_json_apis');



class pw_mobile_app_settings {
	// Name of the array
	protected $option_name = 'pw-mobile-app';
	protected $get_started_option_name = 'androapp_getstarted';
	protected $build_option_name ='pw-mobile-build-options';
	protected $plugin_options_key = 'pw_mobile_app_options';
	protected $account_tab_key = 'androapp_account_settings';
	protected $publish_tab_key = 'androapp_publish';
	protected $scripts_option = 'androapp_scripts_detected';
	private $plugin_settings_tabs = array();
	private $androAppHost = "http://androapp.mobi";
	
	public static $topAdUnitKey = 'top_ad_unit';
	public static $bottomAdUnitKey = 'bottom_ad_unit';
	public static $listViewAdUnitKey = 'list_ad_unit';
	public static $interstitialAdUnitKey = 'interstitial_ad_unit';
	public static $listViewAdUnitFreqKey = 'list_ad_unit_freq';
	public static $listViewAdUnitTypeKey = 'list_ad_unit_type';
	public static $interstitialAdUnitFreqKey = 'interstitial_ad_unit_freq';
	public static $androAppCss = "androapp_css";
	public static $shareImagePreference = "share_image_preference";
	public static $shareTextWithImage = "share_textwithimage_preference";
	public static $sharePreference = "share_preference";
	public static $shareSuffixText = "share_suffix_test";
	public static $shareSuffixLink = "share_suffix_link";
	public static $shareImageWithCustomFunction = "share_image_with_custom_function";
	
	public static $tagTextColorKey = "tagTextColor";
	public static $tagBgColorKey = "tagBgColor";
	public static $feedBgColorKey = "feedBgColor";
	public static $feedTitleColorKey = "feedTitleColor";
	public static $feedContentTextColorKey = "feedContentTextColor";
	public static $screenBgColorKey = "screenBgColor";
	public static $actionBarTitleColorKey = "actionBarTitleColor";
	public static $actionBarBgColorKey = "actionBarBgColor";
	public static $selectedScripts = "androapp_selected_Scripts";
	public static $postProcessedCss = "androapp_postprocessed_css";
	
	private $scriptOptions;
	
	// Default values
	protected $op = array(
		IMAGE_DIMENSION => 'preview',
		EXCERPT_PREFERENCE => 'excerpt',
		POST_CONTENT => 'preprocessed',
		ENABLE_WP_SUPER_CACHE => '0'
		
	);
	
	protected $buildop = array(
		FACEBOOK_APP_ID => '',
		GOOGLE_SENDER_ID => ''
	);
	
	protected $accountop = array(
		NOTIFICATION_TYPE_KEY => 'single'
	);
	
	public function getInstallLink($slug){
		$action = 'install-plugin';
		return  wp_nonce_url(
			add_query_arg(
				array(
					'action' => $action,
					'plugin' => $slug
				),
				admin_url( 'update.php' )
			),
			$action.'_'.$slug
		);
	}
	public function __construct(){
		add_action('admin_init', array($this,'admin_init'));
		
		add_action('admin_menu', array($this, 'add_page'));
		
		add_action('admin_notices', array($this, 'my_plugin_admin_notices'));
		
		$this->scriptOptions = get_option($this->scripts_option);

		if((empty($this->scriptOptions['scripts']) || ($this->scriptOptions['count'] < 5)))
		{
			add_action( 'print_scripts_array', array($this, 'add_scripts'), 999);
			add_action('wp_print_scripts', array($this, 'add_late_scripts'), 999);
			$this->scriptOptions['count'] = $this->scriptOptions['count'] +1;	
		}
	}

	
	function my_plugin_admin_notices() {
	}
	public function installpwmobileapp() {
		$this->buildop[HOST_NAME] =  get_bloginfo('url');;
		$this->buildop[APP_NAME] = get_bloginfo('name');
		$this->buildop[EMAIL] = get_option('admin_email');
		$this->buildop[AUTHENTICATION_KEY] = $this->getToken(64);
		$this->op[PWAPP_MENU] = $this->getFirstMenu();
		$this->op[pw_mobile_app_settings::$androAppCss] = '#content-sidebar{
	display:none;
}
#secondary {
	display:none !important;
}
.sidebar, .site-header, .footer-widgets {
	display:none;
}
#menu-header-menu{
	display:none;
}';

		$this->op[pw_mobile_app_settings::$postProcessedCss] = '.androapp img{
     max-width: 100%;
}';
		$this->op[pw_mobile_app_settings::$shareImagePreference] = 'first';
		$this->op[pw_mobile_app_settings::$sharePreference] = 'EXCERPT';
		$this->op[pw_mobile_app_settings::$shareTextWithImage] = 'TITLE';
		$this->op[pw_mobile_app_settings::$shareSuffixText]  = 'via';
		$this->op[pw_mobile_app_settings::$shareSuffixLink] = 'POST';
		$this->op[pw_mobile_app_settings::$shareImageWithCustomFunction] = '1';
		
		
		$this->buildop[pw_mobile_app_settings::$tagTextColorKey] = "#ff808080";
		$this->buildop[pw_mobile_app_settings::$tagBgColorKey] = "#E6E6E6";
		$this->buildop[pw_mobile_app_settings::$feedBgColorKey] = "#FFFFFF";
		$this->buildop[pw_mobile_app_settings::$feedTitleColorKey] = "#000000";
		$this->buildop[pw_mobile_app_settings::$feedContentTextColorKey] = "#000000";
		$this->buildop[pw_mobile_app_settings::$screenBgColorKey] = "#E6E6E6";
		$this->buildop[pw_mobile_app_settings::$actionBarTitleColorKey] = "#FFFFFF";
		$this->buildop[pw_mobile_app_settings::$actionBarBgColorKey] = "#F4832C";
		
		if(!get_option($this->option_name)) {
			add_option($this->option_name, $this->op);
		}
		
		if(!get_option($this->build_option_name)) {
			add_option($this->build_option_name, $this->buildop);
		}
		
		if(!get_option($this->account_tab_key)) {
			add_option($this->account_tab_key, $this->accountop);
		}
		
		if(!get_option($this->scripts_option)) {
			$scriptOptions = array();
			$scriptOptions['count'] = 0;
			$scriptOptions['scripts'] = null;
			add_option($this->scripts_option, $scriptOptions);
		}
		
		$this->doCurlRequest($this->buildop[HOST_NAME], "INSTALL", $this->buildop[EMAIL]);
	}
	
	public function doCurlRequest($host, $action, $email){
		if(function_exists('curl_init')){
			$url = $this->androAppHost."/appCreator/log.php?action=".$action."&email=".urlencode($email)."&host=".urlencode($host);
			$ch = curl_init($url);
			curl_setopt($ch, CURLOPT_HEADER, 0);
			curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
			$output = curl_exec($ch);       
			curl_close($ch);
			//echo $output;
		}
	}
	public function deactivate() {
		$options = get_option($this->build_option_name);
		$this->doCurlRequest($options[HOST_NAME], "UNINSTALL", $options[EMAIL]);
		delete_option($this->option_name);
		delete_option($this->build_option_name);
		delete_option($this->account_tab_key);
	}
	
	// White list our options using the Settings API
	public function admin_init() {
		
		
		
		$this->plugin_settings_tabs[$this->get_started_option_name] = 'Get Started';	
		register_setting($this->get_started_option_name, $this->get_started_option_name);
		add_settings_section( 'section_get_started', 'Welcome to AndroApp Native Android Mobile App', array( &$this, 'options_do_getstarted' ), $this->get_started_option_name );
		
		$this->plugin_settings_tabs[$this->build_option_name] = 'Look & Feel';
		register_setting($this->build_option_name, $this->build_option_name);
		add_settings_section( 'section_build_settings', 'Look & Feel', array( &$this, 'build_options_do_page' ), $this->build_option_name );
		
		$this->plugin_settings_tabs[$this->option_name] = 'Configure';	
		register_setting($this->option_name, $this->option_name);
		add_settings_section( 'section_app_settings', 'Configure dynamic settings for your app', array( &$this, 'options_do_page' ), $this->option_name );
		
		$this->plugin_settings_tabs[$this->account_tab_key] = 'Account Settings';	
		register_setting($this->account_tab_key, $this->account_tab_key);
		add_settings_section( 'section_publish_settings', 'Account Settings', array( &$this, 'accounts_do_page' ), $this->account_tab_key );
	}
	
	// Add entry in the settings menu
	public function add_page() {
		add_options_page('AndroApp', 'AndroApp', 'manage_options', $this->plugin_options_key, array($this, 'plugin_options_page'));
	}
	
	/*
	 * Renders our tabs in the plugin options page,
	 * walks through the object's tabs array and prints
	 * them one by one. Provides the heading for the
	 * plugin_options_page method.
	 */
	function plugin_options_tabs() {
		$current_tab = isset( $_GET['tab'] ) ? $_GET['tab'] : $this->get_started_option_name;

		screen_icon();
		echo '<h2 class="nav-tab-wrapper">';
		foreach ( $this->plugin_settings_tabs as $tab_key => $tab_caption ) {
			$active = $current_tab == $tab_key ? 'nav-tab-active' : '';
			echo '<a class="nav-tab ' . $active . '" href="?page=' . $this->plugin_options_key . '&tab=' . $tab_key . '">' . $tab_caption . '</a>';	
		}
		echo '</h2>';
	}
	
	function add_scripts($todo) {
		//echo "<h2>Add Scripts</h2>";
		//print_r($todo);
		if(is_single()){
			$this->process_scripts($todo);
		}
		return $todo;
	}
	
	function add_late_scripts() {
		global $wp_scripts;
		if(is_single()){
			$this->process_scripts($wp_scripts->queue);
		}
	}
	
	function process_scripts($scriptsHandle){
		global $wp_scripts;
		$options = get_option($this->scripts_option);
		$scripts = $options ['scripts'];
		//print_r($scripts);
		if(empty($scripts)){
			$scripts = array();
		}
		$scripts = $scripts + $this->process_scripts_inner($scriptsHandle);
		
		$options['scripts'] = $scripts;
		$options['count'] = $this->scriptOptions['count'];
		update_option($this->scripts_option, $options);
	}

	function process_scripts_inner($scriptsHandle){
		global $wp_scripts;
		$scripts = array();
		foreach( $scriptsHandle as $handle ) :
			//echo $handle."</br>";
			if(!empty($wp_scripts->registered[$handle]->src))
			{
				$scripts[$handle] = convertToFullUrl($wp_scripts->registered[$handle]->src);
			}else{
				$deps = $wp_scripts->registered[$handle]->deps;
				$scripts  = $scripts +  $this->process_scripts_inner($deps);
			}
		endforeach;
		return $scripts;
	}
	
	function clearScripts(){
		$this->scriptOptions['scripts'] = null;
		$this->scriptOptions['count'] = 0;
		update_option($this->scripts_option, $this->scriptOptions);
		
		header("Location: ?page=pw_mobile_app_options");
	}
	/*
	 * Plugin Options page rendering goes here, checks
	 * for active tab and replaces key with the related
	 * settings key. Uses the plugin_options_tabs method
	 * to render the tabs.
	 */
	function plugin_options_page() {
	
		$tab = isset( $_GET['tab'] ) ? $_GET['tab'] : $this->get_started_option_name;
		
		if(isset($_GET['clear_scripts_list'])){
			$this->clearScripts();
		}
		
		?>
		<div class="wrap">
		
			<?php $this->plugin_options_tabs(); ?>
			<form name="pwappsettingsform" id="pwappsettingsform"  method="post" action="options.php">
				<?php wp_nonce_field( 'update-options' ); ?>
				
				<?php 
				if($tab == 'androapp_getstarted' ){
					settings_fields( "pw-mobile-build-options" ); 
				}else{
					settings_fields( $tab ); 
				}
				?>
				<?php do_settings_sections( $tab ); ?>
				<?php //submit_button(); ?>
			</form>
		</div>
		<?php
	}

	function publish_do_page() {

	?>
		You need to submit your app to Google App Store such that your readers can install your mobile app.
		</br></br>
		You have two options
		<ol>
		<li>
		<p style="font-size:17px;">
		<b>Submit it yourself</b></br>
		Create a new account on <a href="https://play.google.com/apps/publish/">google play developer console</a> and submit your app yourself. 
		You need to pay one time fee of $25. Generally it takes upto 48 hours(after the payment) for new accounts to get approved.
		</p>
		</li>
		<li>
		<p style="font-size:17px;">
		<b>Leave it onto us</b></br>
		We can submit your app from our account, ownership of the app can be transferred to you later at any point of time.
	</br>
		We will need following details from you
		<ol>
		<li>One Application Icon of 512×512 size, same which is used while creating the app</li>
		<li>One feature graphic of 1024×500 size</li>
		<li>App Description</li>
		<li>2-3 screenshots</li>
		</ol>
		For more details, drop an email @ <b>contact@androapp.mobi</b>
		</p>
		</li>
		</p>
		</ol>
		
		<?php
			global $options;
			if(!empty($options[PACKAGE_NAME])){
				$applinktext = "After you submit your app to Google Play Store, this will be the link to your app <a target='_blank' href='https://play.google.com/store/apps/details?id=".$options[PACKAGE_NAME]."'>https://play.google.com/store/apps/details?id=".$options[PACKAGE_NAME]."</a>";
				
				echo '<p style="font-size:17px;">'.$applinktext.'</p>';
			}
		?>
		
		<h2>Annual Renewal</h2>
		<p style="font-size:17px;">
		AndroApp is completely free for the first year, after that you can purchase annual subscription from <a href="https://www.payumoney.com/store/product/4a48ec6c814b2f0a8f0e87d426ece891" target="_blank">here</a>. Mention your email id and site link in shipping address. We will activate your annual subscription. 
		</br></br>
		Please get in touch with us @ <b>contact@androapp.mobi</b> for any more clarifications.
		</p>
	<?php
	}
			
	function accounts_do_page() {
		$options = get_option($this->account_tab_key);
		?>
		
		<h2>Push Notification Settings</h2>
		<table class="form-table" border="1">				
			<tr valign="top"><th scope="row">Google API Key:</th>
				<td>
				We use Google Messaging API's for push notifications, Follow instructions <a href="http://androapp.mobi/archives/21" target="_blank" >here</a> to create a Google API project, enable <b>"Google Cloud Messaging for Android"</b> api, and enter your API Key here(This is needed to send push notifications to you app)</br></br>
				<input type="text" name="<?php echo $this->account_tab_key."[".GCM_API_KEY."]"?>" value="<?php echo $options[GCM_API_KEY];?>"  />
				</td>
			</tr>
			<tr valign="top"><th scope="row">Google Project Number:</th>
				<td>
				Enter your Google Project Number for the project created in above step.
				<p style="color:red">Note: You need to publish new build everytime you change it</p>
				<input type="text" name="<?php echo $this->account_tab_key."[".GOOGLE_SENDER_ID."]"?>" value="<?php echo $options[GOOGLE_SENDER_ID];?>"  />
				</td>
			</tr>
			<tr valign="top"><th scope="row">Notification Type:</th>
				<td>
				Select Push Notification Type, select notification style to handle more than one notifications.</br></br>
				<input type="radio" name="<?php echo $this->account_tab_key."[".NOTIFICATION_TYPE_KEY."]"?>" value="stack" <?php if($options[NOTIFICATION_TYPE_KEY] == 'stack') echo "checked"; ?> />Stack (Group notification)
				</br>
				<input type="radio" name="<?php echo $this->account_tab_key."[".NOTIFICATION_TYPE_KEY."]"?>" value="single" <?php if($options[NOTIFICATION_TYPE_KEY] == 'single') echo "checked"; ?> />No Stacking(Each notification will be shown separately)
				</td>
			</tr>
		</table>
		
		</br>
		<h2>Facebook Share Settings</h2>
		<table class="form-table">
			<tr valign="top"><th scope="row">Facebook Application ID:</th>
				<td>
				Facebook App ID (for facebook share), Create a new app from <a href="https://developers.facebook.com/" >here</a> OR add android platform in your existing app. We will email the app settings after you generate your first build.</br>
				Leave it blank for using AndroApp Facebook App(You will not have access to insights)
				<p style="color:red">Note: You need to publish new build everytime you change it</p>
				<input type="text" name="<?php echo $this->account_tab_key."[".FACEBOOK_APP_ID."]"?>" value="<?php echo $options[FACEBOOK_APP_ID];?>"  />
				</td>
			</tr>
		</table>

		<h2>Monetization Settings</h2>
		We are using top performing mobile ad network <b>AdMob by Google</b>. Please create an account on <a href="http://www.google.com/admob/?subid=apac-sem&gclid=CjwKEAiA_s2lBRCe1YPXxtSe-DcSJACCIh3LASegyQrCjEeN1sz7PK_aCBHUg7A7j7H0xf2yHqqKyhoC_uvw_wcB" target="_blank" >Admob</a> and enter ad id's here.
		<table class="form-table" border="1">
			<tr valign="top"><th scope="row">Top Ad Unit:</th>
				<td>
				<input type="text" name="<?php echo $this->account_tab_key."[".pw_mobile_app_settings::$topAdUnitKey."]"?>" value="<?php echo $options[pw_mobile_app_settings::$topAdUnitKey];?>"  />
				</td>
			</tr>
			<tr valign="top"><th scope="row">Bottom Ad Unit:</th>
				<td>
				<input type="text" name="<?php echo $this->account_tab_key."[".pw_mobile_app_settings::$bottomAdUnitKey."]"?>" value="<?php echo $options[pw_mobile_app_settings::$bottomAdUnitKey];?>"  />
				</td>
			</tr>
			<tr valign="top"><th scope="row">List View Ad Unit:</th>
				<td>
				<input type="text" name="<?php echo $this->account_tab_key."[".pw_mobile_app_settings::$listViewAdUnitKey."]"?>" value="<?php echo $options[pw_mobile_app_settings::$listViewAdUnitKey];?>"  /> of size 
				
				<select name="<?php echo $this->account_tab_key."[".pw_mobile_app_settings::$listViewAdUnitTypeKey."]"?>">
					<option value="BANNER" <?php if($options[pw_mobile_app_settings::$listViewAdUnitTypeKey] == "BANNER") echo "selected";?> >Banner</option>
					<option value="MEDIUM_RECTANGLE" <?php if($options[pw_mobile_app_settings::$listViewAdUnitTypeKey] == "MEDIUM_RECTANGLE") echo "selected";?>>Medium Rectangle</option>
					<option value="LARGE_RECTANGLE" <?php if($options[pw_mobile_app_settings::$listViewAdUnitTypeKey] == "LARGE_RECTANGLE") echo "selected";?>>Large Rectangle</option>
				</select>
				
				, show it after every
				
				<select name="<?php echo $this->account_tab_key."[".pw_mobile_app_settings::$listViewAdUnitFreqKey."]"?>">
				<?php
					for ($x=5; $x<=25; $x++) {
						echo '    <option value="' . $x . '"  '.  (($options[pw_mobile_app_settings::$listViewAdUnitFreqKey] == $x) ?'selected' : '' ) .'>' . $x . '</option>' . PHP_EOL;
					}
				?>
				  </select>
				posts.
				</td>
			</tr>
			<tr valign="top"><th scope="row">Interstitial Ad Unit:</th>
				<td>
				<input type="text" name="<?php echo $this->account_tab_key."[".pw_mobile_app_settings::$interstitialAdUnitKey."]"?>" value="<?php echo $options[pw_mobile_app_settings::$interstitialAdUnitKey];?>"  /> show it after every
				
				<select name="<?php echo $this->account_tab_key."[".pw_mobile_app_settings::$interstitialAdUnitFreqKey."]"?>">
				<?php
					for ($x=3; $x<=25; $x++) {
						echo '    <option value="' . $x . '"  '.  (($options[pw_mobile_app_settings::$interstitialAdUnitFreqKey] == $x) ?'selected' : '' ) .'>' . $x . '</option>' . PHP_EOL;
					}
				?>
				  </select>
				page screens.
				</td>
			</tr>
		</table>
		
		<p class="submit">
					<input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
		</p>
				
			<?php
	}
	
	function print_checkMark(){
		return "<span class=\"checkmark\">&#x2713;</span>";
	}
	
	function isTimeZoneError(){
		try{
			$this->androapp_json_get_timezone();
			return false;
		}catch(Exception $e){
			return true;
		}
		return false;
	}
	
	function options_do_getstarted(){
		$sectionTobeOpened = -1;
		$stepOneCompleted = false;
		if(is_plugin_active('json-rest-api/plugin.php') && !$this->isTimeZoneError()){
			$stepOneCompleted = true;
		}else{
			$sectionTobeOpened = 0;
		}
		global $options ;
		$options = get_option($this->build_option_name);
		$stepTwoCompleted = false;
		if(!empty($options[CLIENT_ID])){
			$stepTwoCompleted = true;
		}else{
			if($sectionTobeOpened == -1){
				$sectionTobeOpened = 1;
			}
		}
		
		$stepThreeCompleted = false;
		if(!empty($options[LAUNCHER_ICON])){
			$stepThreeCompleted = true;
		}
		else{
			if($sectionTobeOpened == -1){
				$sectionTobeOpened = 2;
			}
		}
		
		$accountOptions = get_option($this->account_tab_key);
		$stepFourCompleted = false;
		if(!empty($accountOptions[GOOGLE_SENDER_ID])){
			$stepFourCompleted = true;
		}else{
			if($sectionTobeOpened == -1){
				$sectionTobeOpened = 3;
			}
		}
		
		
		if($sectionTobeOpened == -1){
			$sectionTobeOpened = 4;
		}
	?>
		<h2>Follow these 5 steps to see your mobile app in Google play store</h2>
		<div id="accordion">
		
  <h3 class="ui-androapp-step-header" role="tab"><span><b>1</b></span><?php if($stepOneCompleted) { echo $this->print_checkMark();}?>Install WP REST API (WP API) Plugin  </h3>
  <div>
   <?php
		if($stepOneCompleted){
				?>
				<h2>You have completed this step</h2>
				<p style="font-size:17px;">
				You have already installed WP REST API (WP API) Plugin. 
				</p>
				<h3>Move over to the next Step Now.</h3>
				<?php
		}else{
			if(is_plugin_active('json-rest-api/plugin.php') && $this->isTimeZoneError())
			{
			?>
				<p style="font-size:17px;">
				WP REST API does not work correctly for your current timezone, <a href="options-general.php#default_role" >Click here</a> to change it and come back.
				</br></br>
				<?php 
				$wpjsonlink = $options[HOST_NAME]."/wp-json/posts";
				?>
				(Please change your timezone by +-30 minutes or more and see if this link works fine: <a target="_blank" href="<?php echo $wpjsonlink;?>"><?php echo $wpjsonlink; ?></a>
			</p>
			<?php
			}else{
				$json_installurl = $this->getInstallLink('json-rest-api');
				?>
				<p style="font-size:17px;">
				Your mobile app will use json calls to get the data from your site, for that you have to enable WP REST API plugin.
				This plugin is maintained by wordpress core team and will soon be included in the wordpress core, till then
				</p>
				<h2>
				<a target="_blank" href="<?php echo $json_installurl;?>">Click here</a> to install <a target="_blank" href="https://wordpress.org/plugins/json-rest-api/">WP REST API (WP API)</a> plugin.
				</h2>
				<h3>And move over to the next Step.</h3>
				<?php
			}
		}
   ?>
  </div>
  <h3 class="ui-androapp-step-header" ><span><b>2</b></span><?php if($stepTwoCompleted) { echo $this->print_checkMark();}?>Generate Android apk file </h3>
  <div>
    <?php
		if(!$stepTwoCompleted)
		{
		?>
			<p style="font-size:17px;">
				Click below button to generate android apk file now
			</p>
		<?php
			echo $this->render_invisibleForm();
		}else{
			?>
		
		<h2>You have completed this step</h2>
		
		<p style="font-size:17px;">
		We sent your mobile app download link to your email id, please check your mail and install it on your android phone.</br>
		
		In case you did not receive any mail, Don't worry, just drop an email to us @ contact@androapp.mobi, we will be happy to help you.
		</p>
		<h3>And move over to the next Step.</h3>
		
			<?php
		}
		
	?>
  </div>
  <h3 class="ui-androapp-step-header"><span><b>3</b></span><?php if($stepThreeCompleted) { echo $this->print_checkMark();}?>Configure Look and Feel and Other Settings </h3>
  <div>
    <?php
		if($stepThreeCompleted){
			?>
			<h2>You have completed this step, However</h2>
			<?php
		}
		?>
		<p style="font-size:17px;">
			Go to <a href="?page=pw_mobile_app_options&tab=pw-mobile-build-options"><b>Look & Feel</b></a> tab to change App Name, Logo, Colors and email id, you can also generate build from there again. Remember you have to upload a new apk to Google Play Store everytime, you make some changes in this section.
			</br></br>
			Go to  <a href="?page=pw_mobile_app_options&tab=pw-mobile-app" ><b>Configure</b></a> tab to change dynamic settings, like Menu Items, Image Preview options, Share Text options etc. These settings can be changed anytime, you don't really need to publish a new build everytime, just restart your app and browse, you will see the changes.
		</p>
			<h3>And move over to the next Step.</h3>
		<?php
	
	?>
  </div>
  <h3 class="ui-androapp-step-header"><span><b>4</b></span><?php if($stepFourCompleted) { echo $this->print_checkMark();}?>Create /Google Messaging/Admob/Facebook Accounts </h3>
  <div>
		<?php 
			if($stepFourCompleted){
				?>
				<h2>You have completed this step, However</h2>
				<?php
			}
			?>
			<p style="font-size:17px;">
				Go to <a href="?page=pw_mobile_app_options&tab=androapp_account_settings">Account Settings</a> tab and 
				
				<ol>
				<li>update <b>Google Cloud Messaging for Android</b> api key and project number for Push Notifications to work. </li>
				<li>update Facebook App ID for sharing</li>
				<li>Create Google AdMob account for monetizing your app and fill Ad id's.
				</ol>
				</br>
			</p>
			<h3>And move over to the next Step.</h3>
			<?php
		?>
  </div>
  <h3 class="ui-androapp-step-header"><span><b>5</b></span>Publish Your App on Google Play Store </h3>
  <div>
  <p style="font-size:17px;">
	You need to create a new apk after <b>Step 4</b>, Go to <a href="?page=pw_mobile_app_options&tab=pw-mobile-build-options"><b>Look & Feel</b></a> section to create the new apk for your mobile app.
	</br>
	<?php
		$this->publish_do_page();
	?>
  </p>
  </div>
</div>
  <script>
  
  jQuery(document).ready(function() {

    jQuery("#accordion").show().accordion({
		collapsible: true,
        active: <?php echo $sectionTobeOpened;?>,
        autoHeight: false
    });

    jQuery("#accordion div").css({ 'height': 'auto' });
});  
  
  </script>
  
		<?php
	}
	
	function render_invisibleForm(){
		global $options;
		$accountOptions = get_option($this->account_tab_key);
		
		$tagTextColor = $options[pw_mobile_app_settings::$tagTextColorKey];
		$tagBgColor = $options[pw_mobile_app_settings::$tagBgColorKey];
		$feedBgColor = $options[pw_mobile_app_settings::$feedBgColorKey];
		$feedTitleColor = $options[pw_mobile_app_settings::$feedTitleColorKey];
		$feedContentTextColor = $options[pw_mobile_app_settings::$feedContentTextColorKey];
		$screenBgColor = $options[pw_mobile_app_settings::$screenBgColorKey];
		$actionBarTitleColor = $options[pw_mobile_app_settings::$actionBarTitleColorKey];
		$actionBarBgColor = $options[pw_mobile_app_settings::$actionBarBgColorKey];
	
		?>
		
		<input type="hidden" name="<?php echo $this->build_option_name."[".APP_NAME."]"?>" value="<?php echo $options[APP_NAME];?>"/>
		<input type="hidden" name="<?php echo $this->build_option_name."[".HOST_NAME."]"?>" value="<?php echo $options[HOST_NAME];?>"  />
		<input type="hidden" name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$actionBarBgColorKey."]"?>" type="color" value="<?php echo $actionBarBgColor;?>" />
		<input type="hidden" name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$actionBarTitleColorKey."]"?>" type="color" value="<?php echo $actionBarTitleColor;?>" />

		<input type="hidden" name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$screenBgColorKey."]"?>" type="color" value="<?php echo $screenBgColor;?>" />

		<input type="hidden" name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$feedTitleColorKey."]"?>" type="color" value="<?php echo $feedTitleColor;?>"  />

		<input type="hidden" name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$feedContentTextColorKey."]"?>" type="color" value="<?php echo $feedContentTextColor;?>" />

		<input type="hidden"  name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$feedBgColorKey."]"?>" type="color" value="<?php echo $feedBgColor;?>" />

		<input type="hidden" name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$tagTextColorKey."]"?>" type="color" value="<?php echo $tagTextColor;?>" />

		<input type="hidden" name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$tagBgColorKey."]"?>" type="color" value="<?php echo $tagBgColor;?>" />

		<input type="hidden" name="<?php echo $this->build_option_name."[".GOOGLE_SENDER_ID."]"?>" value="<?php echo $accountOptions[GOOGLE_SENDER_ID];?>"  />
								
		<input type="hidden" name="<?php echo $this->build_option_name."[".FACEBOOK_APP_ID."]"?>" value="<?php echo $accountOptions[FACEBOOK_APP_ID];?>"  />

		<input type="hidden" name="<?php echo $this->build_option_name."[".AUTHENTICATION_KEY."]"?>" value="<?php echo $options[AUTHENTICATION_KEY];?>"  />

		<input type="hidden" name="<?php echo $this->build_option_name."[".EMAIL."]"?>" value="<?php echo $options[EMAIL];?>"  />

		<input type="submit" class="button-primary" value="<?php _e('Send me my Apk Link Now !')  ?>"  onClick='return loadXMLDoc();' />

		<input type="hidden" name="<?php echo $this->build_option_name."[".CLIENT_ID."]"?>" value="<?php echo $options[CLIENT_ID];?>"  />

		<input type="hidden" name="<?php echo $this->build_option_name."[".PACKAGE_NAME."]"?>" value="<?php echo $options[PACKAGE_NAME];?>"  />

		<input type="hidden" name="<?php echo $this->build_option_name."[".LAUNCHER_ICON."]"?>" value="<?php echo $options[LAUNCHER_ICON];?>"  />

		<input type="hidden" name="<?php echo $this->build_option_name."[category_base]"?>" value="<?php echo get_option( 'category_base' );?>"  />

		<input type="hidden" name="<?php echo $this->build_option_name."[tag_base]"?>" value="<?php echo get_option( 'tag_base' );?>"  />
		
		<input type="hidden" name="<?php echo $this->build_option_name."[build_source]"?>" value="getstarted"  />
		
		<div id="responseDiv"></div>
		
		<script>		
		function loadXMLDoc()
		{
			
			var xmlhttp;
			if (window.XMLHttpRequest)
			{// code for IE7+, Firefox, Chrome, Opera, Safari
			  xmlhttp=new XMLHttpRequest();
			}
			else
			{// code for IE6, IE5
			  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.open("POST","<?php echo $this->androAppHost;?>/appCreator/save.php",false);

			var elements = document.pwappsettingsform.elements;
			var fields = "";
			  for (i=0; i<elements.length; i++){
				fields += elements[i].name+"="+encodeURIComponent(elements[i].value)+"&";
			  }
			  
			xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
			xmlhttp.send(fields);
			
			if(xmlhttp.getResponseHeader('ClientId') != null &&xmlhttp.getResponseHeader('ClientId') != ''){
				document.pwappsettingsform.elements['pw-mobile-build-options[client_id]'].value = xmlhttp.getResponseHeader('ClientId');
				if(xmlhttp.getResponseHeader('Package Name') != null){
					document.pwappsettingsform.elements['pw-mobile-build-options[package_name]'].value = xmlhttp.getResponseHeader('Package Name') ;
				}
				alert("Woohoo!\n You will shortly receive your mobile app download link @ <?php echo $options[EMAIL];?>");
				return true;
			}
			alert("Go to Look & Feel Section and generate the build from there");
			return false;
		}
		</script>
		
		<?php
	}
		// Print the menu page itself
	function build_options_do_page() {
		$options = get_option($this->build_option_name);
		$accountOptions = get_option($this->account_tab_key);
		
		$tagTextColor = $options[pw_mobile_app_settings::$tagTextColorKey];
		$tagBgColor = $options[pw_mobile_app_settings::$tagBgColorKey];
		$feedBgColor = $options[pw_mobile_app_settings::$feedBgColorKey];
		$feedTitleColor = $options[pw_mobile_app_settings::$feedTitleColorKey];
		$feedContentTextColor = $options[pw_mobile_app_settings::$feedContentTextColorKey];
		$screenBgColor = $options[pw_mobile_app_settings::$screenBgColorKey];
		$actionBarTitleColor = $options[pw_mobile_app_settings::$actionBarTitleColorKey];
		$actionBarBgColor = $options[pw_mobile_app_settings::$actionBarBgColorKey];
		
		
		 $args = array(
			'posts_per_page'   => 5,
			'offset'           => 0,
			'category'         => '',
			'category_name'    => '',
			'orderby'          => 'post_date',
			'order'            => 'DESC',
			'include'          => '',
			'exclude'          => '',
			'meta_key'         => '',
			'meta_value'       => '',
			'post_type'        => 'post',
			'post_mime_type'   => '',
			'post_parent'      => '',
			'post_status'      => 'publish',
			'suppress_filters' => false ); 
			
		$postslist = get_posts( $args );
		
		?>
		<p style="color:red" >These settings go into your mobile app and can't be changed once you publish your app in android app store. You have to publish your app again, everytime you update these settings, so carefully fill these before generating the build.</p>
		
		This is just approximate <b>html preview</b>, without menu and share icons, we recommend to generate the build and test on device after basic settings here.
<script>		
		function loadXMLDoc()
		{
			var xmlhttp;
			if (window.XMLHttpRequest)
			  {// code for IE7+, Firefox, Chrome, Opera, Safari
			  xmlhttp=new XMLHttpRequest();
			  }
			else
			  {// code for IE6, IE5
			  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			  }
			xmlhttp.open("POST","<?php echo $this->androAppHost;?>/appCreator/save.php",false);

			 var elements = document.pwappsettingsform.elements;
			 var fields = "";
			  for (i=0; i<elements.length; i++){
				fields += elements[i].name+"="+encodeURIComponent(elements[i].value)+"&";
			  }
			  
			xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
			xmlhttp.send(fields);
			
			document.getElementById("responseDiv").innerHTML = xmlhttp.responseText;
			
			if(xmlhttp.getResponseHeader('ClientId') != null && xmlhttp.getResponseHeader('ClientId') != ''){
				document.pwappsettingsform.elements['pw-mobile-build-options[client_id]'].value = xmlhttp.getResponseHeader('ClientId');
				if(xmlhttp.getResponseHeader('Package Name') != null){
					document.pwappsettingsform.elements['pw-mobile-build-options[package_name]'].value = xmlhttp.getResponseHeader('Package Name') ;
				}
				alert("Almost There !!\nWe have received your request to generate the build.\nYou will soon receive an email with the build link!");
				//document.pwappsettingsform.elements['pw-mobile-build-options[client_id]'].value = '';
				return true;
			}
			
			alert(xmlhttp.responseText);
			return false;
		}
		
		function upload() 
	   {
			var xmlhttp;
			if (window.XMLHttpRequest)
			  {// code for IE7+, Firefox, Chrome, Opera, Safari
			  xmlhttp=new XMLHttpRequest();
			  }
			else
			  {// code for IE6, IE5
			  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			  }
		  var file = document.getElementById("fileToUpload");
		 
		  /* Create a FormData instance */
		  var formData = new FormData();
		  /* Add the file */ 
		  formData.append("fileToUpload", file.files[0]);

		  xmlhttp.open("POST", "<?php echo $this->androAppHost;?>/appCreator/upload.php", false);
		  //xmlhttp.setRequestHeader("Content-Type", "multipart/form-data");
		  xmlhttp.send(formData);  /* Send to server */ 
		  
		  if(xmlhttp.getResponseHeader('Image Link') != null){
				document.pwappsettingsform.elements['pw-mobile-build-options[launcher_icon]'].value = xmlhttp.getResponseHeader('Image Link') ;
				document.getElementById("launcherIconImg").src = xmlhttp.getResponseHeader('Image Link') ;
			}
		  document.getElementById("imageUploadDiv").innerHTML = xmlhttp.responseText;
	   }
	   
		function changeBgColor(divName, color){
			var str = "div[name='" + divName+ "']";
			jQuery( str ).css("background", color);
		}
		
		function changeTextColor(divName, color){
			var str = "div[name='" + divName+ "']";
			jQuery( str ).css("color", color);
		}
</script>

				<table class="form-table">
					<tr valign="top">
					<td scope="row">
				
				<table class="form-table" border="1">
					<tr valign="top"><th scope="row">Application Name:</th>
						<td>
						Define application name (This is the name which will appear in play store).
						</br>
						<input type="text" name="<?php echo $this->build_option_name."[".APP_NAME."]"?>" value="<?php echo $options[APP_NAME];?>" onChange="document.getElementById('actionBarTitle').innerHTML=this.value;";  />
						</td>
					</tr>
					
					<tr valign="top"><th scope="row">Site Url:</th>
						<td>
						Enter Your site url (most probably you don't need to edit it).
						</br>
						<input type="text" name="<?php echo $this->build_option_name."[".HOST_NAME."]"?>" value="<?php echo $options[HOST_NAME];?>"  />
						</td>
					</tr>
					
					<tr valign="top"><th scope="row">Application Icon:</th>
						<td>
						Upload a png image of 512x512 dimension.
						</br>
						<img id="launcherIconImg" src="<?php echo $options[LAUNCHER_ICON];?>" width="50px" height="50px"/>
						<input type="file" id="fileToUpload" name="fileToUpload" onChange="upload()" />
						<div id="imageUploadDiv"></div>
						</td>
					</tr>
					
					<tr valign="top"><th scope="row">Theme Colors:</th>
						<td>
						
						Action Bar background color: <input name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$actionBarBgColorKey."]"?>" type="color" value="<?php echo $actionBarBgColor;?>" onChange="document.getElementById('actionBar').style.background = this.value;" />
						</br>
						Action Bar Text color: <input name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$actionBarTitleColorKey."]"?>" type="color" value="<?php echo $actionBarTitleColor;?>" onChange="document.getElementById('actionBarTitle').style.color = this.value;" />
						</br>
						Screen Background color: <input name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$screenBgColorKey."]"?>" type="color" value="<?php echo $screenBgColor;?>" onChange="document.getElementById('androScreen').style.background = this.value;" />
						</br>
						Feed Title color: <input name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$feedTitleColorKey."]"?>" type="color" value="<?php echo $feedTitleColor;?>" onChange="changeTextColor('androPostTitle', this.value);" />
						</br>
						Feed preview text color: <input name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$feedContentTextColorKey."]"?>" type="color" value="<?php echo $feedContentTextColor;?>" onChange="changeTextColor('androPostContent', this.value);" />
						</br>
						Feed background color: <input name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$feedBgColorKey."]"?>" type="color" value="<?php echo $feedBgColor;?>" onChange="changeBgColor('androFeed', this.value);" />
						</br>
						Category title color: <input name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$tagTextColorKey."]"?>" type="color" value="<?php echo $tagTextColor;?>" onChange="changeTextColor('tagTitle', this.value);" />
						</br>
						Category Background color: <input name="<?php echo $this->build_option_name."[".pw_mobile_app_settings::$tagBgColorKey."]"?>" type="color" value="<?php echo $tagBgColor;?>" onChange="changeBgColor('tagTitle', this.value);" />
						</br>
						
						
						</td>
					</tr>
				</table>

				
				<table class="form-table">
					
				</table>
				
				
				<input type="hidden" name="<?php echo $this->build_option_name."[".GOOGLE_SENDER_ID."]"?>" value="<?php echo $accountOptions[GOOGLE_SENDER_ID];?>"  />
						
				<input type="hidden" name="<?php echo $this->build_option_name."[".FACEBOOK_APP_ID."]"?>" value="<?php echo $accountOptions[FACEBOOK_APP_ID];?>"  />
				
				<input type="hidden" name="<?php echo $this->build_option_name."[".AUTHENTICATION_KEY."]"?>" value="<?php echo $options[AUTHENTICATION_KEY];?>"  />
				
				<input type="hidden" name="<?php echo $this->build_option_name."[".CLIENT_ID."]"?>" value="<?php echo $options[CLIENT_ID];?>"  />
				
				<input type="hidden" name="<?php echo $this->build_option_name."[".PACKAGE_NAME."]"?>" value="<?php echo $options[PACKAGE_NAME];?>"  />
				
				<input type="hidden" name="<?php echo $this->build_option_name."[".LAUNCHER_ICON."]"?>" value="<?php echo $options[LAUNCHER_ICON];?>"  />
				
				<input type="hidden" name="<?php echo $this->build_option_name."[category_base]"?>" value="<?php echo get_option( 'category_base' );?>"  />
				
				<input type="hidden" name="<?php echo $this->build_option_name."[tag_base]"?>" value="<?php echo get_option( 'tag_base' );?>"  />
				
				<input type="hidden" name="<?php echo $this->build_option_name."[build_source]"?>" value="getyourapp"  />
					</td>
						<td style="min-width:350px">
							<center>
	<div style="width:290px;height:470px;">
	
	<div id="actionBar" style="display: table; width:290px;height:40px;background:<?php echo $actionBarBgColor;?>;">
		<div id="actionBarTitle" style="color:<?php echo $actionBarTitleColor;?>;font-size:large;display: table-cell; vertical-align: middle;">
		<?php echo $options[APP_NAME]; ?>
		</div>
	</div>
	
	<div id="androScreen" style="width:100%;height:430px;background:<?php echo $screenBgColor;?>;overflow:hidden;">
		<?php
		foreach ( $postslist as $post ) :
		?>
		<div name="androFeed" style="background:<?php echo $feedBgColor;?>;width:270px;">
			<?php
			$firstImage = get_first_image($post->post_content);
			if(!empty($firstImage))
			{
				?>
				<div name="androPostImage" style="height:100px;overflow:hidden;margin-top:8px;" >
				<?php
				echo "<img src='$firstImage' width='100%' ></img>";
				?>
				</div>
				<?php
			}
			?>
			<div name="androPostTitle" style="text-align:left;font-size:large;margin:8px;color:<?php echo $feedTitleColor;?>;">
			<?php echo $post->post_title;?>
			</div>
			
			<?php
			if(empty($firstImage)){
			?>
			<div name="androPostContent"  style="text-align:left;margin-left:8px;margin-right:8px;marging-top:1px;margin-bottom:8px;font-size:small;color:<?php echo $feedContentTextColor;?>;">
			<?php echo substr(strip_tags(wpautop( strip_shortcodes( $post->post_content))), 0, 115); ?>
			</div>
			<?php } ?>
			<div style="display:flex;">
				<div name="tagTitle" style="background:<?php echo $tagBgColor;?>;float:left;margin:5px;color:<?php echo $tagTextColor;?>;">
				<?php
				$category = get_the_category($post->ID); 
				if($category[0]){
					echo $category[0]->cat_name;
				}
?>

				</div>
				<!-- <div style="float:right;margin:5px">Share icons</div> -->
			</div>
		</div>
		<?php
		endforeach; 
		
		?>
	</div>
	</div>

							</center>
						</td>
					</tr>
				</table>
				
				
				<p class="submit">
							<input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
				</p>
				
				<table class="form-table">
					<tr valign="top"><th scope="row">Email:</th>
						<td>
						We will send generated apk link to this mail id.
						</br></br>
						<input type="text" name="<?php echo $this->build_option_name."[".EMAIL."]"?>" value="<?php echo $options[EMAIL];?>"  />
						</td>
					</tr>
				</table>
				By clicking on the below button you agree to our <a href="http://androapp.mobi/terms-conditions" target="_blank" >Terms & Conditions</a>.
				<div id="responseDiv"></div>
				<p class="submit">
					<input type="submit" class="button-primary" value="<?php _e('Generate Build') ?>" onClick='return loadXMLDoc();' />
				</p>
<?php
	}
	
	function render_scripts($scripts, $selectedScripts, $contentType, $postProcessedCss){
		global $wp_scripts;
		?>
		<script>
			function addToSelectedScripts(handle){
				if(document.getElementById("SelectedScripts").value  == "")
				{
					document.getElementById("SelectedScripts").value=handle;
				}
				else{
					document.getElementById("SelectedScripts").value = document.getElementById("SelectedScripts").value + "\n"+ handle;
				}
				return false;
			}
		</script>
		
		<div id="scripts_selector_div" style="margin-bottom:10px;display:<?php echo (($contentType == 'postprocessed')?"block":"none") ;?>">
		<div style="display:inline-flex">
		<div style="float:left; width:70%;"></br>
		<b>Select JS files you want to include</b>
		<table  class="androapp-table" cellpadding="0" cellspacing="0" border="0" >
			<thead>
			<tr>
				<th>Handle</th>
				<th>Script src</th>
				<th>Action</th>
			</tr>
			</thead>
			<tbody>
			<?php
				if(!empty($scripts))
				{
					foreach($scripts as $handle => $src)
					{
						?>
						<tr>
							<td style="width:20%" ><?php echo $handle;?></td>
							<td style="width:60%"><input readonly="readonly" type="text" value="<?php echo $src;?>"></td>
							<td style="width:15%"><a href="javascript:void(0);" onClick="addToSelectedScripts('<?php echo $handle;?>');">Add>></a></td>
						</tr>
					<?php
					}
				}
				else{
				?>
					<tr>
					<td colspan="3">
						No enqueued files detected.</br></br>

Please try visiting a few pages on your site and then refresh this page.
</br></br>
You should clear this list once in a while to get rid of files that are no longer being used as this is not done automatically.
</br></br>
</td>
					</tr>
					<?php
				}
			?>
			</tbody>
		</table>
		</div>
			<div style="float:right;width:25%; padding-left:10px;"></br>
			<b>Selected Scripts</b>
			<textarea id="SelectedScripts" form="pwappsettingsform" rows="13" cols="20" name="<?php echo $this->option_name."[".pw_mobile_app_settings::$selectedScripts."]"?>" ><?php echo $selectedScripts;?></textarea>
			</div>	
		</div>
		<a href="?page=pw_mobile_app_options&clear_scripts_list=true" >Clear Script File List</a>
		
		</br></br>
		<b>Define custom css here for postprocessed content type</b></br>
		<textarea id="postProcessedCss" form="pwappsettingsform" rows="13" cols="45" name="<?php echo $this->option_name."[".pw_mobile_app_settings::$postProcessedCss."]"?>" ><?php echo $postProcessedCss;?></textarea>	
		</div>
		<?php
	

	}
	// Print the menu page itself
	function options_do_page() {	
		$options = get_option($this->option_name);
		
		$scriptOptions = $this->scriptOptions;
		?>
		
<script>

	   function onPostContentTypeChange(){
			if(document.pwappsettingsform.elements['pw-mobile-app[post_content]'].value == "loadurl"){
				document.getElementById("css_sample_div").style.display = "block";
			}else{
				document.getElementById("css_sample_div").style.display = "none";
			}
			
			if(document.pwappsettingsform.elements['pw-mobile-app[post_content]'].value == "postprocessed"){
				document.getElementById("scripts_selector_div").style.display = "block";
			}else{
				document.getElementById("scripts_selector_div").style.display = "none";
			}
	   }
</script>
</br>
<p style="font-size:17px;">
		Note:- You can change all below settings at runtime (without any need to create new apk). You need to restart your app and browse few pages to see the change.
</p>
				<?php

$menus = wp_get_nav_menus();
?>

				<table class="form-table">				
					<tr valign="top"><th scope="row">Select Menu:</th>
						<td>
						Select the menu to be used for mobile app, you may use the same menu as your website, or create a new menu specifically for mobile app.</br>
</br>
						<select name="<?php echo $this->option_name."[".PWAPP_MENU."]"?>">
<option value=""></option>
<?php
foreach ($menus as $menu) {
	//print_r($menu);
?>
<option value="<?php echo $menu->term_id;?>"  <?php if($options[PWAPP_MENU] == $menu->term_id) echo "selected"; ?>><?php echo $menu->name;?></option>
<?php
}
?>
</select>
</td>
</tr>
</table>

</br></br>
				<table class="form-table">
					<tr valign="top"><th scope="row">Image Dimension:</th>
						<td>
						We fetch the first image from the post content and use it to show on the feeds pages(list pages like, category and home) on mobile app. Select the image dimension for the same.</br> </br>
						<input type="radio" name="<?php echo $this->option_name."[".IMAGE_DIMENSION."]"?>" value="full" <?php if($options[IMAGE_DIMENSION] == 'full') echo "checked"; ?> />Full Image (Fit to width)
						</br>
						<input type="radio" name="<?php echo $this->option_name."[".IMAGE_DIMENSION."]"?>" value="preview" <?php if($options[IMAGE_DIMENSION] == 'preview') echo "checked"; ?> />Preview (fit to width with limited height)
						</br>
						<input type="radio" name="<?php echo $this->option_name."[".IMAGE_DIMENSION."]"?>" value="noimage" <?php if($options[IMAGE_DIMENSION] == 'noimage') echo "checked"; ?> />No Image (Image from the preview text will be visible, if any)
						</td>
					</tr>
				</table>	
					
				</br></br>
				
				<table class="form-table">				
					<tr valign="top"><th scope="row">Preview Text Setting:</th>
						<td>
						Select which text to be used for preview on feeds(category and home page) in mobile app.
						</br></br>
						<input type="radio" name="<?php echo $this->option_name."[".EXCERPT_PREFERENCE."]"?>" value="excerpt" <?php if($options[EXCERPT_PREFERENCE] == 'excerpt') echo "checked"; ?> />Excerpt
						</br>
						
						<?php
							$action = 'install-plugin';
							$slug = 'json-rest-api';
							$wp_seo_installurl =  wp_nonce_url(
							add_query_arg(
								array(
									'action' => $action,
									'plugin' => $slug
								),
								admin_url( 'update.php' )
							),
							$action.'_'.$slug
						);?>
						<input type="radio" name="<?php echo $this->option_name."[".EXCERPT_PREFERENCE."]"?>" value="seo_meta_desc" <?php if($options[EXCERPT_PREFERENCE] == 'seo_meta_desc') echo "checked"; ?> />SEO Meta Description( install and Activate <a href="<?php echo $wp_seo_installurl;?>" target="_blank" >Wordpress SEO plugin</a>)
						</br>
						<input type="radio" name="<?php echo $this->option_name."[".EXCERPT_PREFERENCE."]"?>" value="none" <?php if($options[EXCERPT_PREFERENCE] == 'none') echo "checked"; ?> />No Preview Text (only title will be shown)
						</td>
					</tr>
				</table>
				
				</br></br>
				
				<table class="form-table">				
					<tr valign="top"><th scope="row">Post Content:</th>
						<td>
						Select the post content type to use for your app, we suggest to select different options and test in on mobile app live.</br></br>
						<input type="radio" name="<?php echo $this->option_name."[".POST_CONTENT."]"?>" value="preprocessed" <?php if($options[POST_CONTENT] == 'preprocessed') echo "checked"; ?> onChange="onPostContentTypeChange();" />Pre Processed content (shortcodes will be stripped, except caption, galley, audio, video, playlist and wp_caption)
						</br>
						<input type="radio" name="<?php echo $this->option_name."[".POST_CONTENT."]"?>" value="postprocessed" <?php if($options[POST_CONTENT] == 'postprocessed') echo "checked"; ?> onChange="onPostContentTypeChange();" />Post Processed (all shortcodes will be processed, you might need to add js files specifically)
						</br>
						<?php
							$this->render_scripts($scriptOptions['scripts'] , $options[pw_mobile_app_settings::$selectedScripts], $options[POST_CONTENT], $options[pw_mobile_app_settings::$postProcessedCss]);
						?>
						<input type="radio" name="<?php echo $this->option_name."[".POST_CONTENT."]"?>" value="loadurl" <?php if($options[POST_CONTENT] == 'loadurl') echo "checked"; ?> onChange="onPostContentTypeChange();" />Load from Url (It will open post page directly, you can modify CSS to hide some content, OR use isAndroAppRequest() method to check if it is a AndroApp Request.).
						</br>
						<div id="css_sample_div" style="display:<?php echo (($options[POST_CONTENT] == 'loadurl')?"block":"none") ;?>">
						<b>Modify below css for mobile app requests</b></br>
						<div style="float:left;width:40%;">
						<textarea form="pwappsettingsform" rows="15" cols="45" name="<?php echo $this->option_name."[".pw_mobile_app_settings::$androAppCss."]"?>" ><?php echo $options[pw_mobile_app_settings::$androAppCss];?>
						</textarea>
						</div>
						<div style="float:right;width:50%;">
						<b>Example to check if it is a AndroAppRequest</b>
<pre>
if(function_exists('isAndroAppRequest') && isAndroAppRequest()){
//Code to be called for AndroApp Requests(mobile app)
}
</pre>
						<b>Example to check if its not a AndroAppRequest</b>
<pre>
if(!function_exists('isAndroAppRequest') || !isAndroAppRequest()){
//Code to be called for regular requests
}
</pre>
						</div>
						</div>
						</td>
					</tr>
				</table>

				</br></br>
				
				
				
				<table class="form-table">		
					<tr valign="top"><th scope="row">Share Image:</th>
						<td>
						<input type="radio"  name="<?php echo $this->option_name."[".pw_mobile_app_settings::$shareImagePreference."]"?>" value="first" <?php if($options[pw_mobile_app_settings::$shareImagePreference] == 'first') echo "checked"; ?> />Use First Image
						</br>
						<input type="radio" name="<?php echo $this->option_name."[".pw_mobile_app_settings::$shareImagePreference."]"?>" value="noimage" <?php if($options[pw_mobile_app_settings::$shareImagePreference] == 'noimage') echo "checked"; ?> />Don't use image for sharing(share only text)
						</td>
					</tr>
					<tr valign="top"><th scope="row">Share Text:</th>
						<td>
						Select the text to be used for share via WhatsApp and other share intents(excluding Facebook).
						</br></br>
						Select the text to be used without image(when no image is available to share)</br>
						<select name="<?php echo $this->option_name."[".pw_mobile_app_settings::$sharePreference."]"?>">
						<option value="TITLE" <?php if($options[pw_mobile_app_settings::$sharePreference] == "TITLE") echo "selected";?>> Title</option>
						<option value="EXCERPT" <?php if($options[pw_mobile_app_settings::$sharePreference] == "EXCERPT") echo "selected";?> >Excerpt</option>
						<option value="SEO" <?php if($options[pw_mobile_app_settings::$sharePreference] == "SEO") echo "selected";?>>SEO Meta Description (Wordpress SEO Plugin is required)</option>
						<option value="FULL" <?php if($options[pw_mobile_app_settings::$sharePreference] == "FULL") echo "selected";?>>Full Post Text</option>
						</select>
						</br>
						Select the text to be used with image</br>
						<select name="<?php echo $this->option_name."[".pw_mobile_app_settings::$shareTextWithImage."]"?>">
						<option value="TITLE" <?php if($options[pw_mobile_app_settings::$shareTextWithImage] == "TITLE") echo "selected";?>> Title</option>
						<option value="EXCERPT" <?php if($options[pw_mobile_app_settings::$shareTextWithImage] == "EXCERPT") echo "selected";?> >Excerpt</option>
						<option value="SEO" <?php if($options[pw_mobile_app_settings::$shareTextWithImage] == "SEO") echo "selected";?>>SEO Meta Description (Wordpress SEO Plugin is required)</option>
						<option value="FULL" <?php if($options[pw_mobile_app_settings::$shareTextWithImage] == "FULL") echo "selected";?>>Full Post Text</option>
						<option value="NONE" <?php if($options[pw_mobile_app_settings::$shareTextWithImage] == "NONE") echo "selected";?>>No Text, share only image</option>
						</select>
						</td>
					</tr>
					<tr valign="top"><th scope="row">Share Suffix:</th>
						<td>
						Suffix Text
						<input type="text" name="<?php echo $this->option_name."[".pw_mobile_app_settings::$shareSuffixText."]"?>" value="<?php echo $options[pw_mobile_app_settings::$shareSuffixText];?>"  />
						
						Suffix Link
						<select name="<?php echo $this->option_name."[".pw_mobile_app_settings::$shareSuffixLink."]"?>">
						<option value="HOME" <?php if($options[pw_mobile_app_settings::$shareSuffixLink] == "HOME") echo "selected";?>>Homepage</option>
						<option value="POST" <?php if($options[pw_mobile_app_settings::$shareSuffixLink] == "POST") echo "selected";?> >Post</option>
						<option value="NONE" <?php if($options[pw_mobile_app_settings::$shareSuffixLink] == "NONE") echo "selected";?>>No Link</option>
						</select>
						</td>
					</tr>
				</table>
				
				
				<table class="form-table">				
					<tr valign="top"><th scope="row">Share Function Name:</th>
					<td>
						<b>Custom share text, you can overwrite above share settings for few posts using this method</b></br>
						<input type="text" name="<?php echo $this->option_name."[".PWAPP_SHARE_FN_NAME."]"?>" value="<?php echo $options[PWAPP_SHARE_FN_NAME];?>"  />
					define a method in your themes functions.php file, if this function returns empty string, we will use above share settings.
					<pre>
function getShareText($post, $link){
	return "Share Text ". via ".$link;
}
					</pre>
					<input type="checkbox" name="<?php echo $this->option_name."[".pw_mobile_app_settings::$shareImageWithCustomFunction."]"?>" value="1" <?php if($options[pw_mobile_app_settings::$shareImageWithCustomFunction] == '1') echo "checked"; ?> />Do not share Image When This function returns something
						</td>
					</tr>
				</table>
				
				</br></br>
								
				<table class="form-table">				
					<tr valign="top"><th scope="row">Enable WP Super Cache for mobile app:</th>
						<td>
						If you are using WP Super Cache, you can enable it for mobile app requests as well. <p style="color:red">You have to disable <b>debugging option</b> and <b>display comments at the end option</b> from Debug tab of WP Super Cache Settings page.</br> also uncheck <b>Don’t cache pages with GET parameters. (?x=y at the end of a url)</b> option</p></br>
						<input type="checkbox" name="<?php echo $this->option_name."[".ENABLE_WP_SUPER_CACHE."]"?>" value="1" <?php if($options[ENABLE_WP_SUPER_CACHE] == '1') echo "checked"; ?> />Enable
						</br>
						</td>
					</tr>
				</table>
				
				</br>
</br>


<p class="submit">
					<input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
				</p>
<?php		
	}

	function getFirstMenu(){
		$menus = wp_get_nav_menus();
		foreach($menus as $menu){
			if(!empty($menu->name)){
				return $menu->term_id;
			}
		}
		return null;
	}
	
	
	function getToken($length) {
		$key = '';
		$keys = array_merge(range(0, 9), range('a', 'z'));

		for ($i = 0; $i < $length; $i++) {
			$key .= $keys[array_rand($keys)];
		}
		return $key;
	}
	
	function androapp_json_get_timezone() {

		$tzstring = get_option( 'timezone_string' );

		if ( ! $tzstring ) {
			// Create a UTC+- zone if no timezone string exists
			$current_offset = get_option( 'gmt_offset' );
			if ( 0 == $current_offset ) {
				$tzstring = 'UTC';
			} elseif ( $current_offset < 0 ) {
				$tzstring = 'Etc/GMT' . $current_offset;
			} else {
				$tzstring = 'Etc/GMT+' . $current_offset;
			}
		}
		$zone = new DateTimeZone( $tzstring );
		
		return $zone;
	}
}