<?php

/**
 * Partial: Project highlight
 *
 * @package kobuxeticalgarve
 */

?>

<div class="project-highlight container-wrapper <?php echo 'project-highlight-' . $project_type; ?><?php echo ($project_type == 'imagem') ? ' project-highlight-alignfull larger-arrows' : ''; ?>">
	<div class="container xlarge">
		<?php
		if (isset($project_highlight) && is_array($project_highlight)) {
			switch ($project_type) {
				case 'imagem':
					$project_highlight_images = $project_highlight['gallery'];

					if (!empty($project_highlight_images)) {
						echo '<div class="slider-gallery hidden with-pagination multiple">';
						echo '<ul class="gallery" role="list" data-slide="0" tabindex="0">';
						foreach ($project_highlight_images as $image) {
							echo '<li class="slide" role="listitem"><figure>';
							echo wp_get_attachment_image($image['ID'], '1536x1536', false, array('class' => '', 'sizes' => '100vw', 'loading' => 'lazy', 'decoding' => 'async'));
							echo '</figure></li>';
						}
						echo '</ul>';
						echo '</div>';
					}
					break;

				case 'audio':
					if (!empty($project_highlight['iframe_bandcamp'])) {
						$allowed_html = [
							'iframe' => [
								'src'   => true,
								'style' => true,
								'href'  => true,
							],
						];
						echo wp_kses($project_highlight['iframe_bandcamp'], $allowed_html);
					}
					break;

				case 'video':
					$project_highlight_url = $project_highlight['url_video'];
					$project_highlight_multimedia = $project_highlight['multimedia_video'];

					if (!empty($project_highlight_multimedia)) {
						$videoPlaceholderArr = $project_highlight['multimedia_video_poster'];
						$videoSrc = isset($project_highlight_multimedia['url']) ? esc_url($project_highlight_multimedia['url']) : '';
						$videoType = isset($project_highlight_multimedia['mime_type']) ? $project_highlight_multimedia['mime_type'] : '';
						$autoplay = false;
						$muted = false;
						$loop = false;
						$controls = true;

						$videoPlaceholder = '';

						if ($videoPlaceholderArr && isset($videoPlaceholderArr['url']) && $videoPlaceholderArr['url']) {
							$videoPlaceholder .= '<div class="video-placeholder">';
							$videoPlaceholder .= '<img src="' . esc_url($videoPlaceholderArr['url']) . '" alt="' . esc_attr($videoPlaceholderArr['alt']) . '">';
							$videoPlaceholder .= '</div>';
						}

						$videoOutput = '<video playsinline ' . ($autoplay ? ' autoplay' : '') . ($muted ? ' muted' : '') . ($loop ? ' loop' : '') . ($controls ? ' controls' : '') . '>';
						$videoOutput .= '<source src="' . $videoSrc . '" type="' . $videoType . '" />';
						$videoOutput .= '</video>';

						$output = '<figure class="kb-video media-wrapper video-loaded">';
						$output .= '<div class="video-wrapper">';
						$output .= $videoPlaceholder;
						$output .= $videoOutput;
						$output .= '</div>';
						$output .= '</figure>';

						echo $output;
					} elseif (!empty($project_highlight_url) && filter_var($project_highlight_url, FILTER_VALIDATE_URL)) {
						echo kobuxeticalgarve_embed_oembed_html('', $project_highlight_url, [], get_the_ID());
					}
					break;

				default:
					break;
			}
		}
		?>
	</div>
</div>