@extends('front::layouts.master')

@section('title', $forum->title)

@section('content')

<div class="container mt-4 mb-5">

    <h2>{{ $forum->title }}</h2>
    <small>
        Posted by {{ $forum->user->name ?? 'User' }}
        • {{ $forum->created_at->diffForHumans() }}
    </small>

    <hr>

    <p>{{ $forum->body }}</p>

    <hr>

    <h4>Replies ({{ $forum->replies->count() }})</h4>
	

    @foreach($forum->replies as $reply)
        <div class="mb-3 p-3 border rounded">
            <strong>{{ $reply->user->name ?? 'User' }}</strong>
            <small class="text-muted">{{ $reply->created_at->diffForHumans() }}</small>
            <p class="mt-2">{{ $reply->reply }}</p>
        </div>
    @endforeach

    <hr>

    @auth
        <h5>Add a Reply</h5>

        <form action="{{ route('forum.reply', $forum->id) }}" method="POST">
            @csrf
            <textarea name="body" class="form-control" rows="4" required></textarea>
            <button class="btn btn-primary mt-2">Submit Reply</button>
        </form>
    @else
        <p class="text-muted">You must be logged in to reply.</p>
    @endauth

</div>

@endsection