@extends('layouts.app')

@section('content')
    <h1>All Posts</h1>
    <a href="{{ route('posts.create') }}" class="btn btn-primary">Create New Post</a>

    @foreach ($posts as $post)
        <div class="card mt-3">
            <div class="card-body">
                <h3><a href="{{ route('posts.show', $post) }}">{{ $post->title }}</a></h3>
                <p>{{ Str::limit($post->content, 100) }}</p>
            </div>
        </div>
    @endforeach

    @foreach ($posts as $post)
        <!-- Display voting buttons -->
        <form action="{{ route('vote', $post->id) }}" method="POST">
            @csrf
            <button type="submit" name="vote" value="up">Upvote</button>
            <button type="submit" name="vote" value="down">Downvote</button>
        </form>

        <!-- Display vote counts -->
        <p>Upvotes: {{ $post->upvotesCount() }}</p>
        <p>Downvotes: {{ $post->downvotesCount() }}</p>
    @endforeach

@endsection