<xf:macro name="depth1"
	arg-node="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
	arg-depth="1">

	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro name="search_forum"
					arg-node="{$node}"
					arg-extras="{$extras}"
					arg-children="{$children}"
					arg-childExtras="{$childExtras}"
					arg-depth="{$depth}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro name="depth2"
	arg-node="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
	arg-depth="1">

	<xf:macro name="search_forum"
		arg-node="{$node}"
		arg-extras="{$extras}"
		arg-children="{$children}"
		arg-childExtras="{$childExtras}"
		arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN"
	arg-node="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
	arg-depth="1">

	<li>
		<a href="{{ link('search-forums', $node) }}" class="subNodeLink subNodeLink--search">{$node.title}</a>

		<xf:macro template="forum_list" name="sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>

<xf:macro name="search_forum"
	arg-node="!"
	arg-extras="!"
	arg-children="{$children}"
	arg-childExtras="{$childExtras}"
	arg-depth="!">

	<div class="node node--id{$node.node_id} node--depth{$depth} node--search">
		<div class="node-body">
			<span class="node-icon" aria-hidden="true"><i></i></span>

			<div class="node-main js-nodeMain">
				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />

				<h3 class="node-title">
					<a
						href="{{ link('search-forums', $node) }}"
						data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}"
						data-shortcut="node-description">

						{$node.title}
					</a>
					<xf:if is="{$extras.hasNew} && property('uix_newNodeMarker')"><span class="uix_newIndicator">{{ phrase('new') }}</span></xf:if>
				</h3>

				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">
						{$node.description|raw}
					</div>
				</xf:if>

				<xf:if is="!property('uix_hideNodeStats')">
					<div class="node-meta">
						<div class="node-statsMeta">
							<dl class="pairs pairs--inline">
								<xf:if is="property('uix_nodeStatsIcons')">
									<dt><xf:fa icon="fa-comment" /></dt>
									<xf:else />
									<dt>{{ phrase('threads') }}</dt>
								</xf:if>
								<dd>{$extras.discussion_count|number_short(1)}{{ $extras.discussion_count == $extras.max_results ? '+' : ''}}</dd>
							</dl>

							<dl class="pairs pairs--inline">
								<xf:if is="property('uix_nodeStatsIcons')">
									<dt><xf:fa icon="fa-comments" /></dt>
									<xf:else />
									<dt>{{ phrase('messages') }}</dt>
								</xf:if>
								<dd>{$extras.message_count|number_short(1)}</dd>
							</dl>
						</div>

						<xf:if is="$depth == 2 && property('nodeListSubDisplay') == 'menu'">
							<xf:macro template="forum_list" name="sub_nodes_menu"
									  arg-children="{$children}"
									  arg-childExtras="{$childExtras}"
									  arg-depth="{{ $depth + 1 }}" />
						</xf:if>
					</div>
				</xf:if>

				<xf:if is="$depth == 2 && property('nodeListSubDisplay') == 'flat'">
					<xf:macro template="forum_list" name="sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>
			</div>

			<xf:if is="{{!property('uix_hideNodeStats') }}">
				<div class="node-stats">
					<dl class="pairs pairs--rows">
						<dt>{{ phrase('threads') }}</dt>
						<dd>{$extras.discussion_count|number_short(1)}{{ $extras.discussion_count == $extras.max_results ? '+' : ''}}</dd>
					</dl>

					<dl class="pairs pairs--rows">
						<dt>{{ phrase('messages') }}</dt>
						<dd>{$extras.message_count|number_short(1)}</dd>
					</dl>
				</div>
			</xf:if>

			<div class="node-extra">
				<xf:if is="$extras.discussion_count">
					<xf:if is="$extras.LastThread">
						<div class="node-extra-icon">
							<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
								<xf:avatar user="{{ null }}" size="xs" />
								<xf:else />
								<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
							</xf:if>
						</div>

						<div class="uix_nodeExtra__rows">
							<div class="node-extra-row">
								<xf:if is="$extras.LastThread.isUnread()">
									<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">
										{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}
									</a>
									<xf:else />
									<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">
										{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}
									</a>
								</xf:if>
							</div>

							<div class="node-extra-row">
								<ul class="listInline listInline--bullet">
									<li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
									<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
										<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
										<xf:else />
										<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
									</xf:if>
								</ul>
							</div>
						</div>
						<xf:else />
						<span class="node-extra-placeholder">{{ phrase('private') }}</span>
					</xf:if>
					<xf:else />
					<span class="node-extra-placeholder">{{ phrase('none') }}</span>
				</xf:if>
			</div>
		</div>
	</div>

	<xf:if is="{$depth} == 1">
		<xf:macro template="forum_list" name="node_list"
			arg-children="{$children}"
			arg-extras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</xf:if>
</xf:macro>