<?php
/**
 * Targets
 *
 * @since 2.0.0
 */
?>
<div class="<?php echo esc_attr($wrapper_class); ?>">

	<?php if ($targets) : ?>

		<ul class="wu-widget-list">

			<?php foreach ($targets as $target_key => $target) : ?>

				<li class="wu-p-2 wu-m-0 wu-border-t wu-border-l-0 wu-border-r-0 wu-border-b-0 wu-border-gray-200 wu-border-solid">

					<a title="<?php echo esc_attr($target['display_name']); ?>" href='<?php echo esc_url($target['link']); ?>' class='<?php echo esc_attr($modal_class); ?> wu-table-card wu-text-gray-700 wu-p-2 wu-flex wu-flex-grow wu-rounded wu-items-center wu-border wu-border-solid wu-border-gray-300 wu-no-underline'>

						<div class="wu-flex wu-relative wu-h-6 wu-w-6 wu-rounded-full wu-ring-2 wu-mx-4 wu-my-2 wu-box-border wu-ring-white wu-bg-gray-300 wu-items-center wu-justify-center">

							<?php echo wp_kses_post($target['avatar']); ?>

						</div>

						<div class='wu-pl-2'>

							<strong class='wu-block'><?php echo esc_html($target['display_name']); ?><small class='wu-font-normal'> (#<?php echo intval($target['id']); ?>)</small></strong>

							<small><?php echo wp_kses_post($target['description']); ?></small>

						</div>

					</a>

				</li>

			<?php endforeach; ?>

		</ul>

	<?php else : ?>

		<ul class="wu-widget-list">

			<li class="wu-p-2 wu-m-0 wu-border-t wu-border-l-0 wu-border-r-0 wu-border-b-0 wu-border-gray-400 wu-border-solid">

				<div class="wu-p-2 wu-mr-1 wu-flex wu-rounded wu-items-center wu-border wu-border-solid wu-border-gray-300 wu-bg-white wu-relative wu-overflow-hidden">

					<span class='dashicons dashicons-wu-block wu-text-gray-600 wu-px-1 wu-pr-3'>&nbsp;</span>

					<div class=''>

			<span class='wu-block wu-py-3 wu-text-gray-600 wu-text-2xs wu-font-bold wu-uppercase'>

				<?php echo esc_html(__('No Targets', 'wp-multisite-waas')); ?>

			</span>

					</div>

				</div>

			</li>

		</ul>

	<?php endif; ?>

</div>
