@extends('layouts.app')

@section('content')
    <h1>{{ $post->title }}</h1>
    <p>{{ $post->content }}</p>

    <h3>Comments</h3>
    @foreach ($post->comments as $comment)
        <div class="border p-2 mt-2">
            <strong>{{ $comment->author }}</strong>
            <p>{{ $comment->content }}</p>
        </div>
    @endforeach

    <h3>Add a Comment</h3>
    <form action="{{ route('comments.store', $post) }}" method="POST">
        @csrf
        <div class="mb-3">
            <label class="form-label">Name</label>
            <input type="text" name="author" class="form-control" required>
        </div>
        <div class="mb-3">
            <label class="form-label">Comment</label>
            <textarea name="content" class="form-control" rows="3" required></textarea>
        </div>
        <button type="submit" class="btn btn-primary">Post Comment</button>
    </form>
@endsection