<?php
namespace W3TC;

if ( !defined( 'W3TC' ) )
	die();

?>
<?php include W3TC_INC_DIR . '/options/common/header.php'; ?>

<script type="text/javascript">/*<![CDATA[*/
var mobile_themes = {};
<?php foreach ( $themes as $theme_key => $theme_name ): ?>
mobile_themes['<?php echo addslashes( $theme_key ); ?>'] = '<?php echo addslashes( $theme_name ); ?>';
<?php endforeach; ?>
/*]]>*/</script>

<p>
	<?php _e( 'User agent group support is always <span class="w3tc-enabled">enabled</span>.', 'w3-total-cache' ); ?>
</p>

<form id="mobile_form" action="admin.php?page=<?php echo $this->_page; ?>" method="post">
	<div class="metabox-holder">
		<?php Util_Ui::postbox_header( __( 'Manage User Agent Groups', 'w3-total-cache' ), '', 'manage' ); ?>
		<p>
			<input id="mobile_add" type="button" class="button"
				<?php disabled( $groups['disabled'] ) ?>
				value="<?php _e( 'Create a group', 'w3-total-cache' ); ?>" />
			<?php _e( 'of user agents by specifying names in the user agents field. Assign a set of user agents to use a specific theme, redirect them to another domain or if an existing mobile plugin is active, create user agent groups to ensure that a unique cache is created for each user agent group. Drag and drop groups into order (if needed) to determine their priority (top -&gt; down).', 'w3-total-cache' ); ?>
		</p>

		<ul id="mobile_groups">
			<?php $index = 0; foreach ( $groups['value'] as $group => $group_config ): $index++; ?>
			<li id="mobile_group_<?php echo esc_attr( $group ); ?>">
				<table class="form-table">
					<tr>
						<th>
							<?php _e( 'Group name:', 'w3-total-cache' ); ?>
						</th>
						<td>
							<span class="mobile_group_number"><?php echo $index; ?>.</span> <span class="mobile_group"><?php echo htmlspecialchars( $group ); ?></span>
							<input type="button" class="button mobile_delete"
								value="Delete group"
								<?php disabled( $groups['disabled'] ) ?> />
						</td>
					</tr>
					<tr>
						<th>
							<label for="mobile_groups_<?php echo esc_attr( $group ); ?>_enabled"><?php _e( 'Enabled:', 'w3-total-cache' ); ?></label>
						</th>
						<td>
							<input type="hidden" name="mobile_groups[<?php echo esc_attr( $group ); ?>][enabled]" value="0" />
							<input id="mobile_groups_<?php echo esc_attr( $group ); ?>_enabled"
								type="checkbox"
								name="mobile_groups[<?php echo esc_attr( $group ); ?>][enabled]"
								<?php disabled( $groups['disabled'] ) ?> value="1"
								<?php checked( $group_config['enabled'], true ); ?> />
						</td>
					</tr>
					<tr>
						<th>
							<label for="mobile_groups_<?php echo esc_attr( $group ); ?>_theme"><?php _e( 'Theme:', 'w3-total-cache' ); ?></label>
						</th>
						<td>
							<select id="mobile_groups_<?php echo esc_attr( $group ); ?>_theme"
								name="mobile_groups[<?php echo esc_attr( $group ); ?>][theme]"
								<?php disabled( $groups['disabled'] ) ?> >
								<option value="">-- Pass-through --</option>
								<?php foreach ( $themes as $theme_key => $theme_name ): ?>
								<option value="<?php echo esc_attr( $theme_key ); ?>"<?php selected( $theme_key, $group_config['theme'] ); ?>><?php echo htmlspecialchars( $theme_name ); ?></option>
								<?php endforeach; ?>
							</select>
							<p class="description">
								<?php _e( 'Assign this group of user agents to a specific theme. Selecting "Pass-through" allows any plugin(s) (e.g. mobile plugins) to properly handle requests for these user agents. If the "redirect users to" field is not empty, this setting is ignored.', 'w3-total-cache' ); ?>
							</p>
						</td>
					</tr>
					<tr>
						<th>
							<label for="mobile_groups_<?php echo esc_attr( $group ); ?>_redirect"><?php _e( 'Redirect users to:', 'w3-total-cache' ) ?></label>
						</th>
						<td>
							<input id="mobile_groups_<?php echo esc_attr( $group ); ?>_redirect"
								type="text" name="mobile_groups[<?php echo esc_attr( $group ); ?>][redirect]"
								value="<?php echo esc_attr( $group_config['redirect'] ); ?>"
								<?php disabled( $groups['disabled'] ) ?>
								size="60" />
							<p class="description"><?php _e( 'A 302 redirect is used to send this group of users to another hostname (domain); recommended if a 3rd party service provides a mobile version of your site.', 'w3-total-cache' ); ?></p>
						</td>
					</tr>
					<tr>
						<th>
							<label for="mobile_groups_<?php echo esc_attr( $group ); ?>_agents"><?php _e( 'User agents:', 'w3-total-cache' ); ?></label>
						</th>
						<td>
							<textarea id="mobile_groups_<?php echo esc_attr( $group ); ?>_agents"
								name="mobile_groups[<?php echo esc_attr( $group ); ?>][agents]"
								rows="10" cols="50" <?php disabled( $groups['disabled'] ) ?>><?php echo esc_textarea( implode( "\r\n", (array) $group_config['agents'] ) ); ?></textarea>
							<p class="description">
								<?php _e( 'Specify the user agents for this group. Remember to escape special characters like spaces, dots or dashes with a backslash. Regular expressions are also supported.', 'w3-total-cache' ); ?>
							</p>
						</td>
					</tr>
				</table>
			</li>
			<?php endforeach; ?>
		</ul>
		<div id="mobile_groups_empty" style="display: none;"><?php _e( 'No groups added. All user agents recieve the same page and minify cache results.', 'w3-total-cache' ) ?></div>

		<?php
if ( !$groups['disabled'] )
	Util_Ui::button_config_save( 'mobile' );
Util_Ui::postbox_footer();

Util_Ui::postbox_header( __( 'Note(s):', 'w3-total-cache' ), '',
	'notes' );
?>
		<table class="form-table">
			<tr>
				<th colspan="2">
					<ul>
						<?php echo $groups['description'] ?>
					</ul>
				</th>
			</tr>
		</table>
		<?php Util_Ui::postbox_footer(); ?>
	</div>
</form>

<?php include W3TC_INC_DIR . '/options/common/footer.php'; ?>
