@extends('layouts.masterlayout')
@section('content')
<div class="clearfix"></div>

<!--Slider section start-->
<section class="slider_section">
  
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        
                        <div class="carousel-inner">
                          @if(!empty($collesebanner))
                          @foreach($collesebanner as $key=>$value)
                          <div class="carousel-item @php if($key==0) echo 'active'; @endphp">
                                        <img class="d-block w-100" src='{{url("$value->image")}}'  alt="First slide">
                                        <div class="carousel-caption d-none d-md-block">
                                                        <h5 class="main_heading_slides">{{str_limit(strip_tags($value->text),$limit = 300, $end = '')}}</h5>
                                                                        <div class="search_block">
                                                                                        <input type="text" class="input_text" placeholder="What are you looking for ?" />
                                                                                        <input type="submit" value="Search" class="submit_button" />
                                                                                    </div>
                                         </div>
                          </div>
                          @endforeach
                          @endif
                    
                           
                           
                          
                        </div>
                        <!-- <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                          <span class="sr-only">Previous</span>
                        </a> -->
                        <div class="bottom_block">
                                  <div class="high_light_left">
                                   <img src="{{url('collegeProject/images/highlight.jpg')}}" alt="" />
                                  </div>
                                <ul class="tabs_carousal">
                                        @if(!empty($collesebanner))
                                        @foreach($collesebanner as $key=>$value)
                                        <li data-target="#carouselExampleIndicators" data-slide-to="{{$key}}">
                                            <div class="img_div"><img src="{{url('collegeProject/images/lucknow.png')}}" alt="" /></div>
                                          <p>{{str_limit(strip_tags($value->title),$limit = 50, $end = '')}}<br /> <span>{{str_limit(strip_tags($value->alt),$limit = 50, $end = '')}}</span></p>
                                        </li>
                                        @endforeach
                                        @endif
                                    </ul>
                                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                            <span class="sr-only">Next</span>
                                          </a>
                        </div>
                      </div>
      
</section>
<!--Slider section end-->
<!--Explore section starts-->
<section class="section2">
<div class="container">
    <div class="row">
        <div class="col-12 col-sm-12 col-lg-12 col-md-12 col-xl-12">
            <div class="explore_block">
                <h2 class="text-center">Explore Almost Everything Here</h2>
                <p class="text-center">College Tour is an extensive search engine for the students, 
                    parents, and education industry <br /> players who are seeking information.</p>
                <div class="row margin-top">
                    @if(!empty($Category))
                     @foreach($Category as $cat)
                    <div class="col-md-2 col-xl-2 col-lg-2 col-sm-2 col-6 padding-left-right-5">
                        <a href='{{url("college/$cat->slugs")}}'>
                        <figure>
                                <img src='{{url($cat->image)}}' alt="{{$cat->category_name or ''}}" />
                                <figcaption> {{$cat->category_name or ''}} <br />
                                <span>{{collegecount($cat->id)}} Colleges</span></figcaption>
                        </figure>
                        </a>
                    </div>
                    @endforeach
                     @endif
                </div>
                
                
                     
            </div>
        </div>
    </div>
</div>
</section>
<!--Explore section ends-->
<!--Vit Bhopal Section starts-->
<section class="section3">
    <div class="main_block">
        <div id="carouselSlider0" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner background_section3">
                @if(!empty($collegeslider))
                @foreach($collegeslider as $key=>$slider)
                <div class="carousel-item active">
                        <div class="left_block">
                        
                              <h5>{{str_limit(strip_tags($slider->title),$limit = 100, $end = '')}}</h5>
                                <p> {{str_limit(strip_tags($slider->description),$limit = 500, $end = '...')}}</p>
                        </div>
                        <div class="right_block">
                                        <img src="{{url($slider->fullimage)}}" alt="{{$slider->title}}" />
                        </div>
                </div>
                @endforeach
                @endif
                 
                 
            </div>
            <ol class="carousel-indicators carousal_slide">
                @if(!empty($collesebanner))
                @foreach($collesebanner as $key=>$slider)
                <li data-target="#carouselSlider0" data-slide-to="{{$key}}" class="active"></li>
                @endforeach
                @endif
            </ol>
        </div>
    </div>
</section>
<!--Vit Bhopal Section ends-->

<!--Trending Section Start-->
<section class="trending_section">
 <div class="container">
  <div class="row">
   <div class="col-md-4 col-lg-4 col-sm-4 col-12 col-xl-4">
           <div class="trending_block">
               <a href='{{url("college/engineering/trending-college")}}'>Trending Colleges</a>    
           </div>
   </div>
   <div class="col-md-4 col-lg-4 col-sm-4 col-12 col-xl-4">
                <div class="trending_block">
                                <a href="#">Trending Cources</a>    
                </div>
   </div>
   <div class="col-md-4 col-lg-4 col-sm-4 col-12 col-xl-4">
                <div class="trending_block">
                                <a href="#">Trending Exams</a>    
                </div>
   </div>
  </div>
  <div class="row">
          <div class="col-md-1 col-lg-1 col-sm-1 col-12 col-xl-1"></div>
          <div class="col-md-10 col-lg-10 col-sm-10 col-12 col-xl-10 text-center">
                  <div class="find_them">
                     <h4>Are you looking for the right course? Find them here.</h4>
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                              incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                               quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                               Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat 
                               nulla pariatur. Excepteur sint occaecat cupidatat non proident, 
                             sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
                  </div>
          </div>
          <div class="col-md-1 col-lg-1 col-sm-1 col-12 col-xl-1"></div>
  </div>
 </div>
</section>
<!--Trending Section ends-->
<!--Gallery section starts-->
<section class="gallery_section">
        <div class="main_block_gal">
        <div class="col-gallery-4">
        
        </div>
        <ul id="rig">
                        <li>
                             
                              <a class="rig-cell" href='{{url("college/engineering")}}'>
                                <img class="rig-img" src="{{url('collegeProject/images/gallery1.jpg')}}">
                                <span class="rig-overlay"></span>
                                <span class="rig-text">Top Engineering College</span>
                            </a>
                        </li>
                        <li>
                            <a class="rig-cell" href='{{url("college/management")}}'>
                                <img class="rig-img" src="{{url('collegeProject/images/gallery2.jpg')}} ">
                                <span class="rig-overlay"></span>
                                <span class="rig-text">Top Management College</span>
                            </a>
                        </li>
                        <li>
                            <a class="rig-cell" href='{{url("college/medical")}}'>
                                <img class="rig-img" src="{{url('collegeProject/images/gallery3.jpg')}} ">
                                <span class="rig-overlay"></span>
                                <span class="rig-text">Top Medical Colleges</span>
                            </a>
                        </li>
                        <li>
                            <a class="rig-cell" href='{{url("college/management")}}'>
                                <img class="rig-img" src="{{url('collegeProject/images/gallery4.jpg')}}">
                                <span class="rig-overlay"></span>
                                <span class="rig-text">Top Distance MBA Colleges</span>
                            </a>
                        </li>
                        <li>
                            <a class="rig-cell" href="#">
                                <img class="rig-img" src="{{url('collegeProject/images/gallery5.jpg')}}">
                                <span class="rig-overlay"></span>
                                <span class="rig-text">Get Expert Guidance</span>
                            </a>
                        </li>
                        <li>
                            <a class="rig-cell" href="#">
                                <img class="rig-img" src="{{url('collegeProject/images/gallery6.jpg')}}">
                                <span class="rig-overlay"></span>
                                <span class="rig-text">Rank Predictor</span>
                            </a>
                        </li>
                        <li>
                            <a class="rig-cell" href="#">
                                <img class="rig-img" src="{{url('collegeProject/images/gallery7.jpg')}}">
                                <span class="rig-overlay"></span>
                                <span class="rig-text">College Predictor</span>
                            </a>
                        </li>
                        <li>
                            <a class="rig-cell" href="#">
                                <img class="rig-img" src="{{url('collegeProject/images/gallery8.jpg')}}">
                                <span class="rig-overlay"></span>
                                <span class="rig-text">Forum</span>
                            </a>
                        </li>
                    </ul>
        </div>
</section>
<!--Gallery section ends-->
<!--Blog section-->
<section class="blog_section">
<div class="container">
    <div class="row">
        <div class="col-md-12 col-12 col-lg-12 col-sm-12 col-xl-12">
            <div class="blog_block">
             <h5 class="text-center">Best News Till Date</h5>
             <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                  sed do eiusmod tempor incididunt ut labore et dolore magna</p>
            </div>
        </div>
    </div>
<style>
    .cpadding-bottom { padding-bottom:2rem;}
    .cpadding-top { padding-top:2rem;}
    .cborder-bootom { border-bottom:1px solid #ccc;}
    #blogId div:nth-of-type(3){ border-right:none !important; }
    #blogId .border-right:last-child {border-right:none !important;}
    .borderrr { padding: 0 0 2rem 0;
    border-bottom: 1px solid #ccc;
    margin: 0px 18px;}
    #blogId div:nth-of-type(4) div,#blogId div:nth-of-type(5) div,#blogId div:nth-of-type(6) div { border-bottom:none !important; }
</style>
 
    <div class="row">  
                <div class="block padding-top2">
                    <div class="row" id="blogId">
                    @if(!empty($News))
                    @foreach($News as $news)
                        <div class="col-md-4 col-xl-4 col-lg-4 col-sm-4 col-12 border-right">
                        <div class="row cpadding-top">
                           
                            <div class="borderrr">
                                <div class="col-4 float-left col-sm-4 col-lg-4 col-xl-4 col-md-4">
                                   <div class="blog_img">
                                  <a href='{{url("news-description/$news->id")}}'>
                                  <img src='{{url("$news->image")}}' alt="" /> 
                                  </a>
                                   </div> 
                                </div>
                                <div class="col-8 col-sm-8 float-left col-lg-8 col-xl-8 col-md-8 padding-left-0">
                                   
                                  <div class="blog_text">
                                    <p class="highlight">{{config('constants.NEWSTAG')[$news->newstag]}}</p>
                                    <p class="texts"> {{$news->news_title or ''}}</p>
                                  </div>
                                  
                                </div>
                          </div>

                            </div>
                        </div>
                        @endforeach
                        @endif
                    </div>
                    <div class="text-right mt-2"><a href="{{url('news')}}" class="btn btn-default">View All</a></div>
        </div>
    </div>
</div>
</section>
<!--Blog section ends-->
<!--latest update start-->
<section class="latest-section">
 <div class="container">
     <div class="row">
         <div class="col-md-12 col-12 col-lg-12 col-sm-12 col-lg-12">
             <div class="blog_block text-center">
                 <h5>Know what’s happening around. Read latest update.</h5>
             </div>
         </div>
     </div>
     <div class="row">
     @if(!empty($Blogs)) 
     @foreach($Blogs as $key=>$value)   
     <div class="col-md-3 col-12 col-lg-3 col-sm-3 col-xl-3">
             <div class="latest_update">
                 
                 <figure>
                    <a href='{{url("blog-description/$value->id")}}'> <img src='{{url("$value->image")}}' alt="" /> </a>
                     <figcaption> 
                         <span class="date">On {{ \Carbon\Carbon::parse($value->date)->format('M d Y')}}</span> <br />
                         <a href='{{url("blog-description/$value->id")}}'> <span class="highlightText">{{str_limit($value->blog_title, $limit = 45, $end = '...')}}</span></a>
                         <p>{{str_limit(strip_tags($value->description),$limit = 200, $end = '...')}}</p>
                     </figcaption>
                 </figure>
              
             </div>
         </div>
        @endforeach
        @endif 
     </div>
     <div class="text-right mt-2"><a href="{{url('blog')}}" class="btn btn-default">View All</a></div>
 </div>
</section>
<!--latest update ends-->
<!--which cource section starts-->
<section class="course_section_main">
<div class="course_section">
 <div class="container">
     <div class="row">
         <div class="col-lg-12 col-xl-12 col-sm-12 col-md-12 col-12">
             <div class="course_block text-center">
                    <h6>Choose which course you want to parsue</h6>
                <ul>
                    <li><a href="#">BE/B.Tech</a></li>
                    <li><a href="#">Bachelors in Vocational Courses</a></li>
                    <li><a href="#">M.Sc (Hotel Management)</a></li>
                    <li><a href="#">BE/B.Tech</a></li>
                    <li><a href="#">Bachelors in Vocational Courses</a></li>
                    <li><a href="#">M.Sc (Hotel Management)</a></li>
                    <li><a href="#">BE/B.Tech</a></li>
                    <li><a href="#">Bachelors in Vocational Courses</a></li>
                    <li><a href="#">M.Sc (Hotel Management)</a></li>
                    <li><a href="#">BE/B.Tech</a></li>
                    <li><a href="#">Bachelors in Vocational Courses</a></li>
                    <li><a href="#">M.Sc (Hotel Management)</a></li>
                    <li><a href="#">BE/B.Tech</a></li>
                    <li><a href="#">Bachelors in Vocational Courses</a></li>
                    <li><a href="#">M.Sc (Hotel Management)</a></li>
                    <li><a href="#">BE/B.Tech</a></li>
                    <li><a href="#">Bachelors in Vocational Courses</a></li>
                    <li><a href="#">M.Sc (Hotel Management)</a></li>
                    <li><a href="#">BE/B.Tech</a></li>
                    <li><a href="#">Bachelors in Vocational Courses</a></li>
                    <li><a href="#">M.Sc (Hotel Management)</a></li>
                    <li><a href="#">BE/B.Tech</a></li>
                    <li><a href="#">Bachelors in Vocational Courses</a></li>
                    <li><a href="#">M.Sc (Hotel Management)</a></li>
                </ul>
             </div>
         </div>
     </div>
 </div>
</div>
</section>
<!--which cource section ends-->
<!--counter start section-->
<section class="counter_section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-xl-12 col-sm-12 col-md-12 col-12">
              <div class="counter">
                <ul id="counter">
                    <li><span class="counter-value" data-count="99">{{University_count()}}</span> <br /> <span class="counter-text">Universities</span> </li>
                    <li><span class="counter-value" data-count="100">{{college_count()}}</span> <br /> <span class="counter-text">Colleges</span> </li>
                    <li><span class="counter-value" data-count="189">{{courses_count()}}</span> <br /> <span class="counter-text">Courses</span> </li>
                    <li><span class="counter-value" data-count="1990">0</span> <br /> <span class="counter-text">Exams</span> </li>
                    <li><span class="counter-value" data-count="2500">0</span><span class="counter-value">+</span> <br /> <span class="counter-text">Students</span> </li>
                </ul>
              </div>
            </div>
        </div>
    </div>
</section>
<!--counter end section-->
<!--Subscribe our newsletter starts-->
<section class="course_section_main">
<div class="newsletter_section">
 <div class="container">
     <div class="row">
         <div class="col-12 col-md-3 col-sm-3 col-lg-3 col-xl-3 float-left"></div>
         <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-6 float-left">
             <div class="neswletter_block text-center">
                <p class="subscribe">Subscribe Our Newsletter</p>
                 <p id="submessage"></p>
                <div class="subscribe_letter">
                <form name="subscribe" id="subscribe">
               <div class="subscribe_form">
                  {{ csrf_field() }}
                  <div class="subscribe_select">
                  <select name="category_id" id="category_id">
                    @foreach($Category as $key=>$value)
                    <option value="{{$value->id}}">{{$value->category_name}}</option>
                    @endforeach
                 </select>
                  </div>
                 <div class="subscribe_select">
                   <input type="text" required  placeholder="Enter your Name" name="name" id="name" style="width:100%; padding: 5px 20px; background:none;" >
                </div>                 
                <div class="email_address"><input type="text" name="email" id="subscribeemail" placeholder="Enter your email address"/></div>
                <div class="subscribe_button"><input type="button" value="Subscribe" name="subscribebtn" id="subscribebtn"> </div>
              </div>
            </form>
            </div>
             </div>
         </div>
         <div class="col-12 col-md-3 col-sm-3 col-lg-3 col-xl-3 float-left"></div>
     </div>
     <div class="row">
         <div class="col-12 col-md-2 col-sm-2 col-lg-2 col-xl-2 float-left"></div>
         <div class="col-12 col-md-8 col-sm-8 col-lg-8 col-xl-8 float-left">
         <p class="content_subscribe">Aenean interdum ultricies justo, ut vehicula erat dignissim ac. 
                   Aliquam condimentum lectus libero, eu semper arcu eleifend quis.
                    Duis quam massa, posuere ac tempus eu, accumsan sed augue. Suspendisse scelerisque.</p>
         </div>
         <div class="col-12 col-md-2 col-sm-2 col-lg-2 col-xl-2 float-left"></div>
     </div>
 </div>
</div>
    </section>
<!--Subscribe our newsletter ends-->
     @endsection