<?php
/**
 * Limits and quotas view.
 *
 * @since 2.0.0
 */
?>
<div class="wu-styling <?php echo esc_attr($className); ?>">

	<div class="<?php echo wu_env_picker('', 'wu-widget-inset'); ?>">

	<!-- Title Element -->
	<div class="wu-p-4 wu-flex wu-items-center <?php echo wu_env_picker('', 'wu-bg-gray-100 wu-border-solid wu-border-0 wu-border-b wu-border-gray-200'); ?>">

		<?php if ($title) : ?>

		<h3 class="wu-m-0 <?php echo wu_env_picker('', 'wu-widget-title'); ?>">

			<?php echo $title; ?>

		</h3>

		<?php endif; ?>

	</div>
	<!-- Title Element - End -->

	<ul class="wu-list-none wu-m-0 wu-p-4 wu-grid wu-gap-2 wu-row-gap-0 lg:wu-grid-cols-<?php echo esc_attr((int) $columns); ?> <?php echo wu_env_picker('', 'wu-p-4'); ?>">

		<?php if ($post_type_limits->is_enabled()) : ?>

			<?php switch_to_blog($site->get_id()); ?>

			<?php $index = 0; foreach ($post_types as $post_type_slug => $post_type) : ?>

				<?php

				if (is_array($items_to_display) && ! in_array($post_type_slug, $items_to_display, true)) {
					continue;
				} // end if;

				if ($post_type_limits->{$post_type_slug}->enabled) :
					$post_count = $post_type_limits->get_post_count($post_type_slug);

					// Calculate width
					if (empty($post_type_limits->{$post_type_slug}->number)) { // unlimited posts.

						$width = 5;
					} else {
						$width = ($post_count / $post_type_limits->{$post_type_slug}->number * 100);
					} // end if;

					if ($width > 100) {
						$width = 100;
					} // end if;

					?>

				<li class="wu-py-2 wu-m-0">

				<span class="">

					<?php echo $post_type->label; ?>

				</span>

				<span class="wu-w-full wu-bg-gray-200 wu-rounded-full wu-h-1 wu-block wu-my-2">

					<span class="<?php echo esc_attr(wu_get_random_color($index)); ?> wu-rounded-full wu-h-1 wu-block wu-my-1" style="width: <?php echo $width; ?>%;"></span>

				</span>

				<div class="wu-text-xs wu-text-gray-600 wu-align-middle">

					<?php echo $post_count; ?>
					/
					<?php echo empty($post_type_limits->{$post_type_slug}->number) ? __('Unlimited', 'wp-ultimo') : $post_type_limits->{$post_type_slug}->number; ?>

				</div>

				</li>

	<?php endif; ?>

				<?php
				++$index;
endforeach;
			?>

			<?php restore_current_blog(); ?>

		<?php endif; ?>

		<?php if ($site->get_limitations()->visits->is_enabled()) : ?>

			<?php

			$visit_limitations = $site->get_limitations()->visits;

			/*
			* Get the visits count.
			*/
			$visits_count = (int) $site->get_visits_count();

			/*
			* Calculates the width of the bar
			*/
			$visits_width = empty($visit_limitations->get_limit()) ? 1 : $visits_count / $visit_limitations->get_limit() * 100;

			?>

		<li class="quota wu-py-2 wu-m-0">

			<div class="">

			<?php _e('Unique Visits', 'wp-ultimo'); ?>

			<?php echo wu_tooltip(sprintf(__('Next Reset: %s', 'wp-ultimo'), date_i18n(get_option('date_format', 'd/m/Y'), strtotime('last day of this month')))); ?>

			</div>

			<span class="wu-w-full wu-bg-gray-200 wu-rounded-full wu-h-1 wu-block wu-my-3">

			<span class="wu-bg-orange-500 wu-rounded-full wu-h-1 wu-block wu-my-1" style="width: <?php echo $visits_width; ?>%;"></span>

			</span>

			<div class="wu-text-xs wu-text-gray-600 wu-align-middle">

			<?php echo number_format($visits_count); ?>
			/
			<?php echo $visit_limitations->get_limit() == 0 ? __('Unlimited', 'wp-ultimo') : number_format((int) $visit_limitations->get_limit()); ?>

			</div>

		</li>

		<?php endif; ?>

	</ul>

	</div>

</div>