<div class="col-12">
	<h4>Таблица посещений</h4>
	<table class="table mt-4 mb-3">
		<thead class="border-success">
			<tr>
				<th>ID</th>
				<th>Сессия</th>
				<th>Пользователь</th>
				<th>IP-адрес</th>
				<th>Входная страница</th>
				<th>Дата</th>
				<th>Длительность (сек)</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>sess_12345</td>
				<td>45</td>
				<td>192.168.0.1</td>
				<td>/home</td>
				<td>2024-11-26 12:00:00</td>
				<td>300</td>
			</tr>
			<tr>
				<td>2</td>
				<td>sess_67890</td>
				<td>NULL</td>
				<td>192.168.0.2</td>
				<td>/about</td>
				<td>2024-11-26 12:10:00</td>
				<td>120</td>
			</tr>
		</tbody>
	</table>

	<!-- Таблица просмотренных страниц -->
	<h4>Таблица просмотренных страниц</h4>
	<table class="table mt-4 mb-3">
		<thead class="border-success">
			<tr>
				<th>ID</th>
				<th>Сессия</th>
				<th>URL страницы</th>
				<th>Время посещения</th>
				<th>Длительность (сек)</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>sess_12345</td>
				<td>/home</td>
				<td>2024-11-26 12:00:30</td>
				<td>180</td>
			</tr>
			<tr>
				<td>2</td>
				<td>sess_67890</td>
				<td>/about</td>
				<td>2024-11-26 12:10:15</td>
				<td>60</td>
			</tr>
		</tbody>
	</table>

	<!-- Таблица источников трафика -->
	<h4>Таблица источников трафика</h4>
	<table class="table mt-4 mb-3">
		<thead class="border-success">
			<tr>
				<th>ID</th>
				<th>Сессия</th>
				<th>Тип источника</th>
				<th>Детали источника</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>sess_12345</td>
				<td>search</td>
				<td>Google</td>
			</tr>
			<tr>
				<td>2</td>
				<td>sess_67890</td>
				<td>direct</td>
				<td>NULL</td>
			</tr>
		</tbody>
	</table>

	<!-- Таблица устройств -->
	<h4>Таблица устройств</h4>
	<table class="table mt-4 mb-3">
		<thead class="border-success">
			<tr>
				<th>ID</th>
				<th>Сессия</th>
				<th>Тип устройства</th>
				<th>Браузер</th>
				<th>ОС</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>sess_12345</td>
				<td>desktop</td>
				<td>Chrome 96.0</td>
				<td>Windows 10</td>
			</tr>
			<tr>
				<td>2</td>
				<td>sess_67890</td>
				<td>mobile</td>
				<td>Safari 15.0</td>
				<td>iOS 14</td>
			</tr>
		</tbody>
	</table>

	<!-- Общие метрики -->
	<h4>Общие метрики</h4>
	<table class="table mt-4 mb-3">
		<thead class="border-success">
			<tr>
				<th>Дата</th>
				<th>Посещения</th>
				<th>Уникальные посетители</th>
				<th>Просмотры страниц</th>
				<th>Средняя длительность (сек)</th>
				<th>Отказы (%)</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>2024-11-25</td>
				<td>150</td>
				<td>120</td>
				<td>500</td>
				<td>180.5</td>
				<td>15.00</td>
			</tr>
			<tr>
				<td>2024-11-26</td>
				<td>200</td>
				<td>170</td>
				<td>600</td>
				<td>200.0</td>
				<td>10.00</td>
			</tr>
		</tbody>
	</table>
</div>
<script>
	var chartsSection = document.getElementById('chartsSection');
	chartsSection.classList.add('active');
	var chartsBlock = document.getElementById('chartsBlock');
	chartsBlock.classList.add('show');
	var currentLink = document.getElementById('websiteTraffic');
	currentLink.classList.add('active');
</script>