@extends('layouts.header')
@section('content')
@php
$siteurl=$_SERVER['HTTP_HOST'];
@endphp
<link href="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/plugins/src/apex/apexcharts.css" rel="stylesheet" type="text/css">
<link href="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/assets/css/light/components/list-group.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/assets/css/light/widgets/modules-widgets.css">   
<link href="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/assets/css/dark/components/list-group.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/assets/css/dark/widgets/modules-widgets.css">    
<br />
<input type="hidden" name="PrimaryRole" id="PrimaryRole" value="{{$PrimaryRole}}">
<ul class="nav nav-tabs  mb-3 mt-3" id="simpletab" role="tablist">
	@foreach($SortArray as $eachRoleId=>$RoleName)
		@if($eachRoleId==$PrimaryRole)
			@php
				$TabActivecon=" active";
			@endphp
		@else
			@php
				$TabActivecon="";
			@endphp
		@endif
		 <li class="nav-item">
			<a class="nav-link {{$TabActivecon}}" id="{{$RoleName}}-tab" data-toggle="tab" href="#Role{{$eachRoleId}}" role="tab" aria-controls="{{$eachRoleId}}" aria-selected="false" onclick="DisplayDashboardbyRole('{{$eachRoleId}}')">{{$RoleName}}</a>
		</li>
	@endforeach
</ul>
<div class="tab-content" id="simpletabContent">
	@foreach($SortArray as $eachRoleId=>$RoleName)
	@if($eachRoleId==$PrimaryRole)
		@php
			$TabActive=" show active";
		@endphp
	@else
		@php
			$TabActive="";
		@endphp
	@endif
	<div class="tab-pane fade {{$TabActive}}" id="Role{{$eachRoleId}}" role="tabpanel" aria-labelledby="{{$RoleName}}-tab">
		<div id="DisplayRole{{$eachRoleId}}"></div>
    </div>
	@endforeach
</div>
@endsection