<ul class="nav nav-tabs" id="ScanResultsTabsNav" role="tablist">

	<li class="nav-item">
		<a class="nav-link active" id="h-tabs-wordpress-tab" data-bs-toggle="tab" href="#h-tabs-wordpress"
		   role="tab" aria-controls="h-tabs-wordpress">
			WordPress
			{% if vars.sections.wordpress.count > 0 %}
				<span class="badge bg-danger">{{ vars.sections.wordpress.count }}</span>
			{% else %}
				<span class="badge bg-success">&check;</span>
			{% endif %}
		</a>
	</li>

	<li class="nav-item">
		<a class="nav-link" id="h-tabs-plugins-tab" data-bs-toggle="tab" href="#h-tabs-plugins"
		   role="tab" aria-controls="h-tabs-plugins">
			Plugins
			{% if vars.sections.plugins.count > 0 %}
				<span class="badge bg-danger">{{ vars.sections.plugins.count }}</span>
			{% else %}
				<span class="badge bg-success">&check;</span>
			{% endif %}
		</a>
	</li>

	<li class="nav-item">
		<a class="nav-link" id="h-tabs-themes-tab" data-bs-toggle="tab" href="#h-tabs-themes"
		   role="tab" aria-controls="h-tabs-themes">
			Themes
			{% if vars.sections.themes.count > 0 %}
				<span class="badge bg-danger">{{ vars.sections.themes.count }}</span>
			{% else %}
				<span class="badge bg-success">&check;</span>
			{% endif %}
		</a>
	</li>

	<li class="nav-item">
		<a class="nav-link" id="h-tabs-malware-tab" data-bs-toggle="tab" href="#h-tabs-malware"
		   role="tab" aria-controls="h-tabs-malware">
			Malware
			{% if vars.sections.malware.count > 0 %}
				<span class="badge bg-danger">{{ vars.sections.malware.count }}</span>
			{% else %}
				<span class="badge bg-success">&check;</span>
			{% endif %}
		</a>
	</li>

	<li class="nav-item">
		<a class="nav-link" id="h-tabs-home-tab" data-bs-toggle="tab" href="#h-tabs-file_locker"
		   role="tab" aria-controls="h-tabs-file_locker">

			{{ file_locker.strings.title }}
			{% if file_locker.count > 0 %}
				<span class="badge bg-danger">{{ file_locker.count }}</span>
			{% else %}
				<span class="badge bg-success">&check;</span>
			{% endif %}
		</a>
	</li>

</ul>

<div class="tab-content mb-5" id="ScanResultsTabsContent">

	<div class="tab-pane show active" id="h-tabs-wordpress" role="tabpanel"
		 aria-labelledby="h-tabs-wordpress-tab">
		{{ content.section.wordpress|raw }}
	</div>

	<div class="tab-pane" id="h-tabs-plugins" role="tabpanel"
		 aria-labelledby="h-tabs-plugins-tab">
		{{ content.section.plugins|raw }}
	</div>

	<div class="tab-pane" id="h-tabs-themes" role="tabpanel"
		 aria-labelledby="h-tabs-themes-tab">
		{{ content.section.themes|raw }}
	</div>

	<div class="tab-pane" id="h-tabs-malware" role="tabpanel"
		 aria-labelledby="h-tabs-malware-tab">
		{{ content.section.malware|raw }}
	</div>

{#	<div class="tab-pane" id="h-tabs-log" role="tabpanel"#}
{#		 aria-labelledby="h-tabs-log-tab">#}
{#		{{ content.section.logs|raw }}#}
{#	</div>#}

	<div class="tab-pane show" id="h-tabs-file_locker" role="tabpanel"
		 aria-labelledby="h-tabs-file_locker-tab">
		{% set scan = file_locker %}
		{% include '/wpadmin_pages/insights/scans/results/realtime/file_locker/index.twig' %}
	</div>
</div>

<script>
	(function ( $ ) {
		$( document ).ready( function () {
			$( '.nav-vertical a[data-bs-toggle="tab"]' ).on( 'shown.bs.tab', function ( evt ) {
				console.log();
				let target = document.querySelector( evt.currentTarget.getAttribute( 'href' ) );
				window.scrollTo( { top: 0, behavior: 'smooth' } )
			} );
		} );
	})( jQuery );
</script>