@php
    $commentType = $type ?? 'page';
    $commentId = $id ?? null;
    $comments = $comments ?? collect();
@endphp

<section class="uni-panel" id="comments">
    <div class="uni-section-title">
        <span><i class="fa-solid fa-comments"></i></span>
        <div>
            <small>Discussion</small>
            <h2>Comments</h2>
        </div>
    </div>

    @if(session('comment_success'))
        <div class="alert alert-success">{{ session('comment_success') }}</div>
    @endif

    <div class="uni-comment-list">
        @forelse($comments as $comment)
            <article>
                <strong>{{ $comment->name }}</strong>
                <small>{{ optional($comment->created_at)->format('M j, Y') }}</small>
                <p>{{ $comment->message }}</p>
            </article>
        @empty
            <p class="text-muted mb-0">No published comments yet.</p>
        @endforelse
    </div>

    <form class="uni-form mt-4" method="POST" action="{{ route('front.comments.store') }}">
        @csrf
        <input type="hidden" name="commentable_type" value="{{ $commentType }}">
        <input type="hidden" name="commentable_id" value="{{ $commentId }}">
        <div class="row g-3">
            <div class="col-md-6"><input name="name" class="form-control" placeholder="Your name" required></div>
            <div class="col-md-6"><input type="email" name="email" class="form-control" placeholder="Email address"></div>
            <div class="col-12"><textarea name="message" rows="4" class="form-control" placeholder="Write a comment" required></textarea></div>
            <div class="col-12"><button class="btn btn-accent">Submit for Review</button></div>
        </div>
    </form>
</section>