@extends('rod.layouts.rod')

@section('content')

    <!-- Start Page Title Area -->
    <div class="page-title-area style-four bg4">
        <div class="container">
            <div class="page-title-content text-start">
                <h2>Cikkek</h2>
                <ul>
                    <li><a href="{{ url('/') }}">Kezdőlap</a></li>
                    <li>Cikkek</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Title Area -->

    <!-- Start Blog Area -->
    <div class="blog-area ptb-100">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">Hírek és cikkek</span>
                <h2>{{ $category->name }}</h2>
            </div>

            <div class="row">

                @foreach($articles as $article)
                    <div class="col-lg-4 col-md-6">
                        <div class="single-post-item startup-color without-box-shadow">
                            <div class="post-image">
                                <a href="{{ route('article.show', $article->slug) }}" class="d-block">
                                    <img src="{{ $article->getFirstMediaUrl('images', 'thumbnail') }}" alt="image">
                                </a>
                            </div>
                            <div class="post-content">
                                <ul class="meta">
                                    <li><i class="far fa-calendar-alt"></i> {{ $article->date->format('Y. m. d.') }}</li>
                                    @if($article->user)
                                        <li><i class="far fa-user-circle"></i> {{ $article->user->name }}</li>
                                    @endif
                                </ul>
                                <h3><a href="{{ route('article.show', $article->slug) }}">{{ $article->title }}</a></h3>
                                <a href="{{ route('article.show', $article->slug) }}" class="link-btn">Tovább <i class="fas fa-chevron-right"></i></a>
                            </div>
                        </div>
                    </div>
                @endforeach

                {{ $articles->links('rod.components.pagination') }}

            </div>
        </div>
    </div>
    <!-- End Blog Area -->

@endsection