@extends('Frontend::default_layout')

@section('content')
    <div class="row blog-page">    
        <div class="col-md-12 md-margin-bottom-40">
            @foreach($articles as $article)
                <div class="row blog blog-medium margin-bottom-40">
                    <div class="col-md-3">
                        @if($article->cms_art_thumbnail && trim($article->cms_art_thumbnail) != '')
                            <img class="img-responsive" src="{{{ $article->cms_art_thumbnail }}}" alt="">
                        @endif
                    </div>  

                    <div class="col-md-9">
                        <h2>{{{ $article->cms_art_name }}}</h2>
                        <ul class="list-unstyled list-inline blog-info">
                            <li><i class="fa fa-calendar"></i> {{ $article->present()->created_at }}</li>
                        </ul>
                        {{ strip_tags($article->cms_art_intro) }}
                        <p>
                            <a class="btn-u btn-u-small" href="{{ route('frontend_cms_article_with_category', [
                                'categorySlug' => Str::slug($category->cms_artcat_name),
                                'articleSlug' => Str::slug($article->cms_art_name),
                                'categoryId' => $category->getKey(),
                                'articleId' => $article->getKey(),
                            ]) }}"><i class="fa fa-location-arrow"></i> Czytaj więcej</a>
                        </p>
                    </div>    
                </div>

                @if(end($articles) !== $article)
                    <hr class="margin-bottom-40">
                @endif
            @endforeach

            <div class="text-center">
                <ul class="pagination">
                    {{ with(new App\Pagination\DefaultPaginationPresenter($articles))->render() }}
                </ul>
            </div>
        </div>
    </div>
@stop