{% if TOPIC_RATING_ENABLED %}
	{% if TOPIC_RATING_MODE == 1 %}
		{# Star Rating Mode #}
		<div class="panel bg1 stoker-rating">
			<div class="inner">
			<h3 class="rate rating-heading">
				{{ lang('RATING_RATE') }}
				<span class="rating-remove-holder"></span>
				{% if TOPIC_CAN_MOD_DELETE %}<a href="#" class="rating-mod-delete-link"{% if not TOPIC_HAS_RATINGS %} style="display:none"{% endif %} data-clear-hash="{{ TOPIC_MOD_DELETE_HASH }}" title="{{ lang('RATING_MOD_DELETE_ALL') }}"><i class="icon fa-trash fa-fw" aria-hidden="true"></i></a>{% endif %}
			</h3>
				<div class="topic-rating-container{% if not TOPIC_CAN_RATE %} rating-no-permission{% endif %}{% if not TOPICRATING_ALLOW_REVOTE and TOPIC_USER_RATING %} rating-already-voted{% endif %}" data-topic-id="{{ TOPIC_ID }}" data-avg-percentage="{{ TOPIC_RATING_PERCENTAGE }}" data-user-rating="{{ TOPIC_USER_RATING }}" data-allow-revote="{{ TOPICRATING_ALLOW_REVOTE }}" data-allow-remove="{{ TOPICRATING_ALLOW_REMOVE }}" data-rating-mode="{{ TOPIC_RATING_MODE }}" data-can-rate="{{ TOPIC_CAN_RATE }}" data-hash="{{ TOPIC_RATING_HASH }}" data-remove-hash="{{ TOPIC_RATING_REMOVE_HASH }}" data-entity-type="topic" data-can-mod-delete="{{ TOPIC_CAN_MOD_DELETE }}">
					<div class="topic-rating-display">
						{% if TOPICRATING_DISPLAY_MODE == 'stars' or TOPICRATING_DISPLAY_MODE == 'both' %}
						<div class="rating-stars rating-stars-{{ TOPICRATING_STAR_COLOR }}">
							<div class="stars-empty">
								<i class="icon fa-star-o" aria-hidden="true"></i><i class="icon fa-star-o" aria-hidden="true"></i><i class="icon fa-star-o" aria-hidden="true"></i><i class="icon fa-star-o" aria-hidden="true"></i><i class="icon fa-star-o" aria-hidden="true"></i>
							</div>
							<div class="stars-filled" style="width: {{ TOPIC_RATING_PERCENTAGE }}%">
								<i class="icon fa-star" aria-hidden="true"></i><i class="icon fa-star" aria-hidden="true"></i><i class="icon fa-star" aria-hidden="true"></i><i class="icon fa-star" aria-hidden="true"></i><i class="icon fa-star" aria-hidden="true"></i>
							</div>
							{% if TOPIC_USER_RATING > 0 and TOPIC_USER_RATING <= 5 %}
							<i class="icon fa-check-circle user-rating-indicator" data-star="{{ TOPIC_USER_RATING }}" aria-hidden="true" title="{{ lang('RATING_YOUR_RATING') }}: {{ TOPIC_USER_RATING }}"></i>
							{% endif %}
						</div>
						{% endif %}
						{% if TOPICRATING_DISPLAY_MODE == 'both' %}
						<span class="rating-text">
							{% if TOPIC_RATING_COUNT %}
								<span class="rating-avg">{{ TOPIC_RATING_AVG }}</span> 
								(<span class="rating-count">{{ TOPIC_RATING_COUNT }}</span> {% if TOPIC_RATING_COUNT == 1 %}{{ lang('RATING_VOTE') }}{% else %}{{ lang('RATING_VOTES') }}{% endif %})
							{% else %}
								<span class="rating-bold">{{ lang('RATING_TOPIC') }}</span>
							{% endif %}
						</span>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	{% elseif TOPIC_RATING_MODE == 2 %}
		{# Upvote/Downvote Mode #}
		<div class="panel bg1 stoker-rating">
			<div class="inner">
			<h3 class="rate rating-heading">
				{{ lang('RATING_RATE') }}
				<span class="rating-remove-holder"></span>
				{% if TOPIC_CAN_MOD_DELETE %}<a href="#" class="rating-mod-delete-link"{% if not TOPIC_HAS_RATINGS %} style="display:none"{% endif %} data-clear-hash="{{ TOPIC_MOD_DELETE_HASH }}" title="{{ lang('RATING_MOD_DELETE_ALL') }}"><i class="icon fa-trash fa-fw" aria-hidden="true"></i></a>{% endif %}
			</h3>
				<div class="topic-rating-container{% if not TOPIC_CAN_RATE %} rating-no-permission{% endif %}{% if not TOPICRATING_ALLOW_REVOTE and TOPIC_USER_RATING %} rating-already-voted{% endif %}" data-topic-id="{{ TOPIC_ID }}" data-avg-percentage="{{ TOPIC_RATING_PERCENTAGE }}" data-user-rating="{{ TOPIC_USER_RATING }}" data-allow-revote="{{ TOPICRATING_ALLOW_REVOTE }}" data-allow-remove="{{ TOPICRATING_ALLOW_REMOVE }}" data-rating-mode="{{ TOPIC_RATING_MODE }}" data-can-rate="{{ TOPIC_CAN_RATE }}" data-hash="{{ TOPIC_RATING_HASH }}" data-remove-hash="{{ TOPIC_RATING_REMOVE_HASH }}" data-entity-type="topic" data-can-mod-delete="{{ TOPIC_CAN_MOD_DELETE }}">
					<div class="topic-rating-upvote">
						{% if TOPIC_CAN_RATE %}
						<a href="#" class="minivote vote-up{% if not TOPICRATING_ALLOW_REVOTE and TOPIC_USER_RATING == -10 %} vote-disabled{% endif %}" data-vote="10" title="{{ lang('RATING_UPVOTE') }}">
							<i class="icon fa-thumbs-up fa-fw" aria-hidden="true"></i>
							<span class="vote-count upvote-count">{{ TOPIC_RATING_UPVOTES }}</span>
							{% if TOPIC_USER_RATING == 10 %}<i class="icon fa-check-circle user-voted" aria-hidden="true"></i>{% endif %}
						</a>
						<a href="#" class="minivote vote-down{% if not TOPICRATING_ALLOW_REVOTE and TOPIC_USER_RATING == 10 %} vote-disabled{% endif %}" data-vote="-10" title="{{ lang('RATING_DOWNVOTE') }}">
							<i class="icon fa-thumbs-down fa-fw" aria-hidden="true"></i>
							<span class="vote-count downvote-count">{{ TOPIC_RATING_DOWNVOTES }}</span>
							{% if TOPIC_USER_RATING == -10 %}<i class="icon fa-check-circle user-voted" aria-hidden="true"></i>{% endif %}
						</a>
						{% else %}
						<span class="minivote vote-up vote-disabled">
							<i class="icon fa-thumbs-up fa-fw" aria-hidden="true"></i>
							<span class="vote-count upvote-count">{{ TOPIC_RATING_UPVOTES }}</span>
						</span>
						<span class="minivote vote-down vote-disabled">
							<i class="icon fa-thumbs-down fa-fw" aria-hidden="true"></i>
							<span class="vote-count downvote-count">{{ TOPIC_RATING_DOWNVOTES }}</span>
						</span>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	{% elseif TOPIC_RATING_MODE == 3 %}
		{# Upvote Only Mode #}
		<div class="panel bg1 stoker-rating">
			<div class="inner">
			<h3 class="rate rating-heading">
				{{ lang('RATING_RATE') }}
				<span class="rating-remove-holder"></span>
				{% if TOPIC_CAN_MOD_DELETE %}<a href="#" class="rating-mod-delete-link"{% if not TOPIC_HAS_RATINGS %} style="display:none"{% endif %} data-clear-hash="{{ TOPIC_MOD_DELETE_HASH }}" title="{{ lang('RATING_MOD_DELETE_ALL') }}"><i class="icon fa-trash fa-fw" aria-hidden="true"></i></a>{% endif %}
			</h3>
				<div class="topic-rating-container{% if not TOPIC_CAN_RATE %} rating-no-permission{% endif %}{% if not TOPICRATING_ALLOW_REVOTE and TOPIC_USER_RATING %} rating-already-voted{% endif %}" data-topic-id="{{ TOPIC_ID }}" data-avg-percentage="{{ TOPIC_RATING_PERCENTAGE }}" data-user-rating="{{ TOPIC_USER_RATING }}" data-allow-revote="{{ TOPICRATING_ALLOW_REVOTE }}" data-allow-remove="{{ TOPICRATING_ALLOW_REMOVE }}" data-rating-mode="{{ TOPIC_RATING_MODE }}" data-can-rate="{{ TOPIC_CAN_RATE }}" data-hash="{{ TOPIC_RATING_HASH }}" data-remove-hash="{{ TOPIC_RATING_REMOVE_HASH }}" data-entity-type="topic" data-can-mod-delete="{{ TOPIC_CAN_MOD_DELETE }}">
					<div class="topic-rating-upvote">
						{% if TOPIC_CAN_RATE %}
						<a href="#" class="minivote vote-up" data-vote="10" title="{{ lang('RATING_UPVOTE') }}">
							<i class="icon fa-thumbs-up fa-fw" aria-hidden="true"></i>
							<span class="vote-count upvote-count">{{ TOPIC_RATING_UPVOTES }}</span>
							{% if TOPIC_USER_RATING == 10 %}<i class="icon fa-check-circle user-voted" aria-hidden="true"></i>{% endif %}
						</a>
						{% else %}
						<span class="minivote vote-up vote-disabled">
							<i class="icon fa-thumbs-up fa-fw" aria-hidden="true"></i>
							<span class="vote-count upvote-count">{{ TOPIC_RATING_UPVOTES }}</span>
						</span>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	{% endif %}
{% endif %}