@extends('layouts.app')

@section('title', 'Posts')

@section('content')
<div class="flex-between">
    <h1>Posts</h1>
    <a class="btn" href="{{ route('posts.create') }}">+ New Post</a>
</div>

@if($posts->count())
    <ul class="list">
        @foreach($posts as $post)
            <li class="list-item">
                <div>
                    <a href="{{ route('posts.show', $post) }}"><strong>{{ $post->title }}</strong></a>
                    <small> · {{ $post->created_at->diffForHumans() }} @if($post->published) · <span class="pill">Published</span>@endif</small>
                </div>
                <div class="row-actions">
                    <a href="{{ route('posts.edit', $post) }}">Edit</a>
                    <form action="{{ route('posts.destroy', $post) }}" method="POST" onsubmit="return confirm('Delete this post?')">
                        @csrf @method('DELETE')
                        <button type="submit" class="linklike">Delete</button>
                    </form>
                </div>
            </li>
        @endforeach
    </ul>

    {{ $posts->links() }}
@else
    <p>No posts yet.</p>
@endif
@endsection