@extends('layouts.guest')

@section('title', 'Home')

@section('content')
<section id="blog-head" class="bubble-panel">
    <h1>{{ config('blog.publishing_name') }}</h1>
    <h2><i>{{ config('blog.subheading') }}</i></h2>
</section>
<section id="recent-articles-list">
    @if(count($articles) > 0)
        @foreach($articles as $article)
            <article class="article-peek">
                <h3>
                    <a href="{{ route('article', ['article_slug' => $article->slug]) }}">
                        {{ $article->title }}
                    </a>
                </h3>
                <h4>
                    {{ $article->subtitle }}
                </h4>
                <dl>
                    <dt>Author:</dt>
                    <dd>{{ $article->author->display_name }}</dd>

                    <dt>Published:</dt>
                    <dd>{{ $article->published_at }}</dd>
                </dl>
            </article>
        @endforeach
        {{--
        <section>
            <a href="{{ route('all-articles') }}">
                See All Articles
            </a>
        </section>
            --}}
    @else
        <div>No articles published yet. Check back soon!</div>
    @endif
</section>
@endsection