@extends('admin.layout', ['title' => 'Dashboard'])

@section('content')
    <div class="admin-top">
        <div><p class="admin-kicker">OVERVIEW</p><h1>Dashboard.</h1></div>
        <div class="admin-actions"><a class="button" href="{{ route('admin.articles.create') }}">Add story</a><a class="button-quiet" href="{{ route('admin.businesses.create') }}">Add business</a></div>
    </div>
    <section class="stats">
        <article class="stat"><span>STORIES</span><b>{{ $storyCount }}</b></article>
        <article class="stat"><span>PUBLISHED</span><b>{{ $publishedCount }}</b></article>
        <article class="stat"><span>DRAFTS</span><b>{{ $storyCount - $publishedCount }}</b></article>
        <article class="stat"><span>BUSINESSES</span><b>{{ $businessCount }}</b></article>
        <article class="stat"><span>CATEGORIES</span><b>{{ $categoryCount }}</b></article>
    </section>
    <section class="panel">
        <h2>Latest stories</h2>
        @forelse ($recent as $article)
            <a class="story-row" href="{{ route('admin.articles.edit', $article) }}">
                <span><strong>{{ $article->title }}</strong><small>{{ $article->published_at->format('F j, Y') }}</small></span>
                <span class="badge">{{ $article->category }}</span>
                <span class="badge {{ $article->is_published ? '' : 'draft' }}">{{ $article->is_published ? 'LIVE' : 'DRAFT' }}</span>
                <span>Edit ↗</span>
            </a>
        @empty
            <p class="empty">No stories yet. Add the first one from News &amp; journal.</p>
        @endforelse
    </section>
@endsection