@extends('front.layouts.master')

@section('content')

    <section class="subpage-header">
        <div class="container">
            <div class="site-title clearfix">
                <h2>Makaleler</h2>
            </div>
        </div>
    </section>

    <!-- NEWS CONTENT -->
    <section>
        <div class="container">
            @foreach($articles as $article)
                <article class="blog-item-classic">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 animate fadeInLeft">
                            <div class="blog-thumbnail">
                                <a href="{{ $article->url }}"><img alt="" src="{{ $article->getMainImageUrl('sm') }}"></a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 animate fadeInRight">
                            <div class="blog-content">
                                <div class="blog-date">{{ showDate($article->created_at, 'GUN AY_TXT YIL') }}</div>
                                <h3><a href="{{ $article->url }}">{{ $article->title }}</a></h3>
                                <p>{{ $article->spot }}</p>
                                <a href="{{ $article->url }}" class="btn-link">MAKALEYİ OKUYUN</a>
                            </div>
                        </div>
                    </div>
                </article>
            @endforeach
            <ul class="news-paggination">
                <li class="animate fadeInRight"><a {!! $articles->currentPage() != 1 ? '' : 'onclick="return false;"' !!} href="{{ $articles->previousPageUrl() }}"><i class="fa fa-angle-left"></i> Yeni Makaleler</a></li>
                <li class="animate fadeInLeft"><a {!! $articles->hasMorePages() ? '' : 'onclick="return false;"' !!} href="{{ $articles->nextPageUrl() }}">Eski Makaleler <i class="fa fa-angle-right"></i></a></li>
            </ul>

        </div>
    </section>
    <!-- / NEWS CONTENT -->

@endsection