<!-- INCLUDE ucp_header.html -->

<form id="ucp" method="post" action="{S_UCP_ACTION}"{S_FORM_ENCTYPE}>

<h2>{L_TITLE}</h2>

<div class="panel">
	<div class="inner">

	<p>{L_BOOKMARKS_EXPLAIN}</p>

<!-- IF S_NO_DISPLAY_BOOKMARKS -->
	<p class="error">{L_BOOKMARKS_DISABLED}</p>
<!-- ELSE -->

<!-- IF .topicrow -->
	<ul class="topiclist missing-column">
		<li class="header">
			<dl class="row-item">
				<dt><div class="list-inner">{L_BOOKMARKS}</div></dt>
				<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
				<dd class="mark">{L_MARK}</dd>
			</dl>
		</li>
	</ul>
	<ul class="topiclist cplist missing-column">

	<!-- BEGIN topicrow -->
		<li class="row<!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ELSEIF topicrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
			<!-- IF topicrow.S_DELETED_TOPIC -->
				<dl>
					<dt><div class="list-inner"><strong>{L_DELETED_TOPIC}</strong></div></dt>
					<dd class="lastpost"><span>&nbsp;</span></dd>
					<dd class="mark"><input type="checkbox" name="t[{topicrow.TOPIC_ID}]" id="t{topicrow.TOPIC_ID}" /></dd>
				</dl>
			<!-- ELSE -->
			<dl class="row-item">
				<dt>
					<a class="row-item-link{% if topicrow.S_UNREAD_TOPIC %} unread{% else %} read{% endif %}" href="{topicrow.U_NEWEST_POST}" title="{topicrow.TOPIC_FOLDER_IMG_ALT}">
						{{ Icon('svg', {
							'globe' : topicrow.S_POST_GLOBAL,
							'bullhorn' : topicrow.S_POST_ANNOUNCE,
							'thumbtack' : topicrow.S_POST_STICKY,
							'lock' : topicrow.S_TOPIC_LOCKED,
							'arrow-right-bold' : topicrow.S_TOPIC_MOVED,
							'fire' : topicrow.S_TOPIC_HOT,
							'file-document-outline' : true,
						}, '', true, 'c-forum-row-icon') }}
					</a>
					{% if lang(topicrow.TOPIC_AUTHOR) == S_USERNAME %}
						<span class="row-item-link-mine"></span>
					{% endif%}
					{% if topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS %}
						<img class="row-item-sub" src="{T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}" alt="">
					{% endif %}
					<div class="list-inner">
						{% if topicrow.S_UNREAD_TOPIC %}
							<a href="{{ topicrow.U_NEWEST_POST }}" class="topictitle unread">{{ topicrow.TOPIC_TITLE }}</a>
						{% else %}
							<a href="{{ topicrow.U_VIEW_TOPIC }}" class="topictitle">{{ topicrow.TOPIC_TITLE }}</a>
						{% endif %}
						<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED -->
							<a href="{topicrow.U_MCP_QUEUE}" title="{L_TOPIC_UNAPPROVED}">
								{{ Icon('font', 'circle-question', lang('TOPIC_UNAPPROVED'), true, 'fas c-unapproved-icon') }}
							</a>
						<!-- ENDIF -->
						<!-- IF topicrow.S_TOPIC_REPORTED -->
							<a href="{topicrow.U_MCP_REPORT}" title="{L_TOPIC_REPORTED}">
								{{ Icon('font', 'triangle-exclamation', lang('TOPIC_REPORTED'), true, 'fas c-topic-reported-icon') }}
							</a>
						<!-- ENDIF -->
						<br />
						{% EVENT ucp_main_bookmarks_topic_title_after %}
						<!-- IF .topicrow.pagination -->
						<div class="pagination">
							<ul>
								<!-- BEGIN pagination -->
									<!-- IF topicrow.pagination.S_IS_PREV -->
									<!-- ELSEIF topicrow.pagination.S_IS_CURRENT -->
										<li class="active"><span>{{ topicrow.pagination.PAGE_NUMBER }}</span></li>
									<!-- ELSEIF topicrow.pagination.S_IS_ELLIPSIS -->
										<li class="ellipsis"><span>{{ lang('ELLIPSIS') }}</span></li>
									<!-- ELSEIF topicrow.pagination.S_IS_NEXT -->
									<!-- ELSE -->
										<li><a class="button" href="{{ topicrow.pagination.PAGE_URL }}" role="button">{{ topicrow.pagination.PAGE_NUMBER }}</a></li>
									<!-- ENDIF -->
								<!-- END pagination -->
							</ul>
						</div>
						<!-- ENDIF -->
						<div class="responsive-hide">
							<!-- IF topicrow.ATTACH_ICON_IMG -->{{ Icon('font', 'paperclip', '', true) }} <!-- ENDIF -->
							{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
						</div>
						<div class="responsive-show" style="display: none;">
							<!-- IF topicrow.ATTACH_ICON_IMG -->{{ Icon('font', 'paperclip', '', true) }} <!-- ENDIF -->
							{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} &laquo;
							<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>
						</div>
					</div>
				</dt>
				<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
					<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
						{{ Icon('font', 'arrow-up-right-from-square', VIEW_LATEST_POST, true, 'fas c-last-post-icon') }}
					</a>
					<br />{topicrow.LAST_POST_TIME}</span>
				</dd>
				<dd class="mark"><input type="checkbox" name="t[{topicrow.TOPIC_ID}]" id="t{topicrow.TOPIC_ID}" /></dd>
			</dl>
			<!-- ENDIF -->
		</li>
	<!-- END topicrow -->
	</ul>

	<div class="action-bar bar-bottom">
		<div class="pagination">
			{TOTAL_TOPICS}
			<!-- IF .pagination -->
				<!-- INCLUDE pagination.html -->
			<!-- ELSE -->
				 &bull; {PAGE_NUMBER}
			<!-- ENDIF -->
		</div>
	</div>

<!-- ELSE -->
	<p><strong>{L_NO_BOOKMARKS}</strong></p>
<!-- ENDIF -->

<!-- ENDIF -->

	</div>
</div>

<!-- IF .topicrow and not S_NO_DISPLAY_BOOKMARKS -->
	<fieldset class="display-actions">
		<input type="submit" name="unbookmark" value="{L_REMOVE_BOOKMARK_MARKED}" class="button1 button button-form-bold" />
		<div><a href="#" onclick="marklist('ucp', '', true); return false;">{L_MARK_ALL}</a> &bull; <a href="#" onclick="marklist('ucp', '', false); return false;">{L_UNMARK_ALL}</a></div>
		{S_FORM_TOKEN}
	</fieldset>
<!-- ENDIF -->
</form>

<!-- INCLUDE ucp_footer.html -->
