<?php
/**
 * Branding header view.
 *
 * @since 2.0.0
 */
?>
<div id="wp-ultimo-header" class="wu-px-4 wu--ml-5 wu-bg-white wu-border-0 wu-border-gray-300 wu-border-b wu-border-solid wu-pb-3 sm:wu-py-3 sm:wu-pt-3 wu-hidden sm:wu-flex">

	<div class="wu-w-7/12 wu-self-center">

	<span class="dashicons-before dashicons-wu-wp-ultimo"></span>

	<div class="wu-text-gray-600 wu-uppercase wu-text-xs wu-font-bold wu-align-middle wu-ml-2 wu-hidden md:wu-inline-block">

		<?php if (WP_Ultimo()->is_loaded()) : ?>

		<div class="wu-hidden md:wu-inline-block">

			<?php

			/**
			 * Allow plugin developers to add more elements on left header container.
			 *
			 * @since 2.0.0
			 *
			 * @param \WP_Ultimo\Admin_Pages\Base_Admin_Page $page WP Multisite WaaS admin page instance.
			 */
			do_action('wu_header_left', $page);

			?>

		</div>

		<?php endif; ?>

	</div>

	</div>

	<div class="wu-w-5/12 wu-text-right wu-self-center">

	<?php if (WP_Ultimo()->is_loaded()) : ?>

		<?php

		/**
		 * Allow plugin developers to add more elements on right header container.
		 *
		 * @since 2.0.0
		 *
		 * @param \WP_Ultimo\Admin_Pages\Base_Admin_Page $page WP Multisite WaaS admin page instance.
		 */
		do_action('wu_header_right', $page);

		?>

		<small class="wu-ticker-container wu-hidden md:wu-inline-block">
		<strong>
			<span class="wu-inline-block wu-bg-gray-200 wu-rounded-full wu-py-1 wu-pl-2 wu-pr-3 wu-uppercase">
			<span title="<?php esc_attr_e('Server Clock', 'wp-ultimo'); ?>" class="dashicons dashicons-wu-clock wu-text-sm wu-w-auto wu-h-auto wu-align-text-top wu-mr-1 wu-relative"></span>
			<span id="wu-ticker" class="wu-font-mono wu-font-normal">
				<?php echo gmdate('Y-m-d H:i:s', wu_get_current_time('timestamp')); ?>
			</span>
			</span>
		</strong>
		</small>

	<?php endif; ?>

	</div>

</div>