File: /var/www/kevin-demo/wp-content/themes/fitmencook/template-single-recipe-v2.php
<?php
/*
Template Name: Single Recipe V2
Template Post Type: recipes
*/
// Add schema markup to head (from section_faq group)
add_action('wp_head', function() {
if (is_singular('recipes')) {
global $post;
$faq_group = get_field('section_faq', $post->ID);
$schema_markup = !empty($faq_group['schema_markup']) ? trim($faq_group['schema_markup']) : '';
if (!empty($schema_markup)) {
// direktno echo sadržaj iz ACF-a (koji već ima <script> tag)
echo "\n<!-- Schema Markup -->\n";
echo $schema_markup . "\n";
echo "<!-- End Schema Markup -->\n";
}
}
});
get_header();
// for sidebar
$macros_group = get_field('macros_for_sidebar_calories_cook_minutes');
$prep_hours = $macros_group['prep_hours_v2'] ?? '';
$prep_time = $macros_group['prep_time_v2'] ?? '';
$cook_hours = $macros_group['cook_hours_v2'] ?? '';
$cook_time = $macros_group['cook_time_v2'] ?? '';
$total_time = $macros_group['total_time_v2'] ?? '';
$total_hours = $macros_group['total_hours_v2'] ?? '';
// $serving_size = $macros_group['serving_size_v2'];
/* NOVO: quantity + unit -> serving_size */
$serving_qty = $macros_group['serving_quantity_v2']; // npr. 100
$serving_unit = $macros_group['serving_size_v22']; // npr. gr
$serving_size = ($serving_qty && $serving_unit) ? $serving_qty . ' ' . $serving_unit : '';
$servings_number = $macros_group['number_of_servings_v2'];
//labels
$times_title = get_field('times_title', 'option');
$l_prep_time = get_field('l_prep_time', 'option');
$l_cook_time = get_field('l_cook_time', 'option');
$l_total_time = get_field('l_total_time', 'option');
$minutes = get_field('minutes', 'option');
$l_serving_size = get_field('l_serving_size', 'option');
$noss = get_field('number_of_servings_sidebar', 'option');
$nos_single = get_field('number_of_servings_ing_single', 'option');
$nosi = get_field('number_of_servings_ing', 'option');
// SECTION - Ingredients
$ingredients_section = get_field('ingredients_');
$about_ingredients_text = $ingredients_section['about_the_ingredients'] ?? '';
$instacart_groups = $ingredients_section['ingredients_to_work_with_instacart'];
$ingredients_heading = $ingredients_section['recipe_heading'];
//SECTION how to make
$how_to = get_field('section_how_to_make');
$how_to_additional_content = $how_to['additional_content'];
// VIDEO SECTION
$video = get_field('section_video');
$video_url = $video['recipe_video'];
$video_info = $video['recipe_video_info'];
//FAQ SECTION:
$faq = get_field('section_faq');
$faq_repeater = $faq['section_faq_repeater'];
//RECIPE CARD SECTION:
$recipe_card_group = get_field('recipe_card');
$recipe_card_heading = $recipe_card_group['recipe_card_title'];
$recipe_card_description = $recipe_card_group['recipe_card_description'];
$recipe_card_image_url = $recipe_card_group['recipe_card_image'] ?? ''; // URL
?>
<div class="fmc_single_recipe fmc_container spacing_2">
<div class="fmc_sr_main">
<div class="fmc_recipe_top_wrap">
<!-- Breadcrumbs & Categories -->
<div class="fmc_recipe_top_left">
<?php if (function_exists('yoast_breadcrumb')) {
yoast_breadcrumb('<div class="fmc_breadcrumbs spacing_0_2">', '</div>');
} ?>
<div class="fmc_categories">
<?php echo get_the_term_list(get_the_ID(), 'recipe-category', '<div class="fmc_grid_cat">', '', '</div>'); ?>
</div>
</div>
<!-- Author -->
<div class="fmc_top_author">
<a href="<?php echo esc_url(get_author_posts_url(get_the_author_meta('ID'))); ?>">
<?php echo get_avatar(get_the_author_meta('ID'), 96); ?>
</a>
<h5 class="fmc_autor_top_name">
<span>Author:</span>
<a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>">
<?php the_author(); ?>
</a>
</h5>
</div>
</div>
<!-- Title -->
<h1 class="fmc_title_1 title_spacing_3 recipe_v2_h1">
<?php the_title(); ?>
</h1>
<?php get_template_part('template-parts/last-updated'); ?>
<!-- Intro -->
<div class="fmc_recipe_the_content spacing_1_1">
<?php the_content(); ?>
</div>
<!-- Featured Image -->
<!-- <?php // get_template_part('template-parts/recipe/featured-image'); ?> -->
<!-- Gallery for Recipe V2 (ACF field: gallery_v2) -->
<?php get_template_part('template-parts/recipe/gallery-v2'); ?>
<!-- Product Display Section -->
<?php
// Get ingredients section to check for connected products
$ingredients_section = get_field('ingredients_');
$instacart_groups = $ingredients_section['ingredients_to_work_with_instacart'];
if (!empty($instacart_groups)):
foreach ($instacart_groups as $group):
$ingredients = $group['ingredients'];
foreach ($ingredients as $item):
$add_product = $item['add_product'];
$product = $item['product'];
if ($add_product && $product): ?>
<div class="custom-product-details">
<img class="ing-pr-img" src="<?php echo get_the_post_thumbnail_url($product->ID); ?>" alt="<?php echo get_the_title($product->ID); ?>">
<a href="<?php echo get_the_permalink($product->ID); ?>">
<h2 class='connection_product_heading'><?php echo get_the_title($product->ID); ?></h2>
</a>
<p><?php echo wc_price(get_post_meta($product->ID, '_price', true)); ?></p>
<a data-quantity="1" data-product-id="<?php echo $product->ID ?>" class="ingredient-add-to-cart">
<span>Add to Cart</span>
</a>
</div>
<?php endif;
endforeach;
endforeach;
endif;
?>
<!-- VIDEO SECTION -->
<?php if ($video_url): ?>
<div class="fmc_recipe_the_content margin-sm spacing_1_1">
<div class="fmc_video_wrapper">
<?php echo wp_kses_post($video_url); ?>
</div>
<?php if (!empty($video_info)): ?>
<div class="fmc_video_info spacing_1_1 margin-top-sm">
<?php echo wp_kses_post($video_info); ?>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<!--END OF VIDEO SECTION -->
<?php get_template_part('template-parts/recipe/recipe-email'); ?>
<!-- INGREDIENTS SECTION -->
<?php if ($ingredients_heading): ?>
<h2 class="fmc_title_1 spacing_1_3"><?php echo esc_html($ingredients_heading); ?></h2>
<?php endif; ?>
<?php
// Ikonice iz Options (kao u main.php)
$note_icon = get_field('note_icon', 'option');
$sub_icon = get_field('sub_icon', 'option');
?>
<?php if (!empty($instacart_groups)): ?>
<!-- Servings / Serving Size + legenda (samo u Instacart modu) -->
<?php if (!empty($servings_number)): ?>
<div class="fmc_ing_servings">
<?php echo esc_html($servings_number); ?>
<?php echo ($servings_number == 1) ? esc_html($nos_single) : esc_html($nosi); ?>
</div>
<?php endif; ?>
<?php if (!empty($serving_size)): ?>
<div class="fmc_ing_servings_size">
<?php echo esc_html($l_serving_size); ?><span><?php echo esc_html($serving_size); ?></span>
</div>
<?php endif; ?>
<div class="legend">
<span class="optional"><span>*</span> Optional</span>
<span class="sub"><img src="<?php echo esc_url($sub_icon); ?>">Substitution</span>
<span class="note"><img src="<?php echo esc_url($note_icon); ?>">Note</span>
</div>
<?php get_template_part('template-parts/recipe/instacart-ingredients-v2'); ?>
<?php elseif ($about_ingredients_text): ?>
<p><?php echo wp_kses_post($about_ingredients_text); ?></p>
<?php endif; ?>
<!-- END OF INGREDIENTS SECTION -->
<!-- STEPS SECTION -->
<?php if ($how_to && !empty($how_to['steps'])): ?>
<div class="fmc_recipe_the_content spacing_1_1">
<?php if (!empty($how_to['steps_title'])): ?>
<h2 style="padding-top: 4.8rem;" class="fmc_title_1 spacing_1_1"><?php echo esc_html($how_to['steps_title']); ?></h2>
<?php endif; ?>
<?php if (!empty($how_to['step_title_description'])): ?>
<div style="padding-bottom: 3rem" class="">
<?php echo wp_kses_post($how_to['step_title_description']); ?>
</div>
<?php endif; ?>
<?php
// Provera da li je uključena opcija za 1 kolonu
$one_column = !empty($how_to['one_column_layout']) && $how_to['one_column_layout'] === true;
// Dinamička klasa u zavisnosti od izbora
$grid_class = $one_column ? 'fmc_one_col_layout' : 'fmc_two_col_layout';
?>
<div class="fmc_how_to_step_grid_container <?php echo esc_attr($grid_class); ?>">
<?php
$step_number = 1;
foreach ($how_to['steps'] as $step) :
$content = $step['step'];
?>
<div class="fmc_step_wrap fmc_how_to_step">
<h3 class="fmc_step_heading">Step <?php echo $step_number++; ?></h3>
<div class="fmc_step_content">
<?php echo wp_kses_post($content); ?>
</div>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
<!-- STEPS SECTION -->
<!-- ADDITIONAL CONTENT -->
<?php if (!empty($how_to_additional_content)) :?>
<div class="fmc_recipe_the_content spacing_1_1 additional_content_how_to">
<?php echo wp_kses_post($how_to_additional_content); ?>
</div>
<?php endif; ?>
<!-- ADDITIONAL SECTIONS -->
<?php
$additional_sections = get_field('additional_sections');
if ($additional_sections) :
foreach ($additional_sections as $section) :
$heading = $section['section_heading'];
$content = $section['section_content'];
?>
<div class="fmc_recipe_the_content spacing_1_1">
<?php if ($heading): ?>
<h2 class="fmc_title_1 spacing_1_3">
<?php echo esc_html($heading); ?>
</h2>
<?php endif; ?>
<?php if ($content): ?>
<?php echo wp_kses_post($content); ?>
<?php endif; ?>
</div>
<?php
endforeach;
endif;
?>
<!-- END OF ADDITIONAL SECTIONS -->
<!-- FAQ SECTION -->
<?php if (!empty($faq_repeater)) : ?>
<div class="fmc_recipe_the_content spacing_1_1">
<div class="fmc_faq_wrap">
<h2>Frequently Asked Questions</h2>
<?php foreach ($faq_repeater as $index => $item) : ?>
<div class="fmc_faq_item">
<button class="fmc_faq_question" aria-expanded="false">
<span class="fmc_faq_question_text"><?php echo esc_html($item['question']); ?></span>
<span class="fmc_faq_icon">
<!-- SVG strelica (kao na tvojoj slici) -->
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 7L10 12L15 7" stroke="#333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="fmc_faq_answer">
<?php echo wp_kses_post($item['answer']); ?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
<!-- END OF FAQ SECTION -->
<!-- Recipe Card -->
<div class="fmc_recipe_card card_m" id="fmc_recipe_card_id">
<?php
$rc_title = get_field('recipe_card_title');
$calories = $macros_group['calories_v2'];
$protein = $macros_group['protein_v2'];
$fat = $macros_group['fat_v2'];
$carbs = $macros_group['carbs_v2'];
$sodium = $macros_group['sodium_v2'];
$fiber = $macros_group['fiber_v2'];
$sugar = $macros_group['sugar_v2'];
$prep_time = $macros_group['prep_time_v2'];
$cook_time = $macros_group['cook_time_v2'];
$total_time = $macros_group['total_time_v2'];
$l_calories = get_field('l_calories', 'option');
$l_protein = get_field('l_protein', 'option');
$l_fat = get_field('l_fat', 'option');
$l_carbs = get_field('l_carbs', 'option');
$l_sodium = get_field('l_sodium', 'option');
$l_fiber = get_field('l_fiber', 'option');
$l_sugar = get_field('l_sugar', 'option');
$rc_ad = get_field('recipe_card_ad', 'option');
$author_id = get_the_author_meta('ID');
?>
<div class="rc_top">
<div class="rc_top_left">
<h2 class="rc_title">
<?php echo esc_html( $recipe_card_heading ); ?>
</h2>
<figure><?php echo get_avatar( $author_id ); ?><figcaption><?php echo wpautop( get_the_author_meta( 'display_name', $author_id ) ); ?></figcaption></figure>
<div class="rc_intro">
<?php echo wp_kses_post( wpautop( $recipe_card_description ) ); ?>
</div>
<div class="rc_rating">
<?php echo get_avarage_rating(get_the_ID(), 'sidebar'); ?>
</div>
</div>
<div class="rc_top_right">
<?php
if ( ! empty( $recipe_card_image_url ) ) {
echo '<img class="rc_img" src="' . esc_url( $recipe_card_image_url ) . '" alt="' . esc_attr( get_the_title() ) . '" loading="lazy">';
} else {
the_post_thumbnail( 'medium', [ 'class' => 'rc_img' ] ); // fallback na featured image
}
?>
</div>
</div>
<?php echo $rc_ad; ?>
<div class="rc_btns">
<a title="Print" class="fmc_btn" href="<?php echo get_the_permalink()."?print=true"; ?>"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zm-16-88c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24z"></path></svg><span class="btn_text">Print Recipe</span></a><a class="fmc_btn_2" title="Pin" href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>"><span class="btn_text">Pin Recipe</span></a><a class="fmc_btn_2" href="#"><span class="btn_text">Collection/favs?</span></a>
</div>
<div class="rc_times">
<?php if ($prep_time || $prep_hours) : ?>
<div class="rc_time">
<span class="rc_time"><?php echo esc_html($l_prep_time); ?></span>
<?php if ($prep_hours) : ?>
<?php echo esc_html($prep_hours); ?>h
<?php endif; ?>
<?php if ($prep_time) : ?>
<?php echo esc_html($prep_time . $minutes); ?>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if ($cook_time || $cook_hours) : ?>
<div class="rc_time">
<span><?php echo esc_html($l_cook_time); ?></span>
<?php if ($cook_hours) : ?>
<?php echo esc_html($cook_hours); ?>h
<?php endif; ?>
<?php if ($cook_time) : ?>
<?php echo esc_html($cook_time . $minutes); ?>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if ($total_time || $total_hours) : ?>
<div class="rc_time">
<span><?php echo esc_html($l_total_time); ?></span>
<?php if ($total_hours) : ?>
<?php echo esc_html($total_hours); ?>h
<?php endif; ?>
<?php if ($total_time) : ?>
<?php echo esc_html($total_time . $minutes); ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<div class="rc_misc_wrap">
<div class="rc_misc">
<span>Category</span>
<?php get_template_part('template-parts/recipe/primary-term'); ?>
</div>
<?php if($servings_number) { ?>
<div class="rc_misc"><span><?php echo $noss; ?></span><?php echo $servings_number; ?></div>
<?php } ?>
<div class="rc_misc">
<span><?php echo $l_calories; ?></span>
<?php echo $calories; ?>
</div>
</div>
<?php
$tools = get_field('tools');
if( $tools ): ?>
<div class="rc_tools">
<?php foreach( $tools as $post ): ?>
<?php // Setup this post for WP functions (variable must be named $post).
setup_postdata($post); ?>
<div class="rc_tool">
<a href="<?php echo wp_kses_post( get_field('tool_link') ); ?>" target="_blank">
<?php
$icon = get_field('icon');
$size = 'full';
if( $icon ) {
echo wp_get_attachment_image( $icon, $size, "", array( "class" => "icon" ) );
} ?>
<?php the_title(); ?>
</a>
</div>
<?php endforeach; ?>
<?php
// Reset the global post object so that the rest of the page works correctly.
wp_reset_postdata(); ?>
</div>
<?php endif; ?>
<!-- TEST -->
<div class="rc_ingredients_m">
<h3 class="fmc_ingredients_title_m">INGREDIENTS</h3>
<?php if(!empty($instacart_groups)) :
set_query_var('ing_opts', ['checkable' => true]);
?>
<?php get_template_part('template-parts/recipe/instacart-ingredients-v2'); ?>
<?php elseif( $about_ingredients_text ) : ?>
<?php echo wp_kses_post($about_ingredients_text); ?>
<?php endif; ?>
</div>
<!-- TEST -->
<?php
// Check if steps exist in how_to section
if ($how_to && !empty($how_to['steps'])): ?>
<div class="rc_steps">
<h3 class="fmc_steps_title">INSTRUCTIONS</h3>
<ol>
<?php
$step_number = 1;
foreach ($how_to['steps'] as $step) :
$content = $step['step'];
?>
<li class="rc_step">
<?php echo wp_kses_post($content); ?>
</li>
<?php
$step_number++;
endforeach;
?>
</ol>
</div>
<?php endif; ?>
<!-- <hr> -->
<!-- <div class="rc_notes">
Do we need notes?
</div> -->
<div class="rc_nutrition">
<h3 class="fmc_ingredients_title_m" style="margin-bottom: 2rem">NUTRITION</h3>
<?php get_template_part('template-parts/recipe/macros_v2'); ?>
</div>
</div>
<!-- Comments -->
<div class="fmc_comments spacing_3_1">
<?php
if ( comments_open() || get_comments_number() ) :
comments_template();
endif; ?>
</div>
<!-- END OF RECIPE CARD -->
<!-- RELATED RECIPES -->
<?php
// Uzimamo trenutni post ID i kategorije
$current_id = get_the_ID();
$categories = wp_get_post_terms($current_id, 'recipe-category', ['fields' => 'ids']);
if (!empty($categories)) :
$related_query = new WP_Query([
'post_type' => 'recipes',
'posts_per_page' => 4, // broj prikazanih recepata
'post__not_in' => [$current_id],
'orderby' => 'rand',
'tax_query' => [
[
'taxonomy' => 'recipe-category',
'field' => 'term_id',
'terms' => $categories,
],
],
]);
?>
<?php if ($related_query->have_posts()) : ?>
<div class="fmc_home_featured_recipes spacing_2_0">
<div class="fmc_container">
<h3 class="fmc_title_2 title_spacing_2">Related Recipes</h3>
</div>
<div class="fmc_recipe_grid spacing_0_1">
<div class="fmc_container">
<div class="fmc_rg_inner spacing_0_1">
<?php while ($related_query->have_posts()) : $related_query->the_post(); ?>
<div class="fmc_recipe">
<figure class="fmc_grid_figure">
<a href="<?php the_permalink(); ?>" aria-label="<?php the_title(); ?>">
<?php the_post_thumbnail('medium'); ?>
</a>
</figure>
<div class="fmc_recipe_content">
<div class="fmc_grid_meta">
<?php
$recipe_categories = get_the_terms(get_the_ID(), 'recipe-category');
if (!empty($recipe_categories)) :
echo '<span class="fmc_grid_cat">';
$limited_categories = array_slice($recipe_categories, 0, 2);
foreach ($limited_categories as $category) {
echo '<a href="' . esc_url(get_term_link($category)) . '">' . esc_html($category->name) . '</a>';
}
echo '</span>';
endif;
?>
</div>
<h3 class="fmc_grid_title">
<a href="<?php the_permalink(); ?>" aria-label="<?php the_title(); ?>">
<?php the_title(); ?>
</a>
</h3>
<!-- Makroi -->
<div class="fmc_recipe_grid_macros">
<div class="rg_macro calories">
<span class="rg_m_title">Cal</span>
<span class="rg_m_amount"><?php the_field('calories'); ?>cal</span>
</div>
<div class="rg_macro carbs">
<span class="rg_m_title">Carbs</span>
<span class="rg_m_amount"><?php the_field('carbs'); ?>g</span>
</div>
<div class="rg_macro fat">
<span class="rg_m_title">Fats</span>
<span class="rg_m_amount"><?php the_field('fat'); ?>g</span>
</div>
<div class="rg_macro protein">
<span class="rg_m_title">Protein</span>
<span class="rg_m_amount"><?php the_field('protein'); ?>g</span>
</div>
</div>
</div>
</div>
<?php endwhile; wp_reset_postdata(); ?>
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
<!-- END OF RELATED RECIPES -->
</div>
<!-- SIDEBAR -->
<div class="fmc_sr_sidebar">
<div class="fmc_recipe_details">
<?php get_avarage_rating(get_the_ID(), 'sidebar'); ?>
<!-- Recipe Times -->
<h4 class="fmc_rs_title fmc_times_title"><?php echo $times_title; ?></h4>
<div class="fmc_recipe_times">
<?php if ($prep_time || $prep_hours) : ?>
<div class="fmc_prep">
<span class="fmc_time"><?php echo esc_html($l_prep_time); ?></span>
<?php if ($prep_hours) : ?>
<span class="fmc_amount">
<?php echo esc_html($prep_hours); ?>h
</span>
<?php endif; ?>
<?php if ($prep_time) : ?>
<span class="fmc_amount">
<?php echo esc_html($prep_time . $minutes); ?>
</span>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if ($cook_time || $cook_hours) : ?>
<div class="fmc_cook">
<span class="fmc_time"><?php echo esc_html($l_cook_time); ?></span>
<?php if ($cook_hours) : ?>
<span class="fmc_amount">
<?php echo esc_html($cook_hours); ?>h
</span>
<?php endif; ?>
<?php if ($cook_time) : ?>
<span class="fmc_amount">
<?php echo esc_html($cook_time . $minutes); ?>
</span>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if ($total_time || $total_hours) : ?>
<div class="fmc_total">
<span class="fmc_time"><?php echo esc_html($l_total_time); ?></span>
<?php if ($total_hours) : ?>
<span class="fmc_amount">
<?php echo esc_html($total_hours); ?>h
</span>
<?php endif; ?>
<?php if ($total_time) : ?>
<span class="fmc_amount">
<?php echo esc_html($total_time . $minutes); ?>
</span>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<!-- Macros -->
<?php
if($servings_number) { ?>
<div class="fmc_nos"><?php echo $noss; ?><span><?php echo $servings_number ?></span></div>
<?php } ?>
<?php if($serving_size) { ?>
<div class="fmc_ss"><?php echo $l_serving_size; ?>:<span><?php echo $serving_size ?></span></div>
<?php } ?>
<?php get_template_part('template-parts/recipe/macros_v2'); ?>
<!-- Share -->
<div class="fmc_share fmc_recipe_share spacing_3_0">
<div class="fmc_print"><a title="Print" href="<?php echo get_the_permalink()."?print=true"; ?>"><span class="fmc_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zm-16-88c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24z"/></svg></span></a></div>
<div class="fmc_fb"><a title="Share to Facebook" href="http://www.facebook.com/sharer.php?u=<?php echo get_permalink() ?>"><span class="fmc_icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#101828" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></span></a></div>
<div class="fmc_pin"><a title="Pin" href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>"></a><span class="fmc_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg></span></div>
<div class="fmc_x"><a title="Tweet" href="http://twitter.com/share?text=<?php echo get_the_title(); ?>&url=<?php echo get_permalink(); ?>"><span class="fmc_icon"><svg width="20" height="20" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"/>
</svg></span></a></div>
<div class="fmc_email"><a title="Email" href="mailto:?subject=<?php echo get_the_title(); ?>&body=<?php echo get_the_title() . ' ' . get_permalink(); ?>"><span class="fmc_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg></span></a></div>
</div>
<!-- Jump to recipe -->
<div class="jtr_wrap">
<a class="fmc_jtr" href="#fmc_recipe_content"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5949 21.6112L18.4942 13.3557H18.5249C18.8481 13.3557 19.1101 13.0937 19.1101 12.7704V0.870088C19.1101 0.664449 19.0026 0.474666 18.8269 0.368794C18.6512 0.262823 18.4331 0.256569 18.2518 0.352298C15.9697 1.55649 14.541 3.92419 14.541 6.50531V11.5231C14.541 12.5351 15.3617 13.3556 16.3737 13.3556H16.5125L15.4118 21.6112C15.3318 22.2137 15.5154 22.8225 15.9155 23.2798C16.3164 23.7373 16.8954 24 17.5034 24C18.1113 24 18.6903 23.7373 19.0913 23.2798C19.4914 22.8226 19.6749 22.2138 19.5949 21.6112Z" fill="#FF885C"/>
<path d="M10.4242 0C9.98016 0 9.62083 0.359326 9.62083 0.803301V5.29072H8.81748V0.803301C8.81748 0.359326 8.45816 0 8.01413 0C7.57011 0 7.21083 0.359326 7.21083 0.803301V5.29072H6.40748V0.803301C6.40743 0.359326 6.04811 0 5.60413 0C5.16006 0 4.80078 0.359326 4.80078 0.803301V5.29072V6.02508V8.05384C4.80078 9.24552 5.76648 10.2112 6.95817 10.2112H7.13623L5.87009 21.6049C5.80263 22.2144 5.99793 22.824 6.40664 23.2814C6.8162 23.7388 7.40066 24 8.01418 24C8.6277 24 9.21212 23.7388 9.62172 23.2814C10.0305 22.824 10.2258 22.2144 10.1583 21.6049L8.89209 10.2113H9.0702C10.2618 10.2113 11.2276 9.24557 11.2276 8.05389V6.02513V5.29077V0.803301C11.2275 0.359326 10.8682 0 10.4242 0Z" fill="#FF885C"/>
</svg>
Jump to Recipe</a>
</div>
</div>
</div>
<!-- END OF SIDEBAR -->
<?php get_footer(); ?>