@extends('rubandroll.layouts.app')

@section('meta-title')Hírek - Rub & Roll Barbecue @endsection

@section('meta-keywords') @endsection

@section('meta-description') @endsection

@section('content')

<section id="page-title" class="page-title bg-overlay {{--bg-parallax--}} bg-overlay-gradient">
    <div class="bg-section">
		@if($page->image ?? null)
        <img src="{{ url($page->getFirstMediaUrl('image', 'cover')) }}" alt="" />
        @else
        <img src="assets/images/page-title/4.jpg" alt="Background" />
        @endif    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="col-xs-12 col-sm-12 col-md-12">
	                <div class="title title-8 text-center">
	                    <div class="title--content">
	                        <div class="title--subtitle">Rub & Roll</div>
	                        <div class="title--heading">
	                            <h1>{{ __('Hírek') }}</h1>
	                        </div>
	                    </div>
	                    <div class="clearfix"></div>
	                </div>
	            </div>
            </div>
        </div>
    </div>
</section>

<section id="blog" class="blog blog-grid pb-80">
    <div class="container">
        <div class="row">
        	@foreach($articles as $article)
	            <div class="col-xs-12 col-sm-6 col-md-4">
	                <div class="blog-entry">

	                    <div class="entry--content">
	                        <div class="entry--meta">
	                            <span class="entry--date">{{ $article->date->format('Y. m. d.') }}</span> / <span><a href="#">{{ $article->category->name ?? null }}</a></span>
	                        </div>
	                        <div class="entry--title">
	                            <h4><a href="{{ $article->getUrl() }}">{{ $article->title }}</a></h4>
	                        </div>
	                        <div class="entry--img">
	                            <a href="{{ $article->getUrl() }}">
									@if($article->image)
						            <img src="{{ url($article->getFirstMediaUrl('images', 'thumbnail')) }}" alt="" />
						            @else
						            <img src="{{ url('assets/images/blog/grid/1.jpg') }}" alt="" />
						            @endif
								</a>
	                        </div>
	                        <div class="entry--bio">
	                            {{ $article->summary }}
	                        </div>
	                    </div>
	                </div>
	            </div>
	        @endforeach
        </div>
    </div>
</section>

@endsection