<style>
.left_block {width:100%;}
</style>
<div class="r_block">
	<div class="r_block_head">
	 Тикеты
	</div> 
	<div class="r_block_c pad0">
		<section>
			<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>
	</div>
</div>
<script src="{site_host}templates/{template}/js/tabs.js"></script>
<script>
	(function() {
		[].slice.call( document.querySelectorAll( '.tabs' ) ).forEach( function( el ) {
			new CBPFWTabs( el );
		});
	})();
</script>
