@extends('layout.basic_front')

@section("content")

        <div id="content" role="main">
            
</br></br></br></br></br></br></br>
                 <div class="tp-caption rev-subtitle subtitle_text" style="z-index: 10;text-align:center;width:100%;">
                    <h2 class="title-underblock custom text-uppercase text-center">NEWS</h2>
                </div>                     
                    <img id="title_img" style ="width:100%;height:100px;" src="{{asset('images/imgs/background.jpg')}}">

            <div class="container">
                <div class="row" style="margin-top:5%;">
                    <div class="col-md-12">

                    @foreach($articles as $article)
                        <article class="entry">
                            <span class="entry-date">{{date("d",strtotime($article->created_at))}}<span>{{date("M",strtotime($article->created_at))}}</span></span>
                            <!--span class="entry-format"><i class="fa fa-file-audio-o"></i></span-->

                            <div class="row">
                                <div class="col-md-6">

                                    <div class="entry-media">
                                        <figure>                                            
                                                @if( !empty($article->img_path) )
                                                    {{ HTML::image($article->img_path,"") }}
                                                @else
                                                    <img src="{{asset('images/imgs/news-default.jpg')}}" alt="Entry Title">
                                                @endif                                            
                                        </figure>
                                        <!--div class="entry-audio-container">
                                            <audio style="width:100%" preload="none" src="media/audio.mp3"></audio>
                                        </div--><!-- End .entry-audio-container -->
                                    </div><!-- End .entry-media -->

                                </div><!-- End .col-md-6 -->
                                <div class="col-md-6">
</br>
                                     <h2 class="entry-title">{{$article->title}}</h2>

                                    <div class="entry-content">
                                        <p>{{$article->description}}</p>
                                    </div><!-- End .entry-content -->

                                </div><!-- End .col-md-6 -->
                            </div><!-- End .row -->

                        </article>
                    @endforeach

                        <nav class="pagination-container text-right">
                            <ul class="pagination">

                                @if($page != 1)
                                    <li>
                                        <a href="{{URL::to('front/news/'.($page-1))}}" aria-label="Previous">
                                            <span aria-hidden="true"><i class="fa fa-angle-left1"></i></span>
                                        </a>
                                    </li>
                                @endif

                                @for($i=1; $i <= $pages; $i++)
                                    @if($page == $i)
                                        <li  class="active"><a href="{{URL::to('front/news/'.$i)}}">{{$i}}</a></li>
                                    @else
                                        <li><a href="{{URL::to('front/news/'.$i)}}">{{$i}}</a></li>
                                    @endif
                                @endfor       
                                @if($page != $pages)                                                                                     
                                    <li>
                                        <a href="{{URL::to('front/news/'.($page+1))}}" aria-label="Next">
                                            <span aria-hidden="true"><i class="fa fa-angle-right1"></i></span>
                                        </a>
                                    </li>
                                @endif
                            </ul>
                        </nav>

                    </div><!-- End .col-md-9 -->

                </div><!-- End .row -->
            </div><!-- End .container -->

            <div class="mb20"></div><!-- space -->

        </div><!-- End #content -->

@stop