@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Job Placement Services for Colleges & Institutions | HireMee India')
@section('content')
<!-- Wrapper -->
<div id="wrapper">
  <div class="preloader" style="opacity: 0.6; display: none;">
    <div class="utf-preloader">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>
  
  <div id="titlebar" class="collegesBanner">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h2>Listing of Colleges</h2>
          <nav id="breadcrumbs">
            <ul>
              <li><a href="\">Home</a></li>
              <li>Listing of Colleges</li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>

  <div class="container-fluid innerBannerBottom">
    <div class="row">
      <div class="col">
        <nav class="navbar navbar-expand-lg fixed-top navbar-lighten">
          <!-- navbar title -->
          <a class="navbar-brand navbar-link button utf-ripple-effect-dark margin-top-10" href="javascript:void()" id="sidebar-toggle">Filter <i class="fa fa-bars" aria-hidden="true"></i></a>
        </nav>
      </div>
      <div class="col-lg col-12">
        <h4 class="d-flex align-items-center justify-content-end padding-top-20 margin-right-30">Number of Colleges :&nbsp<span class="text-danger total-count">{{-- $allDataForMainPage->total_records --}}</span></h4>
      </div>
    </div>
  </div>

  <div class="section">
    <div class="d-flex" id="listwrapper">
      <!-- sidebar -->
       @include('hiremee-revamp.partials.new-partials.search.sidebar-state-wise-search')
      <!-- website content -->
      <div class="content">
        <!-- content container -->
        <div class="container-fluid padding-top-20 padding-bottom-20">
          <div class="row">
            <div class="col-lg-9">

              <div class="alpha-pag">                  
                <a href="All" title="" id="alpha-search"  class="active alpha_all_class">ALL</a>
                @for($i=65;$i<=90;$i++)                  
                  <a href="{{chr($i)}}" id="alpha-search" title="">{{chr($i)}}</a>
                @endfor
              </div>
              <div class="college_list_render" id="college_list_render_id"> </div>

  <!-- TOP RECRUITERS Start  -->
               {{--<div class="top-recuiter-section position-relative" style="background-color: #ffffff">
                 <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>
               <div class="top-scorers-details margin-top-10">
                 <h6 style="color: #dc3545;margin-left: 5px;font-size: 10px;">Please note, the above logos are updated by the College*</h6>
              </div>--}}
  <!-- TOP RECRUITERS End  -->

              <div class="topfresh-employee events__item-inner white-bg border-0 margin-top-20">
                  <h3>Browse Colleges</h3>
                  <div class="posted_widget">
                    <div class="row">                      
                      <div class="col-md-6">
                        <div class="widget bordernone job-industry">
                          <h3 class="jobHeading border-bot d-flex justify-content-between align-items-center">Location 
                            @if($college_state_location->count() > 5)
                            <span class="pull-right">
                              <a href="javascript:void(0);" id="view_all_click_state">View All</a>
                            </span>
                            @endif
                          </h3>
                          <div class="link_widgets1 state_wise_view_all" id="state_wise_view_div">
                          @php $state_count = 0; @endphp
                          @foreach($college_state_location as $state)
                            @php
                              $current_url = explode("?", $_SERVER['REQUEST_URI']);
                              $actual_link = (empty($_SERVER['HTTPS']) ? 'http' : 'https') . "://$_SERVER[HTTP_HOST]".$current_url[0]."?state_id=".$state['id'];
                            @endphp
                            <a href="{{ $actual_link }}" data-itemid="{{ $state['id'] }}" id="state_view">Colleges in {{ $state['state'] }} </a>
                            @php 
                              $state_count++; 
                              if($state_count == 5) break;
                            @endphp
                          @endforeach
                          </div>
                          <div class="link_widgets1 state_wise_view_all d-none" id="state_wise_view_all_id"> 
                          @foreach($college_state_location as $state)
                            @php
                              $current_url = explode("?", $_SERVER['REQUEST_URI']);
                              $actual_link = (empty($_SERVER['HTTPS']) ? 'http' : 'https') . "://$_SERVER[HTTP_HOST]".$current_url[0]."?state_id=".$state['id'];
                            @endphp
                            <a href="{{ $actual_link }}" data-itemid="{{ $state['id'] }}" id="state_view">Colleges in {{ $state['state'] }} </a>
                          @endforeach
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="widget bordernone job-industry">
                          <h3 class="jobHeading border-bot d-flex justify-content-between align-items-center">City
                            @if($college_city_location->count() > 5) 
                            <span class="pull-right"><a href="javascript:void(0);" id="view_all_click_city">View All</a></span>
                            @endif
                          </h3>
                          <div class="link_widgets1 city_wise_view_all" id="city_wise_view_div"> 
                          @php $city_count = 0; @endphp
                          @forelse($college_city_location as $city)
                            @php
                              $current_url = explode("?", $_SERVER['REQUEST_URI']);
                              $actual_link = (empty($_SERVER['HTTPS']) ? 'http' : 'https') . "://$_SERVER[HTTP_HOST]".$current_url[0]."?city_id=".$city['id'];
                            @endphp
                            <a href="{{ $actual_link }}" data-itemid="{{ $city['id'] }}" id="city_view">Colleges in {{ $city['city'] }} </a>
                          @php 
                            $city_count++; 
                            if($city_count == 5) break;
                          @endphp
                          @endforeach
                          </div>
                          <div class="link_widgets1 city_wise_view_all d-none" id="city_wise_view_all_id"> 
                          @forelse($college_city_location as $city)
                            @php
                              $current_url = explode("?", $_SERVER['REQUEST_URI']);
                              $actual_link = (empty($_SERVER['HTTPS']) ? 'http' : 'https') . "://$_SERVER[HTTP_HOST]".$current_url[0]."?city_id=".$city['id'];
                            @endphp
                            <a href="{{ $actual_link }}" data-itemid="{{ $city['id'] }}" id="city_view">Colleges in {{ $city['city'] }} </a>
                          @endforeach
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

            </div>

              <div class="col-lg">
                <div class="row">
                  <div class="col">
                    <!-- <div class="utf-sidebar-container-aera">
                      <a href="javascript:void(0);"
                        class="utf-sidebar-widget-item padding-top-10 padding-bottom-10 padding-right-10 padding-left-10"><img
                          src="{{{ URL::asset('assets/hiremee-revamp/images/jobs/job-post.png')}}}" alt="" class="img-fluid" /></a>
                    </div> -->
                    <div class="utf-sidebar-container-aera">
                      <div class="utf-sidebar-widget-item companyListview">
                        <h3>Top Colleges</h3>
                        <div>
                          <div class="row">
                            @php $files = glob('assets/hiremee-revamp/images/top-colleges/*.*'); @endphp
                            @for($i = 0; $i < count($files); $i++)
                           <div class="col-md-6 col-6 margin-top-20">
                               <a href="javascript:void(0);" class="topCollegeList" style="cursor: default;">
                                <img src = "{{$files[$i]}}" class="topCompanyLogo"/></a>
                            </div>
                            @endfor
                          </div>
                        </div>
                      </div>
                    </div>
                    {{--<div class="utf-sidebar-container-aera">
                      <div class="utf-sidebar-widget-item">
                        <div class="form-area AssSupport">
                          <br style="clear:both">
                            <h3>For College Placement
                              Assessment Support</h3>
                            <div class="detail">
                     @include('hiremee-revamp.sub-forms.new-quick-connect',['submit_form_type'=>'assessment_college','request_type'=>30,'csubject'=>6,'button_txt'=>"Submit",'submit_but_id'=>'assessement_support_button','formid'=>'js_assessement_support_form','class'=>'btn btn-primary pull-right','formNo'=>1,'pop_up_title'=>'FOR COLLEGE PLACEMENT ASSESSMENT SUPPORT','button_title'=>'SUBMIT MESSAGE','page_title'=>'INSTITUTION DETAILS'])   
                            </div>
                        </div>

                      </div>
                    </div>--}}

                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>

    </div>
  </div>
  {{--@include('hiremee-revamp.partials.new-subscription') --}}
</div> <!-- Wrapper / End -->
<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();

$("#view_all_click_state").click(function() {
  var elem = $("#view_all_click_state").text();
  if (elem == "View All") {
    $("#view_all_click_state").text("View Less");
    $("#state_wise_view_all_id").removeClass('d-none');
    $("#state_wise_view_div").addClass('d-none');      
    $("#state_wise_view_all_id").slideDown(400);
  } else {
    $("#view_all_click_state").text("View All");
    $("#state_wise_view_all_id").addClass('d-none');
    $("#state_wise_view_div").removeClass('d-none');
    $("#state_wise_view_all_id").slideUp(400);
  }
});
$("#view_all_click_city").click(function() {
  var elem = $("#view_all_click_city").text();
  if (elem == "View All") {
    $("#view_all_click_city").text("View Less");
    $("#city_wise_view_all_id").removeClass('d-none');
    $("#city_wise_view_div").addClass('d-none');      
    $("#city_wise_view_all_id").slideDown(400);
  } else {
    $("#view_all_click_city").text("View All");
    $("#city_wise_view_all_id").addClass('d-none');
    $("#city_wise_view_div").removeClass('d-none');
    $("#city_wise_view_all_id").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>
@endsection