<div class="row mt-3 nav-vertical scan-results-section" id="ScanResultsThemes">

	<div class="col-2">
		<ul class="nav nav-tabs flex-column">
			{% for theme_key,theme in vars.themes %}
				<li class="nav-item mb-2">
					<a class="nav-link position-relative"
					   href="#theme-tab-{{ theme.info.slug }}"
					   data-bs-toggle="tab"
					   data-asset_type="theme"
					   data-unique_id="{{ theme.info.unique_id }}"
					>
						{% if theme.vars.count_items > 0 %}
							<span class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle">
							</span>
						{% elseif theme.flags.has_warning %}
							<span class="position-absolute top-0 start-100 translate-middle p-2 bg-warning border border-light rounded-circle">
							</span>
						{% else %}
							<span class="position-absolute top-0 start-100 translate-middle p-2 bg-success border border-light rounded-circle">
							</span>
						{% endif %}
						{{ theme.info.name }}
					</a>
				</li>
			{% endfor %}
		</ul>
	</div>

	<div class="col-10">
		<div class="tab-content">
			{% for theme_key,theme in vars.themes %}
				<div class="tab-pane"
					 id="theme-tab-{{ theme.info.slug }}"
					 role="tabpanel"
					 aria-labelledby="profile-tab"
				></div>
			{% endfor %}
		</div>
	</div>
</div>