@if(auth()->user()->hasRole('administrator'))

<!--begin::Card widget 7-->
<div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end h-md-50 mb-5 mb-xl-10" style="background-color: #F1416C;background-image:url('assets/media/patterns/vector-1.png')">
	<!--begin::Header-->
	<div class="card-header pt-5">
		<!--begin::Title-->
		<div class="card-title d-flex flex-column">
			<!--begin::Amount-->
			<span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">{{ $head->count() }}</span>
			<!--end::Amount-->
			<!--begin::Subtitle-->
				<span class="text-white pt-1 fw-semibold fs-6">Country Head</span>
			<!--end::Subtitle-->
		</div>
		<!--end::Title-->
	</div>
	<!--end::Header-->
	<!--begin::Card body-->
	<div class="card-body d-flex flex-column justify-content-end pe-0">
		<!--begin::Title-->
		
			<span class="fs-6 fw-bolder text-white d-block mb-2">Country Head</span>
		
		<!--end::Title-->
		<!--begin::Users group-->
		<div class="symbol-group symbol-hover flex-nowrap">
			{{-- {dd($head);} --}}
			@if($head->count() > 0)				
                @foreach($head->take(5) as $user)
                    @php
                        $initials = strtoupper(substr($user->user->name ?? '', 0, 2));
                    @endphp
                    <div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="{{ $user->user->name ?? '' }}">
                        <span class="symbol-label bg-primary text-inverse-primary fw-bold">{{ $initials }}</span>
                    </div>
                @endforeach
			@endif
			{{-- <a href="#" class="symbol symbol-35px symbol-circle" data-bs-toggle="modal" data-bs-target="#kt_modal_view_users">
				<span class="symbol-label bg-dark text-gray-300 fs-8 fw-bold">+{{ $head->count() }}</span>
			</a> --}}
		</div>		
		<!--end::Users group-->
	</div>
	<!--end::Card body-->
</div>
<!--end::Card widget 7-->

@else

<div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end h-md-50 mb-5 mb-xl-10" style="background-color: #F1416C;background-image:url('assets/media/patterns/vector-1.png')">
    <!--begin::Body-->
    
    <!--end::Header-->

    <!--begin::Card body-->
    <div class="card-body d-flex align-items-center justify-content-center">
        <!--begin::Total Users Count-->
        <div class="text-center">
			<span class="fw-bold fs-5x text-white">{{ $totalCount }}</span>		<br>
			<span class="card-label fw-bold text-white fs-3x">Total Users</span>	
        </div>
		{{-- <div class="text-center">
			<span class="card-label fw-bold text-gray-900 fs-3x">Total Users</span>
		</div> --}}
        <!--end::Total Users Count-->
    </div>
    <!--end::Body-->
</div>


@endif