<!-- 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_WATCHED_EXPLAIN}</p>

<!-- IF .forumrow -->
	<ul class="topiclist missing-column">
		<li class="header">
			<dl class="row-item">
				<dt><div class="list-inner">{L_WATCHED_FORUMS}</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 forumrow -->
		<li class="row<!-- IF forumrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
			<dl class="row-item">
				<dt>
					<a class="row-item-link{% if forumrow.S_UNREAD_FORUM %} unread{% else %} read{% endif %}" href="{forumrow.U_VIEWFORUM}">
						{{ Icon('svg', {
							'link-variant' : forumrow.S_IS_LINK,
							'lock' : forumrow.S_LOCKED_FORUM,
							'file-document-box-multiple-outline' : forumrow.S_SUBFORUMS,
							'file-document-box-outline' : true,
						}, '', true, 'c-forum-row-icon') }}
					</a>
					<div class="list-inner">
						<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
						{forumrow.FORUM_DESC}
						<!-- IF forumrow.LAST_POST_TIME -->
						<div class="responsive-show" style="display: none;">
							{L_LAST_POST} {L_POST_BY_AUTHOR} {forumrow.LAST_POST_AUTHOR_FULL} &laquo; <a href="{forumrow.U_LAST_POST}">{forumrow.LAST_POST_TIME}</a>
						</div>
						<!-- ENDIF -->
					</div>
				</dt>
				<dd class="lastpost">
					<!-- IF forumrow.LAST_POST_TIME_RFC3339 -->
						<span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {forumrow.LAST_POST_AUTHOR_FULL}
							<a href="{forumrow.U_LAST_POST}">
								{{ Icon('font', 'arrow-up-right-from-square', VIEW_LATEST_POST, true, 'fas c-last-post-icon') }}
							</a>
							<br /><time datetime="{forumrow.LAST_POST_TIME_RFC3339}">{forumrow.LAST_POST_TIME}</time></span>
					<!-- ELSE -->
						{L_NO_POSTS}<br />&nbsp;
					<!-- ENDIF -->
				</dd>
				<dd class="mark"><input type="checkbox" name="f[{forumrow.FORUM_ID}]" id="f{forumrow.FORUM_ID}" /></dd>
			</dl>
		</li>
	<!-- END forumrow -->
	</ul>
<!-- ELSEIF S_FORUM_NOTIFY -->
    <ul class="topiclist">
        <li class="header">
            <dl class="row-item">
                <dt>{L_WATCHED_FORUMS}</dt>
            </dl>
        </li>
    </ul>
	<p><strong>{L_NO_WATCHED_FORUMS}</strong></p>
<!-- ENDIF -->
    <br />

<!-- IF .topicrow -->
	<ul class="topiclist missing-column">
		<li class="header">
			<dl class="row-item">
				<dt><div class="list-inner">{L_WATCHED_TOPICS}</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 -->">
			<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_subscribed_topic_title_after %}
						<!-- IF .topicrow.pagination -->
						<div class="pagination">
							<span>{{ Icon('font', 'clone', '', true, 'far') }}</span>
							<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>
		</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>

<!-- ELSEIF S_TOPIC_NOTIFY -->
    <ul class="topiclist">
        <li class="header">
            <dl class="row-item">
                <dt>{L_WATCHED_TOPICS}</dt>
            </dl>
        </li>
    </ul>
	<p><strong>{L_NO_WATCHED_TOPICS}</strong></p>
<!-- ENDIF -->

	</div>
</div>

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

<!-- INCLUDE ucp_footer.html -->
