<xf:title>{{ phrase('outdated_phrases') }}</xf:title>

<xf:if is="$total">
	<div class="block">
		<div class="block-outer">
			<xf:macro id="filter_macros::quick_filter" arg-key="outdated-phrases" arg-class="block-outer-opposite" />
		</div>
		<div class="block-container">
			<div class="block-body">
				<xf:datalist>
					<xf:foreach loop="$languageTree.getFlattened(0)" value="$treeEntry">
						<xf:set var="$language" value="{$treeEntry.record}" />
						<xf:set var="$outdatedForLang" value="{$outdatedGrouped.{$language.language_id}}" />
						<xf:if is="$outdatedForLang is not empty">
							<xf:datarow rowtype="subsection" rowclass="dataList-row--noHover">
								<xf:cell>{$language.title}</xf:cell>
							</xf:datarow>
							<xf:foreach loop="$outdatedForLang" value="$outdated">
								<xf:datarow>
									<xf:cell href="{{ link('phrases/edit', $outdated.phrase) }}" class="dataList-cell--main">
										<div class="dataList-mainRow" dir="auto">{$outdated.phrase.title}</div>
										<div class="dataList-subRow">
											<ul class="listInline listInline--bullet">
												<li>{{ phrase('custom_version:') }} {$outdated.phrase.version_string}</li>
												<li>{{ phrase('parent_version:') }} {$outdated.parent_version_string}</li>
											</ul>
										</div>
									</xf:cell>
								</xf:datarow>
							</xf:foreach>
						</xf:if>
					</xf:foreach>
				</xf:datalist>
			</div>
			<div class="block-footer">
				<span class="block-footer-counter">{{ display_totals($total) }}</span>
			</div>
		</div>
	</div>
<xf:else />
	<div class="blockMessage">{{ phrase('there_are_no_outdated_phrases') }}</div>
</xf:if>