<div id="globalcss">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{openzc:define.HEADING_TITLE/}</title>
{openzc:include filename="system/common/css.tpl"/}
</head>
<body>
<div class="container mb-5 p-6">
	{openzc:catelist type="top"}
	<article class="message is-dark">
		<div class="message-body">
		<h3 class="subtitle"><a href="[field:categories_link/]">[field:categories_name/] ([field:count/])</a></h3>

		{openzc:if $field['has_sub_cat']}
		<div class="is-info is-light">
			<ul class="menu-list">
				{openzc:loopson}
				<li>
					<a href="[field:categories_link/]">-[field:categories_name/] ([field:count/])</a>
					{openzc:if $field['has_sub_cat']}
						<ul class="menu-list">
						{openzc:loopson}
							<li><a href="[field:categories_link/]">--[field:categories_name/] ([field:count/])</a></li>
						{/openzc:loopson}
						</ul>
					{/openzc:if}
				</li>
				{/openzc:loopson}
			</ul>
		</div>
		{/openzc:if}
		</div>
	</article>
	{/openzc:catelist}
</div>
</body>
{openzc:include filename="system/common/js.tpl"/}
</html>
</div>