@extends('layouts.masterlayout')
@section('content')
 <div class="clearfix"></div>
 <div class="clearfix"></div>
<!--Main Slide start-->
<section class="detail_section">
    <div class="container">
        <div class="row">
               
            <div class="col-md-8 col-xl-8 col-lg-8 col-sm-8 col-12">
                <div class="category_block">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                          <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                          @php $cat=coursecategory($course->category_id); @endphp
                          <li class="breadcrumb-item"><a href='{{url("university-college/$College->slugs")}}'>{{$College->college or ''}}</a></li>
                          <li class="breadcrumb-item active" aria-current="page"><a href="">{{$course->course_name or ''}}</a></li>
                        </ol>
                      </nav>
                    <h1>{{$course->course_name or ''}} </h1>
                    <!-- <p><span>{{Universitycollege_count()}}</span> Colleges in India offering {{courses_count()}} courses</p> -->
                     <ul class="fee_rank">
                         @if(isset($coursefee->fee))
                         <li>
                             <p>Total Fees <br />
                             <span>INR {{$coursefee->fee or ''}}  </span></p>
                         </li>
                         @endif
                         @if(isset($course->medium))
                        <li>
                            <p>{{$course->medium or ''}} <br />
                            <span>Medium</span></p>
                        </li>
                        @endif
                     </ul>
                </div>
            </div>
            <div class="col-md-4 col-xl-4 col-lg-4 col-sm-4 col-12">
              <div class="download_brochure margin_top20">
                   <!-- <a href="">Download Brochure</a><br />
                   <button>Apply Now</button> -->
              </div>
            </div>
        </div>
    </div>
</section>
<!--Main Slide end-->
<!---multitabs on scroll start-->
<section class="tabs_section_1">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12 col-12">
            <div class="courses_details_block">
              <div class="courses_listing_1 sticky" id="nav">
               <ul>
                   <li><a href="#eligibility" class="active">Eligibility</a></li>
                   <li><a href="#admission">Admission</a></li>
                   <li><a href="#fee">Fee</a></li>
                   <li><a href="#structure">Structure</a></li>
                   <li><a href="#seatsInfo">Seats Info</a></li>
                   <li><a href="#placements">Placements</a></li>
                   <li><a href="#qa">Q&A</a></li>
                    
               </ul>
              </div>
              <div class="listing_section_block" data-spy="scroll" data-target="#list-example" data-offset="0">
               <section id="eligibility" class="colleges_sections">
                <div class="row">
                    <div class="col-md-4 col-xl-4 col-lg-4 col-sm-4 col-12">
                        <div class="left_image">
                          @if($course->fullimage!='')
                            <img src="{{$course->fullimage or ''}}" alt="$course->course_name" />
                            @else
                            <img src="{{url('collegeProject/images/left_image1.png')}}" alt="{{$course->course_name}}" />
                            @endif
                        </div>
                    </div>
                    <div class="col-md-8 col-xl-8 col-lg-8 col-sm-8 col-12">
                          <div class="intro">
                              <h2>Eligibility</h2>
                             <div class="row">
                                 <div class="col-12 col-lg-4 col-sm-4 col-xl-4 col-md-4">
                                     <div class="eligibility_block">
                                         <ul>
                                             <li><span class="label_head">Qualification</span>  
                                                <br /> {{$eligibility->qualification or ''}} 
                                             </li>
                                         </ul>
                                     </div>
                                 </div>
                                 <div class="col-12 col-lg-4 col-sm-4 col-xl-4 col-md-4">
                                    <div class="eligibility_block">
                                        <ul>
                                            <li><span class="label_head">Minimum Eligibility to Apply</span>  
                                               <br /> {{$eligibility->eligibility or ''}} 
                                            </li>
                                        </ul>
                                    </div>
                                 </div>
                                 <div class="col-12 col-lg-4 col-sm-4 col-xl-4 col-md-4">
                                    <div class="eligibility_block">
                                        <ul>
                                            <li><span class="label_head">Age</span>  
                                               <br /> @if(isset($eligibility->age)) Maximum {{$eligibility->age or ''}} years
                                               @endif
                                            </li>
                                        </ul>
                                    </div>
                                 </div>
                             </div>
                             <div class="row">
                                 <div class="col-12 col-lg-12 col-sm-12 col-xl-12 col-md-12">
                                     <div class="eligibility_block">
                                         {!! $eligibility->description or ''!!}
                                     </div>
                                 </div>
                             </div>
                             <!-- <div class="row">
                                 <div class="col-12 col-lg-12 col-sm-12 col-xl-12 col-md-12">
                                     <div class="predict_rank">
                                         <p>Want to know your chances of getting into this college?</p>
                                         <ul>
                                             <li><a href="#">Predict College</a></li>
                                             <li><a href="#">Predict Bank</a></li>
                                         </ul>
                                     </div>
                                 </div>
                             </div> -->
                          </div>
                    </div>
                </div>
               </section>
               <section id="admission" class="colleges_sections1">
                <div class="row">
                    <div class="col-md-12 col-xl-12 col-lg-12 col-sm-12 col-12">
                        <div class="admission_alert_1">
                          <h3>Latest Admission Alert</h3>
                           
                          <ul>
                               @if(!empty($AdmisionAlert))

                               @foreach($AdmisionAlert as $key=>$value)
                               
                              <li>{!! $value->title or '' !!}
                                <br>{!! str_limit(strip_tags($value->description),$limit = 170, $end = '...') !!}
                                @if(strlen($value->description)>160)
                                 <a href='{{url("course-alert-details/$value->id")}}'>know more</a> </li>
                                @endif
                                                              @endforeach

                              @endif
                              @if(count($AdmisionAlert)>3)
                             <p align="right"><a href='{{url("course-alert/$College->slugs")}}'>View All</a> </p> 
                              @endif
                              @if(count($AdmisionAlert)==0)
                              <div class="alert alert-info">
                              <strong>Info!</strong> there is no information.
                            </div> 
                            @endif
                          </ul>
                        </div>
                    </div>
                </div>
               </section>
               <section id="fee" class="colleges_course_details">
                <div class="row">
                    <div class="col-md-12 col-12 col-lg-12 col-sm-12 col-lg-12">
                        <div class="fee_block">
                              <!-- <h3>Get Course Details on Eligibility, Fees & Important Dates in your inbox.<br />
                                  You will also receive updates, insights and recommendations.</h3>
                               <a href="#" class="download_brochure_fee">Download Brocher</a> -->
                               <h4>Fees</h4>
                             <ul>
                                 <li>Total Fees <br />
                                     <span class="label_fees">INR {{$coursefee->fee or ''}} </span></li>
                                  <li>Hostel Fees (Yearly)<br />
                                    <span class="label_fees">INR {{$coursefee->hostel_fee or ''}}</span></li>
                             </ul>
                             {!! $coursefee->description or ''!!}
                        </div>
                    </div>
                </div>
               </section>
               <section id="structure" class="colleges_sections1">
                      <div class="row">
                            <div class="col-md-12 col-xl-12 col-lg-12 col-sm-12 col-12">
                                <div class="course_structure">
                                    <h3>Course Structure  <br /><span>Course Structure</span></h3>
                                    @php 
                                     $Structure=array();
                                     if(!empty($CourseStructure))
                                     {
                                       $Structure=strip_tags($CourseStructure->course_structure);
                                       $Structure=explode(',',$Structure);
                                     }
                                      
                                      
                                    @endphp
                                    <ul>
                                       @if(!empty($Structure))
                                       @foreach($Structure as $key=>$value)
                                        <li>{{$value or ''}}</li>
                                      @endforeach
                                      @endif
                                     
                                    </ul>
                                     
                                    <!-- <p><a href="#">View Complete Course Structure</a></p> -->
                                </div>
                            </div>
                      </div>
               </section>
               <section id="seatsInfo" class="colleges_sections1">
                      <div class="row">
                            <div class="col-md-12 col-xl-12 col-lg-12 col-sm-12 col-12">
                              <div class="seatInfo_block">
                                  <h3>Seats Info</h3>
                                  <div class="info_blockc">
                                   <div class="row border bgg">
                                       <div class="col-md-2 col-xl-2 col-lg-2 col-sm-2 col-2 border-right">
                                              <div class="total_seats">
                                                  <p>Total Seats <br />
                                                    <span>{{$courseSeatinfo->genral+$courseSeatinfo->obc+$courseSeatinfo->sc+$courseSeatinfo->international+$courseSeatinfo->st+$courseSeatinfo->pwd
                                                    }}</span></p>
                                              </div>
                                       </div>
                                       <div class="col-md-10 col-xl-10 col-lg-10 col-sm-10 col-10">
                                           <div class="seats_block">
                                              <h5>Category</h5>
                                              <div class="row">
                                                  <div class="col-md-2 col-xl-2 col-lg-2 col-sm-2 col-12">
                                                      <div class="category_blk">
                                                          <p>General <br /><span>{{$courseSeatinfo->genral or ''}}</span></p>
                                                      </div>
                                                  </div>
                                                  <div class="col-md-2 col-xl-2 col-lg-2 col-sm-2 col-12">
                                                        <div class="category_blk">
                                                                <p>OBC <br /><span>{{$courseSeatinfo->obc or ''}}</span></p>
                                                        </div>
                                                  </div>
                                                  <div class="col-md-2 col-xl-2 col-lg-2 col-sm-2 col-12">
                                                        <div class="category_blk">
                                                                <p>SC <br /><span>{{$courseSeatinfo->sc or ''}}</span></p>
                                                        </div>
                                                  </div>
                                                  <div class="col-md-2 col-xl-2 col-lg-2 col-sm-2 col-12">
                                                        <div class="category_blk">
                                                                <p>International Student <br /><span>{{$courseSeatinfo->international or ''}}</span></p>
                                                        </div>
                                                  </div>
                                                  <div class="col-md-2 col-xl-2 col-lg-2 col-sm-2 col-12">
                                                        <div class="category_blk">
                                                                <p>ST <br /><span>{{$courseSeatinfo->st or ''}}</span></p>
                                                        </div>
                                                  </div>
                                                  <div class="col-md-2 col-xl-2 col-lg-2 col-sm-2 col-12">
                                                        <div class="category_blk">
                                                                <p>PWD <br /><span>{{$courseSeatinfo->pwd or ''}}</span></p>
                                                        </div>
                                                  </div>
                                              </div>
                                           </div>
                                       </div>
                                   </div>
                                </div>
                                 
                                <h6>Placements <span>(as provided by college)</span></h6>
                                <p id="placements">{!! $Placement->description or ''!!}</p>
                              <div class="progress_bar_m">
                                    <div class="progress-bar position" data-percent="{!! $Placement->pecentage or '50'!!}" 
                                     data-color="#0d57ff,#ff6c6c"><span class="txts">Of Total Batch <br />Placed</span></div>
                              </div>
                             </div>    
                            </div>
                      </div>
                      
               </section>
               <section id="qa" class="colleges_sections1">
                    <div class="row">
                            <div class="col-md-12 col-xl-12 col-lg-12 col-sm-12 col-12">
                                <div class="students_review border-bottom">
                                   @php $count=count($questionanswer); @endphp
                                    <h4>Question & Answer <span>(Showing @php if($count>0){ echo '3';} else { echo '0';} @endphp of {{$count}} questions)</span></h4>
                                    @if($count>0)
                                    <h4><a href='{{url("course-question/$course->slugs")}}' class="float-right">View All</a></h4>
                                    @else
                                      @if(Auth::guard('student')->user())
                                        <h4> <a href='{{url("course-question/$course->slugs")}}' class="float-right">Ask Question</a>
                                       @else
                                       <h4><a  href="javascript:void()" data-toggle="modal" data-target="#myModal" class="float-right">Ask Questions</a></h4>
                                       @endif
                                    </h4>
                                    @endif
                                     
                                </div>
                            </div>
                            @if(!empty($questionanswer))
                            @php $i=1; @endphp
                            <div class="col-md-12 col-xl-12 col-lg-12 col-sm-12 col-12">
                              @foreach($questionanswer as $key=>$value)
                               @if($i<4)
                              <div class="qa_block">
                                  <p class="qaB"> {{str_limit($value->question_title,$limit = 120, $end = '...')}}
                                    </p>
                                  <p class="ntom">{{ str_limit($value->answer[0]->answertext,$limit = 120, $end = '...')}}  </p>
                                  <a href='{{url("course-question-answer/$course->slugs/$value->id")}}'>Know more</a>
                              </div>
                              @endif
                              @php $i++; @endphp
                               @endforeach
                               
                            </div>
                            @endif
                     </div>
                
               </section>
               <section id="scholorships"  class="colleges_sections1">
                <div class="row">
                    <div class="col-md-12 col-xl-12 col-lg-12 col-sm-12 col-12">
                        <div class="schoolarShipBlock">
                                    <h4>Students who viewed this college also viewed the following colleges</h4>
                                    <div class="container_row">      
                                            <div id="carousel" class="slider slider_second">
                                              <div class="slider_viewport">
                                                <div class="slider_list">
                                                @if(!empty($collegeSlider))
                                                  @foreach($collegeSlider as $key=>$value)
                                                  @php 
                                                  $courses=college_course($value->id);
                                                    //dd($courses);
                                                   @endphp
                                                  <div class="slider_item">
                                                      <div class="slides_imm">

                                                            <img src="{{url($value->fullimage)}}" alt="" />
                                                            <span><i class="fas fa-star"></i> 5.0</span>
                                                      </div>
                                                      <p class="para1 font-weight600 aaims">{{$value->college or ''}}</p>
                                                      <p class="aaimsb text-left">Established in {{$value->college_estd or ''}}  |  Approved by: {{affiliation($value->id)}}  |  {{$Collagesector[$value->college_type] or ''}}</p>
                                                      <div class="courses_placement_1">
                                                      <ul>
                                                                <li><a href='{{ url("university-college/$value->slugs")}}#courses'>Courses </a></li>
                                                                <li><a href='{{ url("university-college/$value->slugs")}}#contactUs'>Contact</a></li>
                                                                <li><a href='{{ url("university-college/$value->slugs")}}#news'>News</a></li>
                                                                <li>+7 more</li>
                                                      </ul>
                                                       </div>
                                                       <div class="college_name_1">
                                                            <ul>
                                                                    <li>Courses <br> <span>{{$courses->course_name or ''}}</span></li>
                                                                    @php $fee=collegecoursefee($value->id,$courses->specialization_id ) @endphp
                                                                    <li>Fee <br> <span>{{$fee->fee or ''}} INR</span></li>
                                                                    <li>Duration <br> <span>{{$courses->duration or ''}} years</span></li>
                                                                </ul>
                                                       </div>
                                                  </div>
                                                  @endforeach
                                                  @endif
                                                    
                                                         
                                                </div>
                                              </div>
                                              <div class="slider_nav">
                                                <div class="slider_arrow slider_arrow__left"></div>
                                                <div class="slider_arrow slider_arrow__right"></div>
                                              </div>
                                              <div class="slider_control-nav">
                                                <!-- All this selectors must be created dynamically. They are here just for example -->
                                              </div>
                                            </div>
                                          </div>
                        </div>
                    </div>
                </div>
               </section>
               <section id="article" class="colleges_sections1">
                    <div class="row">
                            <div class="col-md-12 col-xl-12 col-lg-12 col-sm-12 col-12">
                              <div class="blog_title text-center">
                                  <h4>Best News Till Date</h4>
                                  <p>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>
                                    <a href='{{url("news-description/$news->id")}}'> <p class="texts"> {{$news->news_title or ''}}</p></a>
                                  </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>
               </section>
              </div>
            </div>
            </div>
        </div>
    </div>
    
</section>
<!--Multitab on scroll end-->
<!--Footer Starts-->
<script type="text/javascript" src="{{url('collegeProject/js/slider.js')}}" ></script>
<script>
        var $slider = $('#slider').slider();
        var $carousel = $('#carousel').slider({
          interval: 3000,
          items: 2,
          loop: true,
          imgWidth: 420,
          callback: function(number) {
            console.log('Current carousel slide - ' + number);
          }
        });
        
        console.log('Total number of slides - ' + $slider.getSlidesCount());
      </script>
@endsection