<?php
/**
 * Displays the Jumper UI.
 *
 * @package WP_Ultimo/Views
 * @subpackage Jumper
 * @since 2.0.0
 */

?>
<div id="wu-jumper" style="display: none;" class="wu-styling">

	<div class="wu-jumper-icon-container wu-relative wu-w-full wu-bg-gray-100 wu-rounded">

	<select id="wu-jumper-select" data-placeholder="<?php esc_attr_e('Search Anything...', 'wp-ultimo'); ?>">

		<option></option>

		<?php if ( ! count($menu_groups)) : ?>

		<option></option>

		<optgroup label="<?php esc_attr_e('Error', 'wp-ultimo'); ?>">

			<option value="<?php echo network_admin_url('?wu-rebuild-jumper=1'); ?>">

			<?php _e('Click to rebuild menu list', 'wp-ultimo'); ?>

			</option>

		</optgroup>

		<?php endif; ?>

		<?php foreach ($menu_groups as $optgroup => $menus) : ?>

		<optgroup label="<?php esc_attr_e('Menu', 'wp-ultimo'); ?> - <?php echo esc_attr($optgroup); ?>" value="<?php esc_attr_e('Menu', 'wp-ultimo'); ?> - <?php echo esc_attr($optgroup); ?>">

			<?php foreach ($menus as $url => $menu) : ?>

			<option value="<?php echo esc_attr($url); ?>">

				<?php echo $menu; ?>

			</option>

			<?php endforeach; ?>

		</optgroup>

		<?php endforeach; ?>

		<optgroup label="<?php esc_attr_e('Settings', 'wp-ultimo'); ?>" value="setting"></optgroup>

		<optgroup label="<?php esc_attr_e('Users', 'wp-ultimo'); ?>" value="user"></optgroup>

		<optgroup label="<?php esc_attr_e('Customers', 'wp-ultimo'); ?>" value="customer"></optgroup>

		<optgroup label="<?php esc_attr_e('Products', 'wp-ultimo'); ?>" value="product"></optgroup>

		<optgroup label="<?php esc_attr_e('Domains', 'wp-ultimo'); ?>" value="domain"></optgroup>

		<optgroup label="<?php esc_attr_e('Sites', 'wp-ultimo'); ?>" value="site"></optgroup>

		<optgroup label="<?php esc_attr_e('Memberships', 'wp-ultimo'); ?>" value="membership"></optgroup>

		<optgroup label="<?php esc_attr_e('Payments', 'wp-ultimo'); ?>" value="payment"></optgroup>

		<optgroup label="<?php esc_attr_e('Discount Codes', 'wp-ultimo'); ?>" value="discount-code"></optgroup>

		<optgroup label="<?php esc_attr_e('Webhooks', 'wp-ultimo'); ?>" value="webhook"></optgroup>

		<optgroup label="<?php esc_attr_e('Broadcasts', 'wp-ultimo'); ?>" value="broadcast"></optgroup>

		<optgroup label="<?php esc_attr_e('Checkout Forms', 'wp-ultimo'); ?>" value="checkout-form"></optgroup>

		<?php

		/**
		 * Allow plugin developers to add new opt-groups.
		 *
		 * @since 2.0.0
		 */
		do_action('wu_jumper_options');

		?>

	</select>

	</div>

	<div class="wu-jumper-redirecting wu-bg-gray-200">

	<?php _e('Redirecting you to the target page...', 'wp-ultimo'); ?>

	</div>

	<div class="wu-jumper-loading wu-bg-gray-200">

	<?php _e('Searching Results...', 'wp-ultimo'); ?>

	</div>

</div>