{% if S_AT_LOCATION_BOTTOM || S_AT_LOCATION_TOP %}

<a id="announcement-topics"></a>

{% if loops.pagination|length and (S_AT_LOCATION_TOP) %}
<div class="action-bar">
	<div class="pagination">
		{% INCLUDE 'pagination.html' %}
	</div>
</div>
{% endif %}

{% for announcement_topics in loops.announcement_topics %}
{% if not announcement_topics.S_TOPIC_TYPE_SWITCH and not announcement_topics.S_FIRST_ROW %}
</ul>
</div>
</div>
{% endif %}

{% if announcement_topics.S_FIRST_ROW or not announcement_topics.S_TOPIC_TYPE_SWITCH %}
<a class="category{% if S_AT_COLCAT_HIDDEN %} hidden-category{% endif %}" style="display: none; height: 0"></a>
<div id="announcement-topics-box" class="forabg announcement-topics">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl class="row-item">
					<dt><div class="list-inner">{{ lang('ANNOUNCEMENT_TOPICS') }}</div></dt>
					<dd class="posts">{{ lang('REPLIES') }}</dd>
					<dd class="views">{{ lang('VIEWS') }}</dd>
					<dd class="lastpost"><span>{{ lang('LAST_POST') }}</span></dd>
				</dl>
				{% set S_CC_FORUM_HIDDEN = S_AT_COLCAT_HIDDEN %}
				{% set U_CC_COLLAPSE_URL = U_AT_COLCAT_COLLAPSE_URL %}
				{% include '@phpbb_collapsiblecategories/collapsible_categories_button.html' ignore missing %}
			</li>
		</ul>
		<ul class="topiclist topics collapsible">
			{% endif %}
			<li class="row{% if announcement_topics.S_ROW_COUNT is even %} bg1{% else %} bg2{% endif %}{% if announcement_topics.S_POST_GLOBAL %} global-announce{% endif %}{% if announcement_topics.S_POST_ANNOUNCE %} announce{% endif %}{% if announcement_topics.S_POST_STICKY %} sticky{% endif %}{% if announcement_topics.S_TOPIC_REPORTED %} reported{% endif %}">

				<dl class="row-item {{ announcement_topics.TOPIC_IMG_STYLE }}">
					<dt{% if announcement_topics.TOPIC_ICON_IMG and S_TOPIC_ICONS %} style="background-image: url({{ T_ICONS_PATH }}{{ announcement_topics.TOPIC_ICON_IMG }}); background-repeat: no-repeat;"{% endif %} title="{{ announcement_topics.TOPIC_FOLDER_IMG_ALT }}">
					{% if announcement_topics.S_UNREAD_TOPIC and not S_IS_BOT %}<a href="{{ announcement_topics.U_NEWEST_POST }}" class="row-item-link"></a>{% endif %}
					<div class="list-inner">
						{% EVENT topiclist_row_prepend %}
						{% if announcement_topics.S_UNREAD_TOPIC and not S_IS_BOT %}
						<a href="{{ announcement_topics.U_NEWEST_POST }}">
						<i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only"></span>
						</a> {% endif %}<a href="{{ announcement_topics.U_VIEW_TOPIC }}" class="topictitle">{{ announcement_topics.TOPIC_TITLE }}</a>

						{% if announcement_topics.ATTACH_ICON_IMG %}<i class="icon fa-paperclip fa-fw" aria-hidden="true"></i>{% endif %}

						{% if announcement_topics.S_TOPIC_UNAPPROVED or announcement_topics.S_POSTS_UNAPPROVED %}<a href="{{ announcement_topics.U_MCP_QUEUE }}">
						<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span class="sr-only"></span></a>
						{% endif %}
						{% if announcement_topics.S_TOPIC_DELETED %}<a href="{{ announcement_topics.U_MCP_QUEUE }}"></a> {% endif %}
						{% if announcement_topics.S_TOPIC_REPORTED %}<a href="{{ announcement_topics.U_MCP_REPORT }}"><i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i><span class="sr-only"></span></a>{% endif %}<br />

						{% if not S_IS_BOT %}
						<div class="responsive-show" style="display: none;">
							{{ lang('LAST_POST') }} {{ lang('POST_BY_AUTHOR') }} {% EVENT viewforum_body_last_post_author_username_prepend %} {{ announcement_topics.LAST_POST_AUTHOR_FULL }} {% EVENT viewforum_body_last_post_author_username_append %} &laquo; <a href="{{ announcement_topics.U_LAST_POST }}" title="{{ lang('GOTO_LAST_POST') }}">{{ announcement_topics.LAST_POST_TIME }}</a>
							{% if announcement_topics.S_POST_GLOBAL and FORUM_ID != announcement_topics.FORUM_ID %}<br />{{ lang('POSTED') }} {{ lang('IN') }} <a href="{{ announcement_topics.U_VIEW_FORUM }}">{{ announcement_topics.FORUM_NAME }}</a>{% endif %}
						</div>
						{% if announcement_topics.REPLIES %}<span class="responsive-show left-box" style="display: none;">{{ lang('REPLIES') }}{{ lang('COLON') }} <strong>{{ announcement_topics.REPLIES }}</strong></span>{% endif %}
						{% endif %}

						{% if announcement_topics.pagination|length %}
						<div class="pagination">
							<span>
							<i class="icon fa-clone fa-fw" aria-hidden="true">	</i>
							</span>
							<ul>
								{% for pagination in announcement_topics.pagination %}
								{% if pagination.S_IS_PREV %}
								{% elseif pagination.S_IS_CURRENT %}<li class="active"><span>{{ pagination.PAGE_NUMBER }}</span></li>
								{% elseif pagination.S_IS_ELLIPSIS %}<li class="ellipsis"><span>{{ lang('ELLIPSIS') }}</span></li>
								{% elseif pagination.S_IS_NEXT %}
								{% else %}<li><a class="button" href="{{ pagination.PAGE_URL }}">{{ pagination.PAGE_NUMBER }}</a></li>
								{% endif %}
								{% endfor %}
							</ul>
						</div>
						{% endif %}

						<div class="responsive-hide">
							{% if announcement_topics.S_HAS_POLL %}<i class="icon fa-bar-chart fa-fw" aria-hidden="true"></i>{% endif %}
							{{ lang('POST_BY_AUTHOR') }} {% EVENT viewforum_body_topic_author_username_prepend %} {{ announcement_topics.TOPIC_AUTHOR_FULL }} {% EVENT viewforum_body_topic_author_username_append %} &raquo; {{ announcement_topics.FIRST_POST_TIME }}
							{% if announcement_topics.S_POST_GLOBAL and FORUM_ID != announcement_topics.FORUM_ID %} &raquo; {{ lang('IN') }} <a href="{{ announcement_topics.U_VIEW_FORUM }}">{{ announcement_topics.FORUM_NAME }}</a>
							{% elseif announcement_topics.U_VIEW_FORUM and announcement_topics.FORUM_NAME %} &raquo; {{ lang('IN') }} {% for parent_forums in announcement_topics.parent_forums %}<a href="{{ parent_forums.U_VIEW_FORUM }}">{{ parent_forums.FORUM_NAME }}</a> &raquo; {% endfor %}<a href="{{ announcement_topics.U_VIEW_FORUM }}">{{ announcement_topics.FORUM_NAME }}</a>{% endif %}
						</div>

						{% EVENT topiclist_row_append %}
					</div>
					</dt>
					<dd class="posts">{{ announcement_topics.REPLIES }} <dfn>{{ lang('REPLIES') }}</dfn></dd>
					<dd class="views">{{ announcement_topics.VIEWS }} <dfn>{{ lang('VIEWS') }}</dfn></dd>
					<dd class="lastpost">

						<span><dfn>{{ lang('LAST_POST') }} </dfn>{{ lang('POST_BY_AUTHOR') }} {% EVENT viewforum_body_last_post_author_username_prepend %} {{ announcement_topics.LAST_POST_AUTHOR_FULL }} {% EVENT viewforum_body_last_post_author_username_append %}
						{% if not S_IS_BOT %}
							<a href="{{ announcement_topics.U_LAST_POST }}" title="{{ lang('GOTO_LAST_POST') }}">
								<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i>
								<span class="sr-only">{{ VIEW_LATEST_POST }}</span>
							</a> {% endif %}<br />{{ announcement_topics.LAST_POST_TIME }}
						</span>
					</dd>
				</dl>
			</li>
			{% if announcement_topics.S_LAST_ROW %}
		</ul>
	</div>
</div>
{% endif %}

{% else %}
<div class="panel">
	<div class="inner" style="padding: 10px;" >
		<strong>{{ lang('AT_NO_TOPICS') }}</strong>
	</div>
</div>
{% endfor %}

{% if loops.pagination|length and (S_AT_LOCATION_BOTTOM) %}
<div class="action-bar">
	<div class="pagination">
		{% INCLUDE 'pagination.html' %}
	</div>
</div>
{% endif %}

{% endif %}