{{!--
{{#if reviews.total}}
<section class="toggle productReviews" id="product-reviews" data-product-reviews>
  <h4 class="toggle-title"> {{lang 'products.reviews.header' total=reviews.total}}
    {{#if theme_settings.show_product_reviews}} <a class="toggleLink is-open" data-collapsible href="#productReviews-content"> <span class="toggleLink-text toggleLink-text--on"> {{lang 'products.reviews.hide'}} </span> <span class="toggleLink-text toggleLink-text--off"> {{lang 'products.reviews.show'}} </span> </a> {{/if}} </h4>
  <div class="toggle-content is-open" id="productReviews-content" aria-hidden="false">
    <ul class="productReviews-list" id="productReviews-list">
      {{#each reviews.list}}
      <li class="productReview">
        <article itemprop="review" itemscope itemtype="https://schema.org/Review">
          <header> <span class="productReview-rating rating--small" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> {{> components/products/ratings rating=rating}} <span class="productReview-ratingNumber" itemprop="ratingValue">{{ rating }}</span> </span>
            <h5 itemprop="name" class="productReview-title">{{{ sanitize title }}}</h5>
            {{#if name}}
            <meta itemprop="author" content="{{name}}">
            <p class="productReview-author"> {{{lang 'products.reviews.post_on_by' date=date name=(sanitize name) }}} </p>
            {{else}}
            <p class="productReview-author"> {{lang 'products.reviews.post_on_by' date=date name=(lang 'products.reviews.anonymous_poster')}} </p>
            {{/if}} </header>
          <p itemprop="reviewBody" class="productReview-body">{{{ sanitize text }}}</p>
        </article>
      </li>
      {{/each}}
    </ul>
    {{> components/common/paginator pagination.reviews reload=true}} </div>
</section>
{{/if}}
--}}
	<script src="https://widget.reviews.io/polaris/build.js"></script>
	<style>
	#reviews-tab, #tab-reviews {
	    display: none;
	}
	@media (min-width: 768px) {
	    #tab-reviews:not(.is-active) {
	        display: none !important;
	    }
	}
	#reviews h2.pdp-product-section-headline {
	    margin-bottom: 1rem;
	}
	#reviews h2.pdp-product-section-headline + p {
	    font-weight: 800;
	    font-size: 18px;
	    margin-bottom: 2.5rem;
	}
	.tabs-contents #tab-reviews.tab-content.is-active {
	    display: block;
	}
	.ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group--right {
	    display: none !important;
	}
	.ElementsWidget-prefix .ElementsWidget .ElementsWidget__header {
	    border-bottom: none;
	}
	.ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group {
	    margin-bottom: 0;
	}
	.subheader__group.subheader__group--tabs.u-textRight--all {
	    display: none;
	}
	.ElementsWidget__footer.u-textRight--all {
	    display: none;
	}
	.ElementsWidget-prefix .R-BadgeElement .R-BadgeElement__icon .cssVar-badgeElement__icon {
	    color: #b90b3a;
	}
	#reviewJumpNavCount a {
		display: inline-block;
		padding: 10px 10px 10px 36px;
		border: 1px solid #e8e9eb;
		color: #39c1cd;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 15px;
		position: relative;
		font-size: 14px;
	}
	#reviewsJumpNavCount a:before {
		content: '';
		font-family: group-global-icons;
		position: absolute;
		left: 10px;
		top: 5px;
		bottom: 5px;
		margin: auto;
		font-size: 20px;
		background-image: url('https://cdn11.bigcommerce.com/s-udukb708py/product_images/uploaded_images/chat-gray.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		display: block;
		width: 15px;
		height: 15px;
	}
	#reviewsBlock .ElementsWidget__footer img.R-PlatformLogo, #qaBlock .ElementsWidget__footer img.R-PlatformIcon {
	  display: none;
	}
	</style>
	
	<div id="reviewsBlock">
	  <div id="reviews">
        {{#if (getVar "productSku") "===" "EVBSREVIEW2023"}}
        <h2 class="pdp-product-section-headline">What churches say about past Easy VBS programs!</h2>
        <p>Helpful reviews of past Easy VBS programs from your friends in ministry.</p>
        {{/if}}
        {{#if (getVar "productSku") "===" "HLAREVIEW2023"}}
        <h2 class="pdp-product-section-headline">What churches say about past  Holy Land Adventure VBS programs!</h2>
        <p>Helpful reviews of past Holy Land Adventure VBS programs from your friends in ministry.</p>
        {{/if}}
        {{#if (getVar "productSku") "===" "VBSWREVIEW2023"}}
        <h2 class="pdp-product-section-headline">What churches say about past Weeknd VBS programs!</h2>
        <p>Helpful reviews of past Weekend VBS programs from your friends in ministry.</p>
        {{/if}}
        {{#if (getVar "productSku") "===" "SLOVREVIEW"}}
        <h2 class="pdp-product-section-headline">What churches say about Simply Loved!</h2>
        <p>Helpful Simply Loved Curriculum reviews from your friends in ministry.</p>
        {{/if}}
        {{#if (getVar "productSku") "===" "KOWREVIEW"}}
        <h2 class="pdp-product-section-headline">What churches say about KidsOwn Worship!</h2>
        <p>Helpful Kids-Own Worship Curriculum reviews from your friends in ministry.</p>
        {{/if}}
        {{#if (getVar "productSku") "===" "FWNREVIEW"}}
        <h2 class="pdp-product-section-headline">What churches say about FaithWeaver NOW!</h2>
        <p>Helpful FaithWeaver NOW Curriculum reviews from your friends in ministry.</p>
        {{/if}}
        {{#if (getVar "productSku") "===" "BEBOLDREVIEW"}}
        <h2 class="pdp-product-section-headline">What churches say about BE BOLD!</h2>
        <p>Helpful BE BOLD Curriculum reviews from your friends in ministry.</p>
        {{/if}}
        {{#if (getVar "productSku") "===" "HOBCREVIEW"}}
        <h2 class="pdp-product-section-headline">What churches say about Hands-On Bible Curriculum!</h2>
        <p>Helpful Hands-On Bible Curriculum reviews from your friends in ministry.</p>
        {{/if}}
		<div id="ReviewsWidget" style="width:100%;"></div>
	  </div>
	</div>

    <script>
	document.addEventListener("DOMContentLoaded", function() {
		new ReviewsWidget('#ReviewsWidget', {
		    
			// This is your company url key
			store: reviewsioStoreId,

			widget: 'polaris',

			//Content settings (store_review,product_review,third_party_review,questions). Choose what to display in this widget:
			options: {
				types: 'product_review',
				lang: 'en',
				//Possible layout options: bordered, large and reverse.
				layout: '',
				//How many reviews & questions to show per page?
				per_page: 15,
				store_review:{
				  hide_if_no_results: true,
				},
				third_party_review:{
				  hide_if_no_results: true,
				},
				//Product specific settings. Provide product SKU for which reviews should be displayed:
				product_review:{
					//Display product reviews - include multiple product SKUs seperated by Semi-Colons (Main Indentifer in your product catalog )
					sku: '{{getVar "productSku"}}',
					hide_if_no_results: true,
				},
				//Questions settings:
				questions:{
					hide_if_no_results: false,
					enable_ask_question: false,
					show_dates: false,
					//Display group questions by providing a grouping variable, new questions will be assigned to this group.
					grouping:'[Group questions by providing a grouping variable here or a specific product SKU]'
				},
				//Header settings:
				header:{
					enable_summary: true, //Show overall rating & review count
					enable_ratings: true,
					enable_attributes: false,
					enable_image_gallery: false, //Show photo & video gallery
					enable_percent_recommended: false, //Show what percentage of reviewers recommend it
					enable_write_review: false, //Show "Write Review" button
					enable_ask_question: false, //Show "Ask Question" button
					enable_sub_header: true, //Show subheader
					rating_decimal_places: 1,
					use_write_review_button:  false, //Show "be the first to leave a review" text as a button
				},

				//Filtering settings: 
				filtering:{
					enable: true, //Show filtering options
					enable_text_search: true, //Show search field
					enable_sorting: true, //Show sorting options (most recent, most popular)
					enable_product_filter: false, //Show product options filter
					enable_media_filter: false, //Show reviews with images/video/media options
					enable_overall_rating_filter: true, //Show overall rating breakdown filter
					enable_language_filter: false, // Filter by review language
					enable_language_filter_language_change: false, // Update widget language based on language selected
					enable_ratings_filters: false, //Show product attributes filter
					enable_attributes_filters: false, //Show author attributes filter
					enable_expanded_filters: false, //Show filters as a section instead of dropdown
				},

				//Review settings:
				reviews:{
					enable_avatar: false, //Show author avatar
					enable_reviewer_name:  true, //Show author name
					enable_reviewer_address:  false, //Show author location
					reviewer_address_format: 'city, country', //Author location display format
					enable_verified_badge: true, //Show "Verified Customer" badge
					enable_subscriber_badge: false, //Show "Verified Subscriber" badge
					review_content_filter: 'undefined', //Filter content
					enable_reviewer_recommends: true, //Show "I recommend it" badge
					enable_attributes: false, //Show author attributes
					enable_product_name: true, //Show display product name
					enable_review_title: true, //Show review title
					enable_replies: true, //Show review replies
					enable_images: false, //Show display review photos
					enable_ratings: false, //Show product attributes (additional ratings)
					enable_share: false, //Show share buttons
					enable_helpful_vote: false, //Show "was this helpful?" section
					enable_helpful_display: false, //Show how many times times review upvoted
					enable_report: false, //Show report button
					enable_date: true, //Show when review was published
					enable_third_party_source: true, //Show third party source
					enable_duplicate_reviews: undefined, //Show multiple reviews from the same user

				},
			},
			//Translation settings
			translations: {
				'Verified Customer': 'Verified Customer'
			},
			//Style settings:
			styles: {
				//Base font size is a reference size for all text elements. When base value gets changed, all TextHeading and TexBody elements get proportionally adjusted.
				'--base-font-size': '16px',

				//Button styles (shared between buttons):
				'--common-button-font-family': 'inherit',
				'--common-button-font-size':'16px',
				'--common-button-font-weight':'500',
				'--common-button-letter-spacing':'0',
				'--common-button-text-transform':'none',
				'--common-button-vertical-padding':'10px',
				'--common-button-horizontal-padding':'20px',
				'--common-button-border-width':'2px',
				'--common-button-border-radius':'0px',

				//Primary button styles:
				'--primary-button-bg-color': '#1f2c38',
				'--primary-button-border-color': '#1f2c38',
				'--primary-button-text-color': '#ffffff',

				//Secondary button styles:
				'--secondary-button-bg-color': 'transparent',
				'--secondary-button-border-color': '#1f2c38',
				'--secondary-button-text-color': '#1f2c38',

				//Star styles:
				'--common-star-color': '#df9521',
				'--common-star-disabled-color': 'rgba(0,0,0,0.25)',
				'--medium-star-size': '24px',
				'--small-star-size': '20px',

				//Heading styles:
				'--heading-text-color': '#1f2c38',
				'--heading-text-font-weight': '600',
				'--heading-text-font-family': 'inherit',
				'--heading-text-line-height': '1.4',
				'--heading-text-letter-spacing': '0',
				'--heading-text-transform': 'none',

				//Body text styles:
				'--body-text-color': '#626b73',
				'--body-text-font-weight': '400',
				'--body-text-font-family': 'inherit',
				'--body-text-line-height': '1.4',
				'--body-text-letter-spacing': '0',
				'--body-text-transform': 'none',

				//Input field styles:
				'--inputfield-text-font-family': 'inherit',
				'--input-text-font-size': '14px',
				'--inputfield-text-font-weight': '400',
				'--inputfield-text-color': '#1f2c38',
				'--inputfield-border-color': 'rgba(0,0,0,0.2)',
				'--inputfield-background-color': 'transparent',
				'--inputfield-border-width': '1px',
				'--inputfield-border-radius': '0px',

				'--common-border-color': 'rgba(0,0,0,0.15)',
				'--common-border-width': '1px',
				'--common-sidebar-width': '190px',

				//Filters panel styles:
				'--filters-panel-bg-color': 'transparent',
				'--filters-panel-font-size': '16px',
				'--filters-panel-text-color': '16px',
				'--filters-panel-horizontal-padding': '0',
				'--filters-panel-vertical-padding': '0',

				//Slider indicator (for attributes) styles:
				'--slider-indicator-bg-color': 'rgba(0,0,0,0.1)',
				'--slider-indicator-button-color': '#0E1311',
				'--slider-indicator-width': '190px',

				//Badge styles:
				'--badge-icon-color': '#34b969',
				'--badge-icon-font-size': 'inherit',
				'--badge-text-color': '#1f2c38',
				'--badge-text-font-size': 'inherit',
				'--badge-text-letter-spacing': 'inherit',
				'--badge-text-transform': 'inherit',

				//Author styles:
				'--author-font-size': 'inherit',
				'--author-text-transform': 'none',

				//Author avatar styles:
				'--avatar-thumbnail-size': '60px',
				'--avatar-thumbnail-border-radius': '100px',
				'--avatar-thumbnail-text-color': '#1f2c38',
				'--avatar-thumbnail-bg-color': 'rgba(0,0,0,0.1)',

				//Product photo or review photo styles:
				'--photo-video-thumbnail-size': '80px',
				'--photo-video-thumbnail-border-radius': '0px',

				//Media (photo & video) slider styles:
				'--mediaslider-scroll-button-icon-color': '#0E1311',
				'--mediaslider-scroll-button-bg-color': 'rgba(255, 255, 255, 0.85)',
				'--mediaslider-overlay-text-color': '#ffffff',
				'--mediaslider-overlay-bg-color': 'rgba(0, 0, 0, 0.8))',
				'--mediaslider-item-size': '110px',

				//Pagination & tabs styles (normal):
				'--pagination-tab-text-color': '#1f2c38',
				'--pagination-tab-text-transform': 'none',
				'--pagination-tab-text-letter-spacing': '0',
				'--pagination-tab-text-font-size': '16px',
				'--pagination-tab-text-font-weight': '600',

				//Pagination & tabs styles (active):
				'--pagination-tab-active-text-color': '#1f2c38',
				'--pagination-tab-active-text-font-weight': '600',
				'--pagination-tab-active-border-color': '#1f2c38',
				'--pagination-tab-border-width': '3px',
			},
		});
	});
	// Function to execute your main script
	function checkForNumberOfReviews() {
	    if ($(".ElementsWidget__header .R-TextBody").length > 0) {
            var numberOfReviews = $(".ElementsWidget__header .R-TextBody").text().match(/\d+/)[0];
	    }
	    else {
	        var numberOfReviews = 0;
	    }

        if (numberOfReviews > 0) {
            $('#reviews-tab, #tab-reviews').css('display','block');
        }

		$(".ruk_rating_snippet").on('click', function(e) {
			e.preventDefault();
			//var target = $('#qa-tab');
			var target = $('#tab-reviews');

			$('.tab, .tab-content').removeClass('is-active');
			$('#reviews-tab, #tab-reviews').addClass('is-active');

			if ($(window).innerWidth() < 768) {
				$('#tab-reviews .mobile-tab').addClass('--active');
				$('#tab-reviews .mobile-tab-content').addClass('is-active').fadeIn(500);
			}
			setTimeout(function() {
				$('html, body').animate({
					scrollTop: ($(target).offset().top - 70)
				}, 500);
			}, 100);
		});
	}

	// Get the element you want to observe
	var targetElement = document.getElementById('ReviewsWidget');

    if (targetElement) {
        // Set up a MutationObserver to watch the target element for the addition of .R-TextBody
        var observer = new MutationObserver(function(mutations) {
            if (document.querySelector('.ElementsWidget .header__group .R-TextBody')) {
                checkForNumberOfReviews();
    
                // We found our element, so we can stop observing
                observer.disconnect();
            }
        });
    
        // Start observing the target element for the addition of nodes
        observer.observe(targetElement, {
            childList: true,
            subtree: true  // to observe all descendants, not just direct children
        });
    }
	</script>