@if(count($topcompanies_profile) > 6)
<h5 class="isnt-second-heading">Recent RECRUITERS visit the page 6+</h5>
<div class="read-more-text margin-bottom-10 position-absolute"><a href="javascript:void(0)" id="view_all_link_click_recruiters">View All</a>
</div>
@else
<h5 class="isnt-second-heading">Recent RECRUITERS visit the page: {{count($topcompanies_profile)}}</h5>
@endif
<div class="row m-0 row-gap-1r" id="view_less_recruiters_div">
   @php $profile_count = 0; @endphp
   @forelse($topcompanies_profile as $company_profile)
   @php $profile_count++; @endphp
   <div class="col-lg-6">
      <div class="recent-recruiters-profile d-flex gap-1r bg-white">
         <div class="recent-recruiters-img">
            <a href="{{ url('company').'/'.str_slug($company_profile->visitorCorporateWithCompanyDetails->CompanyData->company_name)}}">
            @if(!empty($company_profile->visitorCorporateWithCompanyDetails->companyLogo))
               <img alt="{{ $company_profile->visitorCorporateWithCompanyDetails->CompanyData->company_name }}" src="{{ !empty($company_profile->visitorCorporateWithCompanyDetails->companyLogo->s3_id) ? HireMeeHelper::getAWSImageUrl($company_profile->visitorCorporateWithCompanyDetails->companyLogo->s3_id,config('filesystems.disks.comp1.bucket'),'comp1') : secure_asset('assets/hiremee-revamp/images/default-company-icon.jpg') }}" class="image-fluid" loading="lazy">
            @else
               <img src="{{ secure_asset('assets/hiremee-revamp/images/default-company-icon.jpg') }}" alt="Company Name" loading="lazy">
            @endif
            </a>
         </div>
         <div class="recent-recruiters-title">
            <a href="{{ url('company').'/'.str_slug($company_profile->visitorCorporateWithCompanyDetails->CompanyData->company_name)}}">
               <h4>{{$company_profile->visitorCorporateWithCompanyDetails->CompanyData->company_name ?? "Not Updated" }}</h4>
            </a>
            <ul class="m-0">
               <li><i class="fa-solid fa-location-dot"></i> {{$company_profile->visitorCorporateWithCompanyDetails->CompanyData->commCity->district ?? 'Not Updated'}}</li>
               <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: {{count($company_profile->visitorCorporateWithCompanyDetails->CompanyData->jobsList_count())}}</li>
            </ul>
         </div>
      </div>
   </div>
   @if($profile_count == 6)
      @break
   @endif
   @empty
   <div class="top-scorers-profile col-md-6 col-lg-3 d-flex">
      <div class="top-scorers-details d-flex flex-column">
         <h6>No Records Found</h6>
      </div>
   </div>
   @endforelse
</div>

<div class="row m-0 row-gap-1r  d-none" id="view_all_recruiters_div">
   @forelse($topcompanies_profile as $company_profile)
   <div class="col-lg-6">
      <div class="recent-recruiters-profile d-flex gap-1r bg-white">
         <div class="recent-recruiters-img">
            <a href="{{ url('company').'/'.str_slug($company_profile->visitorCorporateWithCompanyDetails->CompanyData->company_name)}}">
            @if(!empty($company_profile->visitorCorporateWithCompanyDetails->companyLogo))
               <img alt="{{ $company_profile->visitorCorporateWithCompanyDetails->CompanyData->company_name }}" src="{{ !empty($company_profile->visitorCorporateWithCompanyDetails->companyLogo->s3_id) ? HireMeeHelper::getAWSImageUrl($company_profile->visitorCorporateWithCompanyDetails->companyLogo->s3_id,config('filesystems.disks.comp1.bucket'),'comp1') : secure_asset('assets/hiremee-revamp/images/default-company-icon.jpg') }}" class="image-fluid" loading="lazy">
            @else
               <img src="{{ secure_asset('assets/hiremee-revamp/images/default-company-icon.jpg') }}" alt="Company Name" loading="lazy">
            @endif
            </a>
         </div>
         <div class="recent-recruiters-title">
            <a href="{{ url('company').'/'.str_slug($company_profile->visitorCorporateWithCompanyDetails->CompanyData->company_name)}}">
               <h4>{{$company_profile->visitorCorporateWithCompanyDetails->CompanyData->company_name ?? "Not Updated" }}</h4>
            </a>
            <ul class="m-0">
               <li><i class="fa-solid fa-location-dot"></i> {{$company_profile->visitorCorporateWithCompanyDetails->CompanyData->commCity->district ?? 'Not Updated'}}</li>
               <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: {{count($company_profile->visitorCorporateWithCompanyDetails->CompanyData->jobsList_count())}}</li>
            </ul>
         </div>
      </div>
   </div>
   @empty
   @endforelse
</div>
<script type="text/javascript">
$("#view_all_link_click_recruiters").click(function() {
   var elem = $("#view_all_link_click_recruiters").text();
   if (elem == "View All") {
      $("#view_all_link_click_recruiters").text("View Less");
      $("#view_all_recruiters_div").removeClass('d-none');
      $("#view_less_recruiters_div").addClass('d-none');      
      $("#view_all_recruiters_div").slideDown(400);
   } else {
      $("#view_all_link_click_recruiters").text("View All");
      $("#view_all_recruiters_div").addClass('d-none');
      $("#view_less_recruiters_div").removeClass('d-none');
      $("#view_all_recruiters_div").slideUp(400);
   }
});
</script>