<div class="w-full py-40">
	<div class="container">
		<!-- PAGE TITLE SECTION -->
		<div class="flex items-center">
			<h1 class="w-max bg-blue text-white my-0 px-40"><?php the_title(); ?></h1>
		</div>
		<!-- PAGE TITLE SECTION END -->


		<!-- PAGE CONTENT SECTION -->
		<div class="w-full pt-40 wysiwyg flex flex-column-1080">
			<div class="w-1-3 w-full-1080 pr-40 pr-0-1080">
				<?php the_post_thumbnail(); ?>
			</div>
			<div class="w-2-3 w-full-1080">
			<?php the_content(); ?>
			</div>
		</div>
		<!-- PAGE CONTENT SECTION END -->

		<!-- ADDITIONAL PAGE CONTENT SECTION -->
		<div class="w-full pt-40 wysiwyg flex flex-column-1080">
			<div class="w-1-3 w-full-1080 pr-40 pr-0-1080">
				<?php 
				$image = get_field('proizvodi_dodatna_slika');

				if( !empty($image) ): 
					// Display the image using the URL
					echo '<img src="' . esc_url($image['url']) . '" alt="' . esc_attr($image['alt']) . '" />';
				endif; 
				?>
			</div>
			<div class="w-2-3 w-full-1080">
			<?php 
				$content = get_field('proizvodi_dodatni_opis');

				if( !empty($content) ): 
					echo $content; // This will preserve the HTML formatting from the WYSIWYG editor
				endif; 
				?>
			</div>
		</div>
		<!-- ADDITIONAL PAGE CONTENT SECTION END -->		
	</div>
</div>