@extends('layouts.template')
@section('content')
    <section class="inner_header blue ">
    <div class="container inner-header-title" >
         <div class="home-header-caption" style="width:80%">
                <div class="col-md-12 col-sm-9 home-header-text">
                    <h1>Articles</h1>
                    
                         <form class="home-form-search"  action="{{url('articlelist')}}"  method="GET" id="unisubmit" >
              
                        <div class="col-md-9 no-padd">
                             <div class="input-group">
                                 <input type="text" name="articlename" class="form-control right-bor" placeholder="Search article.." value="{{$articlename}}">
                             </div>
                        </div>
                        
         
                        
                        <div class="col-md-3 no-padd">
                            <div class="input-group">
                                <button type="submit" class="btn btn-primary">Search article</button>
                            </div>
                        </div>
                    </form>
                    <h4>There are a large number of students who always dream about studying abroad. But, they fail to find out a proper way to step ahead,
                            as a result, they cease to nurture their dreams. We provide you with wide variety of valuable articles detailing about every step
                             you take on your journey ,ranging from choosing a suitable course ,university and country, 
                           sending application, getting offer letter, embassy interview and finally to obtaining visa .</h4>
                </div>
            </div>

        
    </div>
    </section>   

    <section class="inner_header white bottom-mrg">
    <div class="container-desc" >
    <div class="row-desc">
    <div class="row bottom-mrg">
     <div class="col-md-12 col-sm-12 cust-flaot-left">  
         
        
                      @foreach ($articles as $article)
                        <div class="col-md-4 col-sm-6 small-padding">
                        <div class="home-course-feature">
                         <table>
                             <tr>
                                 <td align="center" style="border-bottom:1px solid #dfdfdf;height:60px;">
                                        <h4><a href="{{url('/article/'.$article->article_keyword.'/'.$article->article_url.'/1')}}">{{$article->article_name}}</a></h4>
                                 </td>
                                </tr>
                                <tr>
                                        <td align="center" style="height:10px;">
                                               
                                        </td>
                                       </tr>
                             <tr>
                                 <td>
                                        <img src="{{url('/storage/article/'.$article->article_image)}}" align="left" class="img-responsive" style="margin:0 8px 3px 0;width:150px;">
                                        {!!str_limit(str_replace("##","",strip_tags($article->article_desc)), $limit = 220)!!}

                                 </td>
                             </tr><tr>
                                 <td align="right"><a href="{{url('/article/'.$article->article_keyword.'/'.$article->article_url.'/1')}}"> more...</a></li></td>
                             </tr>
                         </table>
    
                        </div>
                        </div>
                        @endforeach
                    
     
        </div>
        {{$articles->links()}}
       
    </div>


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

      
    @endsection