<section class="mt--10">
	<div class="tabs tabs-style-topline">
		<nav>
			<ul>
				<li><a href="#section-topline-1"><span>Открытые тикеты ({count1})</span></a></li>
				<li><a href="#section-topline-2"><span>Закрытые тикеты ({count2})</span></a></li>
			</ul>
		</nav>
		<div class="content-wrap">
			<section id="section-topline-1">
				<table class="table table-bordered mb-0">
					<thead>
						<tr>
							<td width="10%">#</td>
							<td>Тема</td>
							<td>Открыл</td>
							<td>Последний ответ</td>
							<td>Дата создания</td>
						</tr>
					</thead>
					<tbody id="open_tickets">
						<tr><td colspan="5"><center><img src="{site_host}templates/{template}/img/loader.gif"></center></td></tr>
					</tbody>
				</table>
				<script>load_open_tickets();</script>
			</section>
			<section id="section-topline-2">
				<table class="table table-bordered mb-0">
					<thead>
						<tr>
							<td width="10%">#</td>
							<td>Тема</td>
							<td>Закрыл</td>
							<td>Последний ответ</td>
							<td>Дата создания</td>
						</tr>
					</thead>
					<tbody id="close_tickets">
						<tr><td colspan="5"><center><img src="{site_host}templates/{template}/img/loader.gif"></center></td></tr>
					</tbody>
				</table>
				<script>load_close_tickets('first');</script>
			</section>
		</div>
	</div>
</section>

<script src="{site_host}templates/{template}/js/tabs.js"></script>
<script>
	(function() {
		[].slice.call( document.querySelectorAll( '.tabs' ) ).forEach( function( el ) {
			new CBPFWTabs( el );
		});
	})();
</script>
