@extends('layouts.template')
@section('content')
@include('inc.homebanner')
<style>

    .imgbox {
        display: grid;
        height: 100%;
    }
    .center-fit {
        max-width: 100%;
        max-height: 100vh;
        margin: auto;
    }
</style>
<section class="full_home_section bluesearchbar" >
    <div class="container margin-cust-h-4">
           <!-- <div class="row">
                    <div class="col-md-12 col-sm-12">
                    <div class="home-heading">
                    <h1>Search </h1>
                    <h4>Top Universities and courses</span></h4>
                    </div>
                    </div>
                    </div>-->
        <div class="row">
        <div class="col-md-12 col-sm-12 paddingsearch"  >
                <form   action="{{url('overseas-education-courses')}}"  method="GET" id="unisubmit" >
          
                        <div class="text-field col-md-2 col-sm-6 cust-min-width-5">
                                <div class="form-group form-interactive ">
                                    <div class="casing">
                                        <em class="placeholder move"></em>
                                        <select class="form-control" name="course_country_id" id="country" >
                                                <option value="0">Country - All</option>
                                                @if(count($countriess)>0)
                                                @foreach($countriess as $country)
                                                <option value="{{$country->country_id}}" >{{$country->country_name}}</option>
                                                @endforeach
                                                @endif
                                            </select>
                                    </div>
                                    <div class="error-message"> {{ $errors->first('stu_name')}}</div>
                                </div>
                            </div>
                            <div class="text-field col-md-2 col-sm-6 cust-min-width-5">
                                    <div class="form-group form-interactive ">
                                        <div class="casing">
                                            <em class="placeholder move"></em>
                                            <select class="form-control" name="course_university_id" id="university" >
                                                    <option value="0">University - All</option>                                                   
                                                </select>
                                        </div>
                                        <div class="error-message"> {{ $errors->first('stu_name')}}</div>
                                    </div>
                                </div>
                                <div class="text-field col-md-2 col-sm-6 cust-min-width-5">
                                        <div class="form-group form-interactive ">
                                            <div class="casing">
                                                <em class="placeholder move"></em>
                                                <select class="form-control" name="course_subject_id" id="subject" >
                                                <option value="0">Subject - All</option>
                                                </select>
                                            </div>
                                            <div class="error-message"> {{ $errors->first('stu_name')}}</div>
                                        </div>
                                    </div>
                                    <div class="text-field col-md-2 col-sm-6 cust-min-width-4">
                                        <div class="form-group form-interactive ">
                                            <div class="casing">
                                                <em class="placeholder move"></em>
                                                <select class="form-control" name="course_level_id" id="level">
                                                        <option value="0">Level - All</option> 
                                                        @if(count($levels)>0)
                                                        @foreach($levels as $level)
                                                        <option value="{{$level->level_id}}" >{{$level->level_name}}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                            </div>
                                            <div class="error-message"> {{ $errors->first('stu_name')}}</div>
                                        </div>
                                    </div>
                                    <div class="text-field  col-sm-6 cust-min-width-2">
                                            <input type="submit" id="edit-submit--2" name="op" value="Go" class="form-submit btn btn-default btn-primary btn_orrange form-disabled" >
                                          </div>
                                    <div class="text-field  cust-min-width-1">
                                    <div class="form-group form-interactive div-height-cust-text-1 ">
                                   OR
                                 </div>
                                 </div>
                                 <div class="text-field col-md-2 col-sm-6">
                                        <div class="form-group form-interactive ">
                                            <div class="casing">
                                                <em class="placeholder move"></em>
                                                <input type="text" name="coursename" class="form-control" value="" placeholder="Course name..">
                                            </div>
                                            <div class="error-message"> {{ $errors->first('stu_name')}}</div>
                                        </div>
                                    </div>
                                    <div class="text-field  col-sm-6 cust-min-width-1">
                                            <input type="submit" id="edit-submit--2" name="op" value="Go" class="form-submit btn btn-default btn-primary btn_orrange form-disabled" >
                                          </div>
                                </div>
                       </form>
        </div>
        </div>
    </div>
</section>
<section class="full_home_section">
    <div class="container">
        <div class="row">
        <div class="col-md-12 col-sm-12">
        <div class="home-heading">
        <h1>Study abroad</h1>
        <h4>Step by step process to apply </h4>
        </div>
        </div>
        </div>
    </div> 
</section> 
<section class="full_home_section">
    <div class="imgbox">
      
            <img src="{{url('img/apply.png')}}" class="center-fit">
    </div>
</section> 
<section class="full_home_section">
    <div class="container">
        <div class="row">
        <div class="col-md-12 col-sm-12">
        <div class="home-heading">
        <h1>Where can you study</h1>
        <h4>Top Universities preferred by <span> students</span></h4>
        </div>
        </div>
        </div>
    </div> 
</section> 
<section class="home-feature">
<div class="container">
     @foreach($universities as $university)   
    <div class="home-features">
        <a href="{{url('colleges-university/'.str_replace(" ","-",$university->uni_name).'/'.$university->uni_id)}}"><div class="col-md-3 col-sm-6 small-padding">
        <div class="home-job-feature">
        <div class="home-feature-caption">
        <p class="img"><img src="{{url('/storage/university/logo/'.$university->uni_logo)}}"  alt="{{$university->uni_name}}" style="min-width:80px;max-height:85px;" /></p>
        <h4 class="back-blue-font">{{$university->uni_name}}</h4>
       <p>{!!str_limit($university->uni_homedesc, $limit = 90)!!} <a href="{{url('/colleges-university/'.str_replace(" ","-",$university->uni_name).'/'.$university->uni_id)}}" class="back-orange-font"> Read more</a></p>
        </div>
        </div>
        </div></a>
    </div>
    @endforeach
        
</div>  
</section> 



    <section class="home-feature back-blue  " style="padding-bottom:50px;">
            <div class="container">
                    <div class="row">
                            <div class="col-md-12 col-sm-12">
                            <div class="home-heading">
                            <h1 class="white-color">What to study</h1>
                            <h4 class="white-color">Popular courses preferred by <span>Students</span></h4>
                            </div>
                            </div>
                            </div>
                <div class="home-features-1">
                @foreach ($subjects as $subject)      
                    <div class="col-md-3 col-sm-6 small-padding">
                    <div class="home-course-feature-1">
                    <div class="home-feature-caption">                    
                    <h4 class="back-white-font"><img src="{{url('/storage/subject/'.$subject->subject_image)}}" alt="{{$subject->subject_name}}" width="30"> {{$subject->subject_name}}</h4>                    
                    </div>
                        <ul class="list-group list-group-flush">
                        @foreach($subject->sub_category as $subsubject)
                            <li class="list-group-item-1"><a href="{{url('university-subjects-course/'.str_replace(' ','-',trim($subsubject->subject_name)).'/'.$subsubject->subject_id)}}">{{$subsubject->subject_name}}</a></li>                         
                            @endforeach
                        </ul>

                    </div>
                    </div>
                @endforeach
                </div>
             </div>
            </div>  
    
            </section> 

<section class="home-cust-act padding50" >
<div class="container">
      
<div class="row">
        <div class="row">
                <div class="col-md-12 col-sm-12">
                <div class="home-heading">
                <h1>What do you need to know?</h1>
                <h4><span>Very informative articles and in depth reviews to help you choose a safe route towards your
                        destination.</span></h4>
                </div>
                </div>
                </div>
                @foreach ($articles as $article)
                <div class="col-md-4 col-sm-6 small-padding">
    <div class="home-article">
    <div class="home-feature-caption">
    <h4 class="back-blue-font">{{$article->article_name}}</h4>
    <div class="image"><img src="{{url('/storage/article/thumb/'.$article->article_image)}}"  alt="{{$article->article_name}}" style="max-width:150px;" />{{str_limit(str_replace("##","",$txtcontent), $limit = 200)}}... <a href="{{url('/article/'.$article->article_keyword.'/'.$article->article_url.'/1')}}" class="back-orange-font"> Read more</a>
     </div>     
    </div>
     </div>
    </div>
    @endforeach        
</div>
</div>
</section>



<section class="full_home_section grey-color">
        <div class="container">
            <div class="row">
            <div class="col-md-12 col-sm-12">
            <div class="home-heading">
            <h1>Study abroad destinations</h1>
            <h4>See other popular study destinations preferred by <span>Students</span></h4>
            </div>
            </div>
            </div>
            @foreach($countries as $countrie)   
            <div class="home-features">
                    <a href="{{url('/article/'.$countrie->country_name.'/'.$countrie->country_url.'/'.$countrie->country_id)}}">
                <div class="col-md-3 col-sm-6 ">
                <div class="hvrbox">
                <img src="{{url('/storage/country/'.$countrie->country_image)}}"   height="200px" alt="study in {{$countrie->country_name}}" class="hvrbox-layer_bottom" />
            
                <div class="hvrbox-layer_top">
                <div class="hvrbox-text">{{$countrie->country_name}}</div>
                </div>
                </div>
                </div>
            </a>
            </div>
            @endforeach
                                 
      
        </div> 
    </section> 
   
   
    <script>
        function bootstappopup(countryname){
            $("#myModal").modal();
            $('#pop_country').val(countryname);
            
        }

       var urls="{{url('homecountryuniversity')}}";
       var surls="{{url('homeuniversitysubjects')}}";
       var lurls="{{url('homesubjectlevels')}}";
                </script>
                 <script type="text/javascript" src="{{url('js/homepagesearch.js')}}"></script>
                 @include('inc.applicationcountry')

@endsection