{% if S_USER_LOGGED_IN %}

{% if DONATE_GOAL_IS_COLLAPSIBLE %}
	<a class="category{% if S_DONATE_GOAL_HIDDEN %} hidden-category{% endif %} donate-category"></a>
{% endif %}

{% if SCRIPT_NAME eq "index" %}
<div class="forabg">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl class="row-item">
					<dt>{{ lang('GOAL_TITLE') }}</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
				{% if DONATE_GOAL_IS_COLLAPSIBLE %}
				<a href="{{ U_DONATE_GOAL_COLLAPSE_URL }}"
					class="collapse-btn donate-collapse"
					data-hidden="{{ S_DONATE_GOAL_HIDDEN }}"
					data-ajax="phpbb_collapse"
					data-overlay="true"
					data-title-alt="{{ lang('DONATE_COLLAPSE_TITLE', ((not S_DONATE_GOAL_HIDDEN) * 1)) }}"
					title="{{ lang('DONATE_COLLAPSE_TITLE', (S_DONATE_GOAL_HIDDEN * 1)) }}">
						<i class="fa {% if S_DONATE_GOAL_HIDDEN %}fa-plus-square{% else %}fa-minus-square{% endif %}"></i>
				</a>
				{% endif %}
			</li>
		</ul>
		<ul class="topiclist forums">
			<li class="row-items">
				<dl>
					<dt style="width:97%;">
						<div id="donation_goal">
							{{ GOAL_PROGRESSBAR }}
						</div>
						<p style="margin: 5px 0 5px 5px;">{{ lang('GOAL_RECEIVED') ~ lang('COLON') }} <b>{{ CURRENCY_SYMBOL }} {{ GOAL_AMOUNT_RECEIVED }}</b> &bull; {{ lang('GOAL') ~ lang('COLON') }} <b>{{ CURRENCY_SYMBOL }} {{ GOAL_AMOUNT }} </b> &bull; {% if GOAL_UNTIL == 0 %}<i>{{ lang('GOAL_REACHED') }}</i>{% else %}{{ lang('GOAL_UNTIL') ~ lang('COLON') }} <b>{{ CURRENCY_SYMBOL }} {{ GOAL_UNTIL }} {% endif %}</b><b id="donate"><i class="icon fa fa-heart fa-spin icon-red"></i><a href="{{ U_DONATE }}" title="{{ lang('DONATE_EXPLAIN') }}">{{ lang('DONATE') }}</a>{% if S_DONORLIST_ENABLE %} &bull; <i class="icon fa fa-users"></i><a href="{{ U_DONORLIST }}" title="{{ lang('DONORLIST_EXPLAIN') }}">{{ lang('DONORLIST') }}</a>{% endif %}</b></p>
					</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
			</li>
		</ul>
	</div>
</div>
{% else %}
<div class="forabg">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl class="row-item">
					<dt>{{ lang('GOAL_TITLE') }}</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
				{% if DONATE_GOAL_IS_COLLAPSIBLE %}
				<a href="{{ U_DONATE_GOAL_COLLAPSE_URL }}"
					class="collapse-btn donate-collapse"
					data-hidden="{{ S_DONATE_GOAL_HIDDEN }}"
					data-ajax="phpbb_collapse"
					data-overlay="true"
					data-title-alt="{{ lang('DONATE_COLLAPSE_TITLE', ((not S_DONATE_GOAL_HIDDEN) * 1)) }}"
					title="{{ lang('DONATE_COLLAPSE_TITLE', (S_DONATE_GOAL_HIDDEN * 1)) }}">
						<i class="fa {% if S_DONATE_GOAL_HIDDEN %}fa-plus-square{% else %}fa-minus-square{% endif %}"></i>
				</a>
				{% endif %}
			</li>
		</ul>
		<ul class="topiclist forums">
			<li class="row-items">
				<dl>
					<dt style="width:97%;">
						<div id="donation_goal">
							{{ GOAL_PROGRESSBAR }}
						</div>
						<p style="margin: 5px 0 5px 5px;">{{ lang('GOAL_RECEIVED') ~ lang('COLON') }} <b>{{ CURRENCY_SYMBOL }} {{ GOAL_AMOUNT_RECEIVED }}</b> &bull; {{ lang('GOAL') ~ lang('COLON') }} <b>{{ CURRENCY_SYMBOL }} {{ GOAL_AMOUNT }} </b> &bull; {% if GOAL_UNTIL == 0 %}<i>{{ lang('GOAL_REACHED') }}</i>{% else %}{{ lang('GOAL_UNTIL') ~ lang('COLON') }} <b>{{ CURRENCY_SYMBOL }} {{ GOAL_UNTIL }} {% endif %}</b></p>
					</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
			</li>
		</ul>
	</div>
</div>
{% endif %}
{% endif %}