<?php
get_header();
$items_counter = 0;
$cat = get_queried_object();
$category_icon = get_field('category_icon', $cat);
$category_sponsor_image = get_field('category_sponsor_image', $cat);
$size = 'full';
$sponsor_video = get_field('category_sponsor_video', $cat);
$cat_image_link = get_field('category_image_link', $cat);

if ($cat_image_link) :
    $cat_image_link_url = $cat_image_link['url'];
    $cat_image_link_target = $cat_image_link['target'] ? $cat_image_link['target'] : '_self';
endif;
?>

<div class="fmc_archive_wrap fmc_container spacing_2">
    <div class="fmc_recipe_grid fmc_archive_main2">
        <?php if (function_exists('yoast_breadcrumb')) { yoast_breadcrumb('<div class="fmc_breadcrumbs spacing_0_2">', '</div>'); } ?>

        <div class="fmc_cat_title_wrap">
            <?php if ($category_icon) {
                echo wp_get_attachment_image($category_icon, $size, "", array("class" => "category_icon"));
            } ?>
            <h1 class="fmc_title_2"><?php single_cat_title(); ?></h1>
        </div>

        <?php the_archive_description('<div class="fmc_category_description">', '</div>'); ?>
        
        		<?php if ($sponsor_video) { ?>
			<div class="cat_sponsor_video_wrap">
				<?php echo $sponsor_video; ?>
			</div>
		<?php } ?>

		<div class="cat_sponsor_img_wrap">
			<?php if ($cat_image_link) : ?>
				<a href="<?php echo esc_url($cat_image_link_url); ?>" target="<?php echo esc_attr($cat_image_link_target); ?>">
				<?php endif; ?>
				<?php
				if ($category_sponsor_image) {
					echo wp_get_attachment_image($category_sponsor_image, $size, "", array("class" => "category_sponsor_image"));
				} ?>
				<?php if ($cat_image_link) : ?>
				</a>
			<?php endif; ?>
		</div>
		<?php $separator = get_field('separator', $cat);

		if ($separator) : ?>
			<hr class="cat_sponsor_sep">
		<?php endif; ?>

        <!-- Prikaz podkategorija u mreži od 4 u jednom redu -->
        <?php
        $child_terms = get_terms(
            array(
                'taxonomy'   => 'recipe-category',
                'parent'     => $cat->term_id,
                'hide_empty' => true
            )
        );

        if (!empty($child_terms)) : ?>
            <div class="fmc_subcategories_wrap">
                <h3>Subcategories</h3>
                <div class="subcategories_grid">
                    <?php foreach ($child_terms as $child) : ?>
                        <div class="subcategory_item">
                            <a href="<?php echo esc_url(get_term_link($child)); ?>">
                                <?php
                                $cat_icon = get_field('category_icon', $child);
                                $size = 'medium';
                                if ($cat_icon) {
                                    echo wp_get_attachment_image($cat_icon, $size, "", array("class" => "subcategory_image"));
                                }
                                ?>
                                <h4 class="subcategory_title"><?php echo esc_html($child->name); ?></h4>
                            </a>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        <?php endif; ?>

        <!-- Dodato: Recipes naslov iznad recipe grid-a -->
        <h3 class="fmc_title_2 title_spacing_2">Recipes</h3>

        <div class="fmc_archive_inner fmc_rg_inner fmc_three_recipes" style="display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;">
            <?php while (have_posts()) : the_post();
                get_template_part('template-parts/recipe/recipe-grid2'); 
            endwhile; ?>
        </div>

        <div class="blog_pagination_wrap">
            <?php fmc_pagination(); ?>
        </div>

    </div>
</div>

<?php get_footer(); ?>