@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Institution Solutions for Examination and Assessment | HireMee')
@section('content')
<div class="preloader" style="opacity: 0.6; display: none;">
 <div class="utf-preloader">
   <span></span>
   <span></span>
   <span></span>
   <span></span>
 </div>
</div>
<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><a href="{{ url('college').'/'.$allDataForViewAll->college->url_slug }}">{{ $allDataForViewAll->college->college_name }}</a></li>
     <li>Pre Assessed Students</li>
   </ul>
</nav>
</div>
</div>
   <!-- header section -->
   <div class="institution--overview-header position-relative">
      <div class="container">
         <div class="margin-left-0 row flex-column institution-row position-relative">
            <div class="insti-over-img d-flex">
               @if(!empty($allDataForViewAll->college->collegeLogo))
               <img src="{{ $allDataForViewAll->college->collegeLogo }}" alt="{{$allDataForViewAll->college->college_name}}">
               @else
                <img src="{{secure_asset('assets/images/college-icon-1.svg')}}" alt="College">
               @endif
               <div class="colege-overview-header" style="margin-left: 20px;align-self: center;">
                  <h1>{{ $college->college_name ?? "Not Updated" }}</h1>
                  <div class="total-asse-item">
                     <h5>Total Pre Assessed Student : <span>{{$allDataForViewAll->totalPreAssessedStudents}}</span></h5>
                     <h5>Total Branch Wise Count : <span>{{$total_branch_count_for_view_all}}</span></h5>
                  </div>  
               </div>       
               
               
            </div>
           
            <div class="margin-left-0 row institution-contact flex-lg-nowrap">
               {{-- <ul class="margin-bottom-0 ins-contact-item">
                 <li>Email ID: {{ $college->email_address ?? 'Not Updated' }}</li>
                  <li>Phone: {{ $college->mobile_number ?? 'Not Updated' }}</li> 
                  <li>Web: {{ $college->website_address ?? 'Not Updated' }}</li>
               </ul>--}}
               <div class="ins-contact-item">
                  <h5 class="margin-bottom-10">No of Viewers</h5>
                  <h2 id="number_of_viewers">{{$allDataForViewAll->numberOfViewers}}</h2>
               </div>
               <div class="ins-contact-item">
                  <h5 class="margin-bottom-10">Total Recruiters</h5>
                  <h2 id="total_recruiters">{{$allDataForViewAll->totalRecruiters}}</h2>
               </div>
               {{--<ul class="margin-bottom-0 ins-contact-item">
                  <li>Contact Person</li>
                  <li class="g-text">{{$college->spoc_name ?? 'Not Updated' }}</li>
                  <li>Email ID: <b>{{$college->email_address ?? 'Not Updated'}}</b></li>
               </ul>--}}
            </div>
            <!-- <div class="total-asses flex-column flex-lg-row">
                            
               <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>
                  </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>
   <!-- Overview Body Start  -->
    <section class="container">
      
      <div class="row">
         <div class="col-lg clg-overview-col">
            <!-- College-overview start  -->
            <div class="college-overview" style="margin-bottom: 0px;">
         @if(!empty($allDataForViewAll->college->about_college))
               <h3 class="isnt-second-heading">College Overview</h3>
               @php 
                  $college_overview = $allDataForViewAll->college->about_college ?? "Not Updated"; 
                  $overview_str_length = mb_strlen($college_overview);
               @endphp
               <span class="" id="drop-text-div">
                  <p style="text-align: justify;">{{mb_strimwidth($college_overview, 0, 200, "...") }}</p>          
               </span>
               <span class="d-none" id="drop-text">
                  <p style="text-align: justify;">{{ $college_overview }}</p>          
               </span>
         @endif
            </div>
         @if(!empty($allDataForViewAll->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 assessed_student_list_render" id="assessed_student_list_render_id">
               {!! $component!!}
            </div>
            <!-- 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 d-flex flex-column margin-top-20">
                  <h6 style="color: red;font-size: 10px;">Please note, the above logos are updated by the College*</h6>
               </div>
             </div>--}}
            <!-- TOP RECRUITERS End  -->
         </div>
         {{--<div class="col-lg-3">
            <!-- Upcoming Assessments -->
            <div class="up-assess-over">
               <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>
      </div>--}}
    </section>

</section>
<input type="hidden" id="universityId" value="{{ $college->university_id }}">
<input type="hidden" id="collegeId" value="{{ $college->college_id }}">
<script>
$("#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-div").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);
   }
});
// 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>
@endsection