@extends('layouts.guest')

@section('title', 'Home')

@section('content')
<section id="blog-head" class="bubble-panel">
    <h1>{{ config('blog.publishing_name') }}<h1>
    <p><i>{{ config('blog.subheading') }}</i></p>
</section>
<section>
    @if(count($articles) > 0)
        @foreach($articles as $article)
            <article>
                <h3>
                    <a href="{{ route('article', ['article_slug' => $article->slug]) }}">
                        {{ $article->title }}
                    </a>
                </h3>
                <h4>
                    {{ $article->subtitle }}
                </h4>
            </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