@props(['displayPanels'])
<ul class="nav nav-tabs  mb-3 mt-3" id="simpletab" role="tablist">
    @php
    $ActiveTab="1";
    @endphp
    @foreach($displayPanels as $displayPanel)

    @php
    $displayPanelId=$displayPanel['PanelId'];
    @endphp

    @if($ActiveTab==1)
    <li class="nav-item">
        <a class="nav-link active" id="tabName{{$displayPanel['PanelId']}}" data-toggle="tab" href="#tab{{$displayPanel['PanelId']}}" role="tab" aria-controls="home" aria-selected="true" >{{$displayPanel['PanelName']}}</a>
    </li>
    @else
    <li class="nav-item">
        <a class="nav-link" id="tabName{{$displayPanel['PanelId']}}" data-toggle="tab" href="#tab{{$displayPanel['PanelId']}}" role="tab" aria-controls="home" aria-selected="false" >{{$displayPanel['PanelName']}}</a>
    </li>
    @endif
    @php
    $ActiveTab='0';
    @endphp
    @endforeach
</ul>