{% if (FORUMGOAL_ENABLE and U_ACP) or not FORUMGOAL_ENABLE %}
<a class="category{% if S_FORUMGOAL_HIDDEN %} hidden-category{% endif %}" style="display: none; height: 0"></a>
<div class="forabg">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl class="row-item fgheaderleft">
					<dt>
						<div class="margingoal1">{{ lang('FORUM_GOALS') }}</div>
						<div class="margingoal2">&nbsp;{{ lang('FORUM_GOALS_TOTAL') }}</div>
						<div class="margingoal3">{{ lang('FORUM_GOALS_REMAINING') }}</div>
					</dt>
				</dl>
				{% set S_CC_FORUM_HIDDEN = S_FORUMGOAL_HIDDEN %}
				{% set U_CC_COLLAPSE_URL = U_FORUMGOAL_COLLAPSE_URL %}
				{% set L_CC_BUTTON_TITLE = 'FORUMGOAL_COLLAPSIBLE_TITLE' %}
				{% include '@phpbb_collapsiblecategories/collapsible_categories_button.html' ignore missing %}
			</li>
		</ul>
		<ul class="topiclist forums">
		{% EVENT stoker_forumgoal_top %}
		{% if FORUM_POST_GOAL > 0 %}
			<li class="row" title="{{ lang('FORUM_GOALS_POST_TITLE') }}">
				<div class="goalblock">
					<div class="fgleft">
						<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ FORUM_POST_GOAL }}</span> {{ lang('TOTAL_FORUM_POST_GOAL') }}</span></div>
						<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ FORUM_POST_GOAL_TOTAL }}</span> {{ lang('TOTAL_FORUM_POST_GOAL') }}</span></div>
						<div class="margingoal3">{% if FORUM_POST_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ FORUM_POST_REST }}</span> {{ lang('TOTAL_FORUM_POST_GOAL') }}</span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
					</div>
					<div class="progress fgright">
						<span class="{% if FORUM_POST_PERCENT < 34 %}red{% elseif FORUM_POST_PERCENT < 75 %}orange{% elseif FORUM_POST_PERCENT < 100 %}blue{% elseif FORUM_POST_PERCENT >= 100 %}green{% endif %}" style="width: {% if FORUM_POST_PERCENT > 100 %}100{% else %}{{ FORUM_POST_PERCENT }}{% endif %}%;"><span>{{ FORUM_POST_PERCENT_DEC }}%</span></span>
					</div>
			</div>
			</li>
		{% endif %}
		{% if FORUM_TOPIC_GOAL > 0 %}
			<li class="row" title="{{ lang('FORUM_GOALS_TOPIC_TITLE') }}">
				<div class="goalblock">
					<div class="fgleft">
						<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ FORUM_TOPIC_GOAL }}</span> {{ lang('TOTAL_FORUM_TOPIC_GOAL') }}</span></div>
						<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ FORUM_TOPIC_GOAL_TOTAL }}</span> {{ lang('TOTAL_FORUM_TOPIC_GOAL') }}</span></div>
						<div class="margingoal3">{% if FORUM_TOPIC_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ FORUM_TOPIC_REST }}</span> {{ lang('TOTAL_FORUM_TOPIC_GOAL') }}</span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
					</div>
					<div class="progress fgright">
						<span class="{% if FORUM_TOPIC_PERCENT < 34 %}red{% elseif FORUM_TOPIC_PERCENT < 75 %}orange{% elseif FORUM_TOPIC_PERCENT < 100 %}blue{% elseif FORUM_TOPIC_PERCENT >= 100 %}green{% endif %}" style="width: {% if FORUM_TOPIC_PERCENT > 100 %}100{% else %}{{ FORUM_TOPIC_PERCENT }}{% endif %}%;"><span>{{ FORUM_TOPIC_PERCENT_DEC }}%</span></span>
					</div>
				</div>
			</li>
		{% endif %}
		{% if FORUM_USER_GOAL > 0 %}
		<li class="row" title="{{ lang('FORUM_GOALS_USER_TITLE') }}">
		<div class="goalblock">
		<div class="fgleft">
		<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ FORUM_USER_GOAL }}</span> {{ lang('TOTAL_FORUM_USER_GOAL') }}</span></div>
		<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ FORUM_USER_GOAL_TOTAL }}</span> {{ lang('TOTAL_FORUM_USER_GOAL') }}</span></div>
		<div class="margingoal3">{% if FORUM_USER_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ FORUM_USER_REST }}</span> {{ lang('TOTAL_FORUM_USER_GOAL') }}</span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
		</div>
		<div class="progress fgright">
		<span class="{% if FORUM_USER_PERCENT < 34 %}red{% elseif FORUM_USER_PERCENT < 75 %}orange{% elseif FORUM_USER_PERCENT < 100 %}blue{% elseif FORUM_USER_PERCENT >= 100 %}green{% endif %}" style="width: {% if FORUM_USER_PERCENT > 100 %}100{% else %}{{ FORUM_USER_PERCENT }}{% endif %}%;"><span>{{ FORUM_USER_PERCENT_DEC }}%</span></span>
		</div>
		</div>
		</li>
		{% endif %}
		{% if FORUM_VIEW_GOAL > 0 %}
		<li class="row" title="{{ lang('FORUM_GOALS_VIEW_TITLE') }}">
		<div class="goalblock">
		<div class="fgleft">
		<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ FORUM_VIEW_GOAL }}</span> {{ lang('TOTAL_FORUM_VIEW_GOAL') }}</span></div>
		<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ TOTAL_VIEWS }}</span> {{ lang('TOTAL_FORUM_VIEW_GOAL') }}</span></div>
		<div class="margingoal3">{% if FORUM_VIEW_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ FORUM_VIEW_REST }}</span> {{ lang('TOTAL_FORUM_VIEW_GOAL') }}</span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
		</div>
		<div class="progress fgright">
		<span class="{% if FORUM_VIEW_PERCENT < 34 %}red{% elseif FORUM_VIEW_PERCENT < 75 %}orange{% elseif FORUM_VIEW_PERCENT < 100 %}blue{% elseif FORUM_VIEW_PERCENT >= 100 %}green{% endif %}" style="width: {% if FORUM_VIEW_PERCENT > 100 %}100{% else %}{{ FORUM_VIEW_PERCENT }}{% endif %}%;"><span>{{ FORUM_VIEW_PERCENT_DEC }}%</span></span>
		</div>
		</div>
		</li>
		{% endif %}
		{% EVENT stoker_forumgoal_middle %}
		{% if FORUM_FILES_GOAL > 0 %}
		<li class="row" title="{{ lang('FORUM_GOALS_FILES_TITLE') }}">
		<div class="goalblock">
		<div class="fgleft">
		<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ FORUM_FILES_GOAL }}</span> {{ lang('TOTAL_FORUM_FILE_GOAL') }}</span></div>
		<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ FORUM_FILES_GOAL_TOTAL }}</span> {{ lang('TOTAL_FORUM_FILE_GOAL') }}</span></div>
		<div class="margingoal3">{% if FORUM_FILES_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ FORUM_FILES_REST }}</span> {{ lang('TOTAL_FORUM_FILE_GOAL') }} </span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
		</div>
		<div class="progress fgright">
		<span class="{% if FORUM_FILES_PERCENT < 34 %}red{% elseif FORUM_FILES_PERCENT < 75 %}orange{% elseif FORUM_FILES_PERCENT < 100 %}blue{% elseif FORUM_FILES_PERCENT >= 100 %}green{% endif %}" style="width: {% if FORUM_FILES_PERCENT > 100 %}100{% else %}{{ FORUM_FILES_PERCENT }}{% endif %}%;"><span>{{ FORUM_FILES_PERCENT_DEC }}%</span></span>
		</div>
		</div>
		</li>
		{% endif %}
		{% if FORUM_TOTAL_FILESIZE_GOAL > 0 %}
		<li class="row" title="{{ lang('FORUM_GOALS_TOTAL_FILESIZE_TITLE') }}">
		<div class="goalblock">
		<div class="fgleft">
		<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ FORUM_TOTAL_FILESIZE_GOAL }}</span> {{ lang('TOTAL_FORUM_TOTAL_FILESIZE_GOAL') }}</span></div>
		<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ FORUM_TOTAL_FILESIZE_GOAL_TOTAL }}</span> {{ lang('TOTAL_FORUM_TOTAL_FILESIZE_GOAL') }}</span></div>
		<div class="margingoal3">{% if FORUM_TOTAL_FILESIZE_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ FORUM_TOTAL_FILESIZE_REST }}</span> {{ lang('TOTAL_FORUM_TOTAL_FILESIZE_GOAL') }} </span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
		</div>
		<div class="progress fgright">
		<span class="{% if FORUM_TOTAL_FILESIZE_PERCENT < 34 %}red{% elseif FORUM_TOTAL_FILESIZE_PERCENT < 75 %}orange{% elseif FORUM_TOTAL_FILESIZE_PERCENT < 100 %}blue{% elseif FORUM_TOTAL_FILESIZE_PERCENT >= 100 %}green{% endif %}" style="width: {% if FORUM_TOTAL_FILESIZE_PERCENT > 100 %}100{% else %}{{ FORUM_TOTAL_FILESIZE_PERCENT }}{% endif %}%;"><span>{{ FORUM_TOTAL_FILESIZE_PERCENT_DEC }}%</span></span>
		</div>
		</div>
		</li>
		{% endif %}
		{% if FORUM_DOWNLOADS_GOAL > 0 %}
		<li class="row" title="{{ lang('FORUM_GOALS_DOWNLOAD_TITLE') }}">
		<div class="goalblock">
		<div class="fgleft">
		<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ FORUM_DOWNLOADS_GOAL }}</span> {{ lang('TOTAL_FORUM_DOWNLOADS_GOAL') }}</span></div>
		<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ TOTAL_DOWNLOADS }}</span> {{ lang('TOTAL_FORUM_DOWNLOADS_GOAL') }}</span></div>
		<div class="margingoal3">{% if FORUM_DOWNLOADS_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ FORUM_DOWNLOADS_REST }}</span> {{ lang('TOTAL_FORUM_DOWNLOADS_GOAL') }} </span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
		</div>
		<div class="progress fgright">
		<span class="{% if FORUM_DOWNLOADS_PERCENT < 34 %}red{% elseif FORUM_DOWNLOADS_PERCENT < 75 %}orange{% elseif FORUM_DOWNLOADS_PERCENT < 100 %}blue{% elseif FORUM_DOWNLOADS_PERCENT >= 100 %}green{% endif %}" style="width: {% if FORUM_DOWNLOADS_PERCENT > 100 %}100{% else %}{{ FORUM_DOWNLOADS_PERCENT }}{% endif %}%;"><span>{{ FORUM_DOWNLOADS_PERCENT_DEC }}%</span></span>
		</div>
		</div>
		</li>
		{% endif %}
		{% if FORUM_IMG_VIEWS_GOAL > 0 %}
		<li class="row" title="{{ lang('FORUM_GOALS_IMG_VIEWS_TITLE') }}">
		<div class="goalblock">
		<div class="fgleft">
		<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ FORUM_IMG_VIEWS_GOAL }}</span> {{ lang('TOTAL_FORUM_IMG_VIEWS_GOAL') }}</span></div>
		<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ TOTAL_IMG_VIEWS }}</span> {{ lang('TOTAL_FORUM_IMG_VIEWS_GOAL') }}</span></div>
		<div class="margingoal3">{% if FORUM_IMG_VIEWS_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ FORUM_IMG_VIEWS_REST }}</span> {{ lang('TOTAL_FORUM_IMG_VIEWS_GOAL') }} </span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
		</div>
		<div class="progress fgright">
		<span class="{% if FORUM_IMG_VIEWS_PERCENT < 34 %}red{% elseif FORUM_IMG_VIEWS_PERCENT < 75 %}orange{% elseif FORUM_IMG_VIEWS_PERCENT < 100 %}blue{% elseif FORUM_IMG_VIEWS_PERCENT >= 100 %}green{% endif %}" style="width: {% if FORUM_IMG_VIEWS_PERCENT > 100 %}100{% else %}{{ FORUM_IMG_VIEWS_PERCENT }}{% endif %}%;"><span>{{ FORUM_IMG_VIEWS_PERCENT_DEC }}%</span></span>
		</div>
		</div>
		</li>
		{% endif %}
		{% if DONATION_GOAL_GOAL > 0 %}
		<li class="row" title="{{ lang('FORUM_GOALS_DONATION_TITLE') }} {{ DONATION_GOAL_CUR }}">
		<div class="goalblock">
		<div class="fgleft">
		<div class="margingoal1"><span class="perc-text"><span class="perc-textbold">{{ DONATION_GOAL_GOAL }}</span> {{ DONATION_GOAL_CUR }}</span></div>
		<div class="margingoal2"><span class="perc-text"><span class="perc-textbold">{{ DONATION_GOAL_TOTAL }}</span> {{ DONATION_GOAL_CUR }}</span></div>
		<div class="margingoal3">{% if DONATION_GOAL_PERCENT < 100 %}<span class="perc-text"><span class="perc-textbold">{{ DONATION_GOAL_REST }}</span> {{ DONATION_GOAL_CUR }}</span>{% else %}<span class="goal-ok">{{ lang('GOAL_REMAINING_ZERO') }}<i class="fa fa-check" aria-hidden="true"></i></span>{% endif %}</div>
		</div>
		<div class="progress fgright">
		<span class="{% if DONATION_GOAL_PERCENT < 34 %}red{% elseif DONATION_GOAL_PERCENT < 75 %}orange{% elseif DONATION_GOAL_PERCENT < 100 %}blue{% elseif DONATION_GOAL_PERCENT >= 100 %}green{% endif %}" style="width: {% if DONATION_GOAL_PERCENT > 100 %}100{% else %}{{ DONATION_GOAL_PERCENT }}{% endif %}%;"><span>{{ DONATION_GOAL_PERCENT_DEC }}%</span></span>
		</div>
		</div>
		</li>
		{% endif %}
		{% EVENT stoker_forumgoal_bottom %}
		</ul>
	</div>
</div>
{% endif %}