@extends('hiremee-revamp.layouts.main-layout')

@section('pageTitle', $allData->college->college_name ? $allData->college->college_name.' on HireMee | Pre-Assessed Student Profiles & Recruiter Insights' :'Institution Solutions for Examination and Assessment | HireMee')

@section('metaKeyDescription', 'Explore '.$allData->college->college_name ? $allData->college->college_name. ' profile on HireMee, that features '.$allData->totalPreAssessedStudents.' pre-assessed students, top scorers, placement insights, and recruiter data. Empower your campus hiring with actionable analytics and a platform trusted by recruiters' :'College Page')

@section('metaKey', $allData->college->college_name ? $allData->college->college_name.', colleges, pre-assessed students' :'colleges, pre-assessed students, HireMee colleges')

@php $thumb_image = secure_asset('assets/hiremee-revamp/images/website-og-images/company.jpg'); @endphp
@if(!empty($allData->college->logo))
  @php $thumb_image = $allData->college->logo; @endphp
  @section('thumbnailImage', $thumb_image)
@else
  @section('thumbnailImage', $thumb_image)
@endif
@section('content')
<style type="text/css">
   .ins-web-link h5{
        font-size: 14px;
    }
    .ins-web-link h5:hover{
        color:#4caf50;
    }
    .sweet-alert h2{
      line-height: 25px !important;
    }
    .justify-text {
      text-align: center;
      text-transform: none !important;
    }
    .ins-web-link h5{
        font-size: 14px;
        text-decoration: underline;
        white-space: normal;
        word-break: break-all;
    }
    .ins-web-link h5:hover{
        color:#4caf50;
    }
    .institution-new-page .header-bgimg{
        height: unset !important;
    }
    .institution-new-page .header-bgimg{
        width: 20%;
        max-width: 300px;
        min-width: 100px; 
    }
    .ins-contact-item{
      width: auto !important;
      min-width: 200px;
    }
    @media screen and (min-width: 768px) {
         .insti-img{
            width: 90%;
          } 
    }
</style>
<section class="institution-new-page">
<div class="darkGreen-bg">
<div class="container innerBannerBottom ">
<nav id="breadcrumbs" class="text-start">
   <ul>
     <li><a href="/"> Home</a></li>
     <li><a href="{{secure_url('college')}}">College</a></li>
     <li>{{ implode(', ',explode(",", $allData->college->college_name)) }}</li>
   </ul>
</nav>
</div>
</div>
<input type="hidden" name="visited_entity_id" id="visited_entity_id" value="{{$college->id}}">
<input type="hidden" name="visited_entity_type" id="visited_entity_type" value="College">
   <!-- header section -->
   <div class="institution-header position-relative">
      <div class="container">
         <div class="margin-left-0 row flex-column institution-row margin-bottom-60 position-relative">
            <div class="insti-img d-flex">
               <img src="{{ $allData->college->logo }}" alt="{{$allData->college->college_name}}">
               <div class="colege-text-header" style="margin-left: 20px;align-self: center;">
               <h1>{{ implode(', ',explode(",", $allData->college->college_name)) }}</h1>
               @if($allData->college->state != 'Not Updated' && $allData->college->city != 'Not Updated')
               <h5>{{ trim(($allData->college->state ?? '') . ($allData->college->city ? ', ' . $allData->college->city : '')) }}</h5>
               @endif
            </div>            
            </div>
            {{--<div class="colege-text-header">
               <h1>{{ $college->college_name ?? "Not Updated" }}</h1>               
               <h5>{!! $college_location !!}</h5>
            </div>--}}
            <div class="margin-left-0 row institution-contact flex-lg-nowrap">
               <div class="ins-contact-item">
                  <h5 class="margin-bottom-10">No of Viewers</h5>
                  <h2 id="number_of_viewers">{{$allData->numberOfViewers}}</h2>
               </div>
               <div class="ins-contact-item">
                  <h5 class="margin-bottom-10">Total Recruiters</h5>
                  <h2 id="total_recruiters">{{$allData->totalRecruiters}}</h2>
               </div>
               <div class="ins-contact-item">
                    <a href="{{ $college->website_address }}" class="ins-web-link d-flex" target="_blank">
                        <h5 class="margin-bottom-5"><svg width="14" height="14" class="svg-inline--fa  margin-right-5" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="globe" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z"></path></svg> {{ !empty($allData->college->website_address) ? $allData->college->website_address : 'Not Updated' }}</h5>
                    </a>
                    @php 
                      $college_name = $allData->college->college_name; 
                    @endphp
                    <a href="#" class="hm-primary-btn fontWeight-500 request-details-btn"> Request for Details</a>
               </div>
            </div>
            <div class="total-asses flex-column flex-lg-row">
               <div class="total-asse-item">
                  <h3>Total Pre Assessed Student : {{$allData->totalPreAssessedStudents}}</h3>
               </div>
               <div class="total-asse-smedia d-flex">
                  <h5>Share us</h5>
                  <ul class="social-media">
                     <li class="facebook"><a href="javascript:void(0);" onclick="facebookSocialShareInstitution();"><i class="fa-brands fa-facebook-f"></i></a></li>
                     <li class="twitter"><a href="javascript:void(0);" onclick="twitterSocialShareInstitution();"><i class="fa-brands fa-x-twitter"></i></a></li>
                     <li class="linkedin"><a href="javascript:void(0);" onclick="linkedinSocialShareInstitution();"><i class="fa-brands fa-linkedin"></i></a></li>
                     <!-- <li class="instagram"><a href="https://www.instagram.com/hiremeeinc/" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
                     <li class="youtube"><a href="https://www.youtube.com/channel/UCm2mUPc5NzpYzMc5tUN0ewQ" target="_blank"><i class="fa-brands fa-youtube"></i></a></li> -->
                  </ul>
               </div>
            </div>
         </div>
      </div>
      <div>
         <img class="header-bgimg d-none d-md-block" src="{{secure_asset('assets/hiremee-revamp/images/colleges/college-mockup.png') }}" alt="College-Profile-Image">
      </div>
   </div>
   <div class="container">
      <div class="top-scorers-card shadow-sm position-relative">
         <h3 class="g-text">Top Scorers</h3>         
         <div class="top-scorers-stud row row-gap-1r"><!-- Top Scorers List Wrapper  -->
            @if(!empty($allData->topScorers))
            @forelse($allData->topScorers as $value)
            <div class="top-scorers-profile col-md-6 col-lg-3 d-flex"><!-- Top Scorers Student Profile  -->
               <div class="top-scorers-profile-img">
                  @if(!empty($value->profileimage))
                  <img class="img-fluid" src="{{ $value->profileimage }}" alt="User-Profile-Image">
                  @else
                  <img class="img-fluid" src="{{ secure_asset('assets/images/user.png') }}" alt="User-Profile-Image">
                  @endif
               </div>
               <div class="top-scorers-details d-flex flex-column">
                  <h5>{{ ucwords($value->name, " ") }}</h5>
                  <h6>{{ $value->course }}</h6>
                  <small>Passout: {{ $value->yearofcompletion}}</small>
               </div>
            </div>
            @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
            @endif
         </div>
      </div>
   </div>
   <!-- Overview Body Start  -->
    <section class="container">
      <div class="row">
         <div class="col-lg-9 clg-overview-col">
            <!-- College-overview start  -->
            <div class="college-overview" style="margin-bottom: 0px;">
            @if(!empty($allData->college->about_college))
               <h3 class="isnt-second-heading">College Overview</h3>
               @php 
                  $college_overview = $allData->college->about_college ?? "Not Updated"; 
                  $overview_str_length = mb_strlen($college_overview);
               @endphp
               <span class="" id="drop-text-div">
                  @if($college_overview == "Not Updated")
                  <p class="padding-left-15" style="text-align: justify;">Not Updated</p>
                  @else
                  <p style="text-align: justify;">{{mb_strimwidth($college_overview, 0, 200, "...") }}</p>
                  @endif
               </span>
               <span class="d-none" id="drop-text">
                  <p style="text-align: justify;">{{ $college_overview }}</p>          
               </span>
            @endif
            </div>
         @if(!empty($allData->college->about_college))
         @if($overview_str_length > 200)
           <div class="read-more-text margin-bottom-20"><a href="javascript:void(0)" id="read-more">Read More</a></div>
         @endif
         @endif
            {{-- <div class="candidate-count d-flex">
               <div class="padding-left-0 shortlisted-count">
                  <p>Total Shortlisted <br/>Candidates</p>
                  <h3 class="align-self-center">{{$shortlisted_candidates}}</h3>
               </div>
               <div class="hired-count">
                  <p>Hired <br/>Candidates</p>
                  <h3 class="align-self-center">{{$totalHiredCandidates}}</h3> 
             </div>
            </div> --}}
            <!-- College-overview end  -->
            <!-- Pre Assessed Student details start  -->
            <div class="preasses-Student-details position-relative">
               <h3 class="isnt-second-heading" >Pre assessed Students Details</h3>
               <div class="read-more-text margin-bottom-10 position-absolute">
                  @if(count($allData->preassessed) > 6)
                  <a href="{{ secure_url(('college').'/'.$college->url_slug.'/pre-assessed-students') }}">View All</a>
                  @endif
               </div>
            @php
              $cur_year = (int)date("Y");
              $prev_year = (int)date("Y") - 1;
              $prev_prev_year = (int)date("Y") - 2;               
            @endphp
               <div class="assessed-card-wrapper row">
               @if(!empty($allData->preassessed))
               @php
               $output = [];
                $preassessed = $allData->preassessed ?? [];
                $index = 1;
                foreach ($preassessed as $item) {
                if ($index > 6) {
                    break; // Exit loop if index is 6 or more
                }
                    $branchKey = "branch_" . $index;
                    $branchName = $item->courseName . "(" . strtoupper($item->specializationName) . ")";            
                    $output[$branchKey] = [];            
                    foreach ($item->compeletion_years as $year => $count) {
                        $output[$branchKey][] = [
                            'branch' => $branchName,
                            'year' => $year,
                            'hiremee_id_count' => $count,
                            'courseId' => $item->courseId,
                            'specializationId' => $item->specializationId
                        ];
                    }            
                    $index++;
                }
               @endphp
               @foreach($output as $key => $listData)
                  @php
                     $cur_year_check_box_value = 0;
                     $prev_year_check_box_value = 0;
                     $prev_prev_check_box_value = 0;
                  @endphp
                  @foreach($listData as $branch1)
                  @php
                     $end = strpos($branch1['branch'], '(');
                     $shortString = substr($branch1['branch'], 0, $end);
                     preg_match('#\((.*?)\)#', $branch1['branch'], $match);
                     $words = preg_split("/\s+/", $match[1]);
                     $acronym = "";
                     if(count($words) > 1){
                       $acronym_array=[];
                       foreach($words as $w) {
                         $acronym_array[]= mb_substr($w, 0, 3);
                       }
                       $acronym = implode(' ', $acronym_array);
                     }else{
                       $acronym = implode(' ', $words);
                     }
                     if($branch1['year'] == $cur_year){
                        $cur_year_check_box_value = $branch1['hiremee_id_count'];
                     }else if($branch1['year'] == $prev_year){
                        $prev_year_check_box_value = $branch1['hiremee_id_count'];
                     }else if($branch1['year'] == $prev_prev_year){
                        $prev_prev_check_box_value = $branch1['hiremee_id_count'];
                     }
                  @endphp
                  @endforeach
                  <div class="col-md-6 col-xl-4 padding-left-0">
                  <div class="p-0 slide-item h-100">
                     <div class="assessed-card d-flex flex-wrap">
                     <h3 class="g-text lh-1 margin-bottom-5 w-100">{{$shortString}}({{$acronym}})</h3>
                     <div class="assessed-card-content">
                        <small>Year of Passout</small>
                        <div class="d-flex year-wise justify-content-between">
                           <label class="check ">{{$cur_year}}
                              <input type="checkbox" name="b-tect-ass-{{$branch1['branch']}}" value="{{$cur_year_check_box_value}}" data-year="{{ $cur_year }}" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span> 
                           </label>
                           <label class="check ">{{$prev_year}}
                              <input type="checkbox" name="b-tect-ass-{{$branch1['branch']}}" value="{{$prev_year_check_box_value}}" data-year="{{ $prev_year }}" onchange="pickmyscore(this)" checked>
                           <span class="checkmark" ></span>
                           </label> 
                           <label class="check ">{{$prev_prev_year}}
                              <input type="checkbox" name="b-tect-ass-{{$branch1['branch']}}" value="{{$prev_prev_check_box_value}}" data-year="{{ $prev_prev_year }}" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label>                           
                        </div>
                        <!-- <a href="{{secure_url('company/dashboard')}}" target="_blank" class="mt btn btn-primary btn-small text-white">Click here to Access</a> -->
                        <a href="javascript:void(0)" class="mt btn btn-primary btn-small text-white access_search" data-course="{{$branch1['branch']}}" data-courseid="{{$branch1['courseId']}}" data-specializationid="{{$branch1['specializationId']}}">Click here to Access</a>
                     </div>
                     <div class="assessed-card-count align-self-center">
                        <h3 id="b-tect-ass-{{$branch1['branch']}}">{{$cur_year_check_box_value + $prev_year_check_box_value + $prev_prev_check_box_value}}</h3>
                     </div>
                     </div>
                  </div>
                  </div>
               @endforeach
               @else
               <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>
               @endif
               </div><!-- end of <div class="assessed-card-wrapper row"> -->
            </div><!-- end of <div class="preasses-Student-details position-relative"> -->
            <!-- Pre Assessed Student details end  -->
            <!-- TOP RECRUITERS Start  -->
             {{--<div class="top-recuiter-section position-relative">
               <h5 class="isnt-second-heading">TOP RECRUITERS 10+</h5>
               @php $files = glob('assets/hiremee-revamp/images/colleges/top-recruiters/*.*'); @endphp
               @if(count($files) > 10)
               <div class="read-more-text margin-bottom-10 position-absolute"><a href="javascript:void(0)" id="view_more_click">View All</a></div>
               @endif
               <!-- <div class="read-more-text margin-bottom-10 position-absolute"><a href="javascript:void(0)">View All</a></div>  -->
               <div class="row row-gap-2r padding-left-25 padding-right-25" id="top_recruiters_view_less">
                  @for($i = 0; $i < 10; $i++)
                  <div class="col-4 col-md-1-5 t-rect">
                     <img src="{{$files[$i]}}" alt="" class="image-fluid">
                  </div>
                  @endfor
               </div>
               <div class="row row-gap-2r padding-left-25 padding-right-25 d-none" id="top_recruiters_view_all" >
                  @for($i = 0; $i < count($files); $i++)
                  <div class="col-4 col-md-1-5 t-rect">
                     <img src="{{$files[$i]}}" alt="" class="image-fluid">
                  </div>
                  @endfor
               </div>
             <div class="top-scorers-details margin-top-20">
               <h6 style="color: #dc3545;margin-left: 5px;font-size: 10px;">Please note, the above logos are updated by the College*</h6>
             </div>
            </div>--}}
            <!-- TOP RECRUITERS End  -->
            <!-- Recent RECRUITERS Start  -->
            <div class="recent-recruiters position-relative recent-recruiters-render-section">  
              @php 
                $topcompanies_profile = json_decode(json_encode($allData->topcompanies_profile));
                if (is_object($topcompanies_profile)) {
                    $topcompanies_profile = (array) $topcompanies_profile;
                }
              @endphp               
               @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="{{secure_url('company')}}">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">
                   @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->name)}}">
                            @if(!empty($company_profile->logo))
                               <img alt="{{ $company_profile->name }}" src="{{ $company_profile->logo }}" 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->name)}}">
                               <h4>{{$company_profile->name}}</h4>
                            </a>
                            <ul class="m-0">
                               <li><i class="fa-solid fa-location-dot"></i> {{ !empty($company_profile->city) ? $company_profile->city : 'Not Updated' }}</li>
                               <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: {{$company_profile->jobs}}</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>
            <!-- Recent RECRUITERS End  -->
            <!-- Skills Start  -->
            {{--<div class="recruiters-skills">
               <h5 class="isnt-second-heading">Skills</h5>
               <ul class="recruiters-skills-item m-0">
                  <li>Jave</li>
                  <li>.Net</li>
                  <li>Applications</li>
                  <li>Accountancy</li>
                  <li>Abstract Algebra</li>
                  <li>Application of Spectraoscopy</li>
                  <li>Core Java</li>
                  <li>Networks and Systems</li>
                  <li>Java Programming concepts</li>
                  <li>Basic QA</li>
                  <li>Core Java</li>
              </ul>
            </div>--}}
            <!-- Skills End  -->
            <!-- For College Placement Assessment Support Start  --> 
            <div class="college-form-wrapper margin-top-30">
            <h3 class="isnt-second-heading" >For College Placement Assessment Support</h3>
            <div class="college-placement-form">
            @include('hiremee-revamp.sub-forms.inline-support-contact',['submit_form_type'=>'college_contact','request_type'=>2,'button_txt'=>"Submit Message",'submit_but_id'=>'college_support_btn margin-top-10', 'formid'=>'js_college_support_form', 'class'=>'btn btn-primary pull-right','formNo'=>1,'pop_up_title'=>'FOR COLLEGE PLACEMENT ASSESSMENT SUPPORT','button_title'=>'SUBMIT MESSAGE','page_title'=>'FOR COLLEGE PLACEMENT ASSESSMENT SUPPORT'])              
             </div>
             </div>
            <!-- For College Placement Assessment Support End   -->
         </div>
         <div class="align-self-baseline col-lg-3 d-flex flex-wrap d-lg-block justify-content-around">
            <div class="side-poster-img">
              <a href="{{ secure_url('solutions/online-assessment-solutions/ai-proctored-examination-platform') }}" target="_blank">
               <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/college-ad-image/ad-1.jpg') }}" alt="Institution Ads">
             </a>
            </div>
            <div class="insti-freeass-side-banner align-self-baseline col-lg col-md-5 mt-4">
               <h5 class="lh-sm text-uppercase text-center">Free Employability Assessment</h5>
               <img class="img-fluid margin-bottom-15 margin-top-15" src="{{secure_asset('assets/hiremee-revamp/images/colleges/free-emp-assesment.png') }}" alt="">
               <p class="justify-text">Encourage your students to unlock their career potential with HireMee’s Free Employability Assessment.</p>
               <p class="justify-text">This intuitive assessment evaluates key competencies and provides a comprehensive employability score, helping candidates understand where they stand in today’s job market. It also connects job seekers directly with potential employers, opening doors to exciting opportunities.</p>
               <p class="justify-text">To learn more and get started, visit <a class="g-text isnt-visit-link"  href="{{ secure_url('free-employability-assessment') }}" target="_blank">HireMee’s Assessments platform</a></p>
               <div class="text-center">
                  <h5 class="lh-1 margin-bottom-5">Invite your students now!</h5>
                  <a href="{{ secure_url('college/upload-student-details') }}" class="btn-primary invite_students_btn" target="_blank">CLICK HERE...</a>
               </div>
            </div>
            <!-- Upcoming Assessments -->
            {{--<div class="up-assess align-self-baseline col-lg col-md-5">
               <h5 class="text-uppercase">Latest Assessments</h5>
               @if(!empty($latestAssessments))
               <ul class="list-2">
                  @foreach($latestAssessments as $assessment)
                  <li>{{$assessment->name}}</li>
                  @endforeach
               </ul>
               @endif
            </div>--}}
            <!-- <div class="side-poster-img">
               <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/ad-1.png') }}">
            </div>
            <div class="side-poster-img">
               <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/ad-2.png') }}">
            </div> -->
         </div>
      </div>
    </section>
   <!-- Our Latest videos start  -->
   {{--<div class="our-latest-videos bg-lightGreen margin-top-48 margin-bottom-48 padding-top-42 padding-bottom-42">
      <div class="container">
        <div class="row">
          <div class="col-xl-12">
            <div class="text-center">
            <h2 class="text-uppercase">Our Latest Videos</h2>
            </div>--}}

            {{--<div class="utf-blog-carousel-block-inst margin-top-32">
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  @if(!empty($resourceurl))
                  <div class="utf-blog-compact-item-content">
                  <iframe src="{{$resourceurl}}" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                  @else
                  <div class="utf-blog-compact-item-content">
                     Not Updated
                  </div>
                  @endif
                </div>
              </div>              
            </div>--}}

            {{--<div class="utf-blog-carousel-block-inst margin-top-32">
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/hOP_JsdoaX0" title="Mr. Chocko Valliappa, is interviewed in the program ‘Paesum Thalaimai'" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/iWWCCGRvVT0" title="Mr. Chocko Valliappa, Founder of HireMee, shared his insights on How to get your CV right with NDTV" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/jU3KUUXrCpc" title="Webinar | Remote Online Proctored Examinations:  'The New Normal?'" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/s3e66qZpTM0" title="Mr.Chocko Valliappa, the Founder of HireMee, is interviewed in News7Tamil channel." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/GfLq3IY81jM" title="Improve your career skills on par with industry standards through Employability Enhancement Program." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>--}}
   <!-- Our Latest videos end  -->
   <!-- Explore popular start -->
    <div class="container margin-bottom-60 margin-top-30">
      <div class="ex-pop-clg">
         <h3 class=" ">Explore popular colleges</h3>
         <p>Students looking for latest courses have shown interest these colleges</p>

         <div class="ex-pop-clg-wrapper row" id="ex-pop-clg">
            @if(count($allData->popularColleges) > 0)
            @foreach($allData->popularColleges as $engCollege)
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">                     
                     <h4>{{$engCollege->collegeName}}</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> {{ $engCollege->collegeCity }}</small>
                     <a href="{{ url('college').'/'.$engCollege->collegeSlug }}" class="mt btn btn-primary btn-small text-white">View More</a>
                     <!-- <button type="button" class="mt btn btn-primary btn-small">View More</button> -->
                  </div>
                  <div>
                     @if(!empty($engCollege->collegeLogo))
                     <img src="{{ $engCollege->collegeLogo }}" alt="{{$engCollege->collegeName}}">
                     @else
                      <img src="{{secure_asset('assets/images/college-icon-1.svg')}}" alt="College">
                     @endif
                  </div>
               </div>       
            </div>
            @endforeach
            @endif
            
         </div>

      </div>
    </div>

   <!-- Explore popular end -->

</section>
<input type="hidden" id="universityId" value="{{ $college->university_id }}">
<input type="hidden" id="collegeId" value="{{ $college->college_id }}">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script>
<script src="{{ secure_asset('assets/hiremee-revamp/js/static-page.js') }}"></script>
<script type="text/javascript">
  loadMobileCodeWithCountryNew();
</script>

<script>
// Slider for our latest videos in Insitution page  start
$(document).ready(function () {
$('.utf-blog-carousel-block-inst').slick({
    infinite: true,
    slidesToShow: 4,
    slidesToScroll: 1,
    dots: false,
    arrows: true,
    nav: true,
    rewind: true,
    loop: true,
    autoplay: true,
    autoplayTimeout: 5000,
    autoplayHoverPause: true,
    responsive: [{
        breakpoint: 1200,
        settings: {
            slidesToShow: 3,
            dots: true,
            arrows: false
        }
    },
    {
        breakpoint: 992,
        settings: {
            slidesToShow: 2,
            dots: true,
            arrows: false
        }
    },
    {
        breakpoint: 768,
        settings: {
            slidesToShow: 1,
            dots: true,
            arrows: false
        }
    }
    ]
});
$('#ex-pop-clg').slick({
      rows: 2,
      dots: false,
      arrows: true,
      infinite: true,
      speed: 300,
      slidesToShow: 4,
      slidesToScroll: 1,
   loop:true,
   responsive: [{
        breakpoint: 1400,
        settings: {
            slidesToShow: 3,
        }
    },
    {
        breakpoint: 1100,
        settings: {
            slidesToShow: 2,
            dots: true,
            arrows: false
        }
    },
    {
        breakpoint: 768,
        settings: {
            slidesToShow: 1,
            dots: true,
            arrows: false
        }
    }
    ]
});
});
$("#read-more").click(function() {
    var elem = $("#read-more").text();
    if (elem == "Read More") {
      $("#read-more").text("Read Less");
      $("#drop-text").removeClass('d-none');
      $("#drop-text-div").addClass('d-none');      
      $("#drop-text").slideDown(400);
    } else {
      $("#read-more").text("Read More");
      $("#drop-text").addClass('d-none');
      $("#drop-text-div").removeClass('d-none');
      $("#drop-text").slideUp(400);
    }
  });
$("#view_more_click").click(function() {
    var elem = $("#view_more_click").text();
    if (elem == "View All") {
      $("#view_more_click").text("View Less");
      $("#top_recruiters_view_all").removeClass('d-none');
      $("#top_recruiters_view_less").addClass('d-none');      
      $("#top_recruiters_view_all").slideDown(400);
    } else {
      $("#view_more_click").text("View All");
      $("#top_recruiters_view_all").addClass('d-none');
      $("#top_recruiters_view_less").removeClass('d-none');
      $("#top_recruiters_view_all").slideUp(400);
    }
  });
// Slider for our latest videos in Insitution page end

// Script for Pre assessed Students Total Value Start
function calculateSum(ename) {
   const checkboxes = document.querySelectorAll(`input[name="${ename}"]:checked`);
   let sum = 0;
   checkboxes.forEach((checkbox) => {
      sum += parseFloat(checkbox.value);
      checkbox.removeEventListener('change',pickmyscore)
    });
   document.getElementById(ename).textContent = sum;
}

function pickmyscore(ele){
   let elename = ele.getAttribute('name');
   console.log(document.querySelectorAll(`input[name="${elename}"]`))
   document.querySelectorAll(`input[name="${elename}"]`).forEach((checkbox) => {
      checkbox.addEventListener('change', calculateSum(elename));});
}
// script for Pre assessed Students Total Value End

$(document).on("click",".access_search",function(e){
   e.preventDefault();
   var courseData = $(this).data('course');
   let sum = [];
   $(`input[name="b-tect-ass-${courseData}"]:checked`).each(function(){
      sum.push($(this).data('year'));
   });
   var courseID = $(this).data('courseid');
   var specializationID = $(this).data('specializationid');
   var universityId = $("#universityId").val();
   var collegeId = $("#collegeId").val();
   var queryParams = `?universityId=${universityId}&collegeId=${collegeId}&courseID=${courseID}&specializationID=${specializationID}&passOut=${sum.join('|')}`;
   window.location.href = "{{ secure_url('company/college-based-search') }}"+queryParams;
});
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js" integrity="sha256-/H4YS+7aYb9kJ5OKhFYPUjSJdrtV6AeyJOtTkw6X72o=" crossorigin="anonymous"></script>
<script type="text/javascript">
// Facebook Share 
function facebookSocialShareInstitution() {
   var host = window.location.href;
   var fbUrl = 'http://www.facebook.com/sharer/sharer.php?s=100&u=' + host+'/'+CryptoJS.AES.encrypt($("#visited_entity_id").val(),"Secret Passphrase");
   var width = 500,
      height = 500;
   var left = (window.screen.width / 2) - ((width / 2) + 10);
   var top = (window.screen.height / 2) - ((height / 2) + 50);
   popUp = window.open(fbUrl, 'popupwindow', 'scrollbars=no,width=' + width + ',height=' + height + ',top=' + top + ', left=' + left + '');
   popUp.focus();
   return false;
}
//Twitter Share
function twitterSocialShareInstitution() {   
  var host = window.location.href;
  var fbUrl = 'https://twitter.com/intent/tweet?url='+host+'/'+CryptoJS.AES.encrypt($("#visited_entity_id").val(),"Secret Passphrase")+"&text='HireMee seeks to bridge the placement gap that students face. By way of college recruitment consulting, and our career test for college students, we help them unlock lucrative employment opportunities'&via=SURESH_SSH&hashtags='college recruitment consulting, college placement test, college recruiting websites, career test for college students'";
  var width = 500,
    height = 500;
  var left = (window.screen.width / 2) - ((width / 2) + 10);
  var top = (window.screen.height / 2) - ((height / 2) + 50);
  popUp = window.open(fbUrl, 'popupwindow', 'scrollbars=no,width=' + width + ',height=' + height + ',top=' + top + ', left=' + left + '');
  popUp.focus();
  return false;
}
// Linkedin Share 
function linkedinSocialShareInstitution() {
   var host = window.location.href;
   var title = document.title;
   var liUrl = 'http://www.linkedin.com/shareArticle?mini=true&url=' + host+'/'+CryptoJS.AES.encrypt($("#visited_entity_id").val(),"Secret Passphrase")+"&title='HireMee seeks to bridge the placement gap that students face'&summary='HireMee seeks to bridge the placement gap that students face. By way of college recruitment consulting, and our career test for college students, we help them unlock lucrative employment opportunities'&source=web";
   var width = 500,
      height = 500;
   var left = (window.screen.width / 2) - ((width / 2) + 10);
   var top = (window.screen.height / 2) - ((height / 2) + 50);
   popUp = window.open(encodeURI(liUrl), 'popupwindow', 'scrollbars=no,width=' + width + ',height=' + height + ',top=' + top + ', left=' + left + '');
   popUp.focus();
   return false;
}
document.querySelectorAll('a.ins-web-link').forEach(link => {
    const href = link.getAttribute('href');
    if (href && !href.startsWith('http://') && !href.startsWith('https://')) {
      link.setAttribute('href', 'https://' + href);
    }
  });
document.querySelector('.request-details-btn').addEventListener('click', function(e) {
    e.preventDefault();
    const institution_name = @json($college_name);
    const formData = new FormData(); 
    formData.append('college_name', institution_name);
    url = "{{ secure_url('request-institution-poc') }}";;
      $.ajax({
       type: "POST",
       url: url,
       data: formData,
       processData: false,
       contentType: false,
       dataType:'json',
       responseType: 'json',
       success: function(result) {
        if(result.status == 'success'){
           swal({
            html: true,
            title: '<span class="sweet-success-text">We have shared your request to our internal team. They will reach out to you shortly!</span>',
            type: "success",
            confirmButtonColor: '#28e1bd',
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false
           });
            var overlay1 = document.querySelector('.sweet-overlay');
            if (overlay1) {
              overlay1.addEventListener('click', () => {
                swal.close(); // Manually close the SweetAlert modal
              });
            }     
        }else{
          window.location.href = url;
        }      
      },
      error: function (error) {
        window.location.href = url;
      }
    });     
  });
</script>
 <!-- <div class="mockup-top"><img class="animute" src="https://www.thesonagroup.com/demo/HireMee-Dinu-Design/images/college-mockup.png" alt=""></div> -->

@endsection