{{!!
Structured data: AggregateRating
Element: [itemtype=\"http://schema.org/AggregateRating\"]
All information necessary to add rating information to search results are defined inside this block. This scope has the following information: ratingValue (the current rating average), bestRating (the best absolute rating), ratingCount (count of votes).


CIO article rating - Initial rate value
Element: [data-rate='rating']
The only requirement is fill the element [data-rate='rating'] with the initial rate value(2.5 in this case). When the page is loaded the javascript component will setup the stars appropriately
}}

{{#if type-rating}}
	<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" data-article-rate>
		<div class="rate rate--overview" data-rate-overview>
			<p class="rate__headline" data-rate-title>CIO article rating</p>
			<div class="rate__icons" data-rate="stars"></div>
			<div class="rate__score"><span itemprop="ratingValue" data-rate="rating">2.5</span> / <span itemprop="bestRating">5</span></div>
			<div class="rate__total">Votes <span data-rate="votes" itemprop="ratingCount">10</span></div>
		</div>

		<div class="rate rate--voting" data-rate-vote>
			<p class="rate__headline" data-rate-title>How do you like this article?</p>
			<div class="rate__icons" data-rate="stars"></div>
			<div class="rate__hint" data-rate="hint"></div>
			<div class="rate__message" data-rate="message"></div>
		</div>
	</div>
{{/if}}

{{#if type-anchor}}
	<div class="btn btn-orange rate__anchor" data-rate-anchor>
		<div class="rate__icons" data-rate="stars"></div>
	</div>
{{/if}}
