@extends('admin.layout', ['title' => 'News & journal'])

@section('content')
    <div class="admin-top">
        <div><p class="admin-kicker">JOURNAL</p><h1>News &amp; stories.</h1></div>
        <a class="button" href="{{ route('admin.articles.create') }}">Add story</a>
    </div>
    <section class="panel">
        @forelse ($articles as $article)
            <div class="table-row">
                <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 class="admin-actions">
                    <a class="button-quiet" href="{{ route('admin.articles.edit', $article) }}">Edit</a>
                    <form method="post" action="{{ route('admin.articles.destroy', $article) }}" onsubmit="return confirm('Delete this story?')">
                        @csrf
                        @method('delete')
                        <button class="button-danger" type="submit">Delete</button>
                    </form>
                </span>
            </div>
        @empty
            <p class="empty">No stories yet.</p>
        @endforelse
        @if ($articles->hasPages())
            <div class="pager">
                @if ($articles->previousPageUrl())<a href="{{ $articles->previousPageUrl() }}">← Newer</a>@endif
                <span>{{ $articles->currentPage() }} / {{ $articles->lastPage() }}</span>
                @if ($articles->nextPageUrl())<a href="{{ $articles->nextPageUrl() }}">Older →</a>@endif
            </div>
        @endif
    </section>
@endsection