@props(['fieldslist'])
@php
$prePanelId=0;
use App\Models\Demography;
$x=1;
@endphp

<ul class="nav nav-tabs  mb-3 mt-3" id="simpletab" role="tablist">

	@foreach($fieldslist as $field)


	@php
	$showTab="";
	if($x==1)
	{
		$showTab="active";
	}
	@endphp

	@if($prePanelId!=$field->PanelId)

	@php
	$prePanelId=$field->PanelId;
	$panelInfo=Demography::GetPanelsInfo($prePanelId);
	$panelName=$panelInfo->PanelName;
	@endphp	
	<li class="nav-item">
		<a class="nav-link {{$showTab}}" id="tab{{$field->PanelId}}" data-bs-toggle="tab" href="#target{{$field->PanelId}}" role="tab" aria-controls="tab{{$field->PanelId}}" aria-selected="true">{{$panelName}}</a>
	</li>

	@endif

	@php
	$x++;
	@endphp

	@endforeach

</ul>