@php
    $depth = $depth ?? 0;
    $authorName = $comment->user?->name ?? $comment->guest_name ?? '익명';
    $canEditComment = auth('web')->check()
        ? (auth('web')->id() === $comment->user_id || $board->canEditComments(auth('web')->user()))
        : ! $comment->user_id;
    $canDeleteComment = auth('web')->check()
        ? (auth('web')->id() === $comment->user_id || $board->canDeleteComments(auth('web')->user()))
        : ! $comment->user_id;
@endphp

<div id="comment-{{ $comment->id }}" class="comment-thread comment-depth-{{ min((int) $depth, 8) }} space-y-3 border-t border-muted pt-4">
    <div class="flex flex-wrap items-center gap-1.5 text-xs">
        <strong class="font-semibold c-main">{{ $authorName }}</strong>
        <span class="c-subtle">{{ $comment->created_at->diffForHumans() }}</span>
        @if ($board->canWriteComments(auth('web')->user()))
            <x-ui.button type="button" data-reply-button data-parent-id="{{ $comment->id }}" data-parent-name="{{ $authorName }}" variant="ghost" size="sm" iconOnly class="comment-action" aria-label="답글" title="답글">↩</x-ui.button>
        @endif
        @if ($canEditComment)
            <x-ui.button type="button" data-edit-button data-comment-id="{{ $comment->id }}" data-comment-content="{{ $comment->content }}" data-comment-guest-name="{{ $comment->guest_name }}" variant="ghost" size="sm" iconOnly class="comment-action" aria-label="수정" title="수정">✎</x-ui.button>
        @endif
        @if ($canDeleteComment)
            <form method="POST" action="{{ route('platform.comments.destroy', ['board' => $board, 'post' => $comment->post, 'comment' => $comment]) }}" class="inline-flex items-center gap-2">
                @csrf
                @method('DELETE')
                @guest('web')
                    <input type="password" name="guest_password" placeholder="비밀번호" class="input input-sm">
                @endguest
                <x-ui.button type="submit" variant="ghost" size="sm" iconOnly class="comment-action" aria-label="삭제" title="삭제" onclick="return confirm('댓글을 삭제하시겠습니까?')">×</x-ui.button>
            </form>
        @endif
    </div>

    <div class="text-sm leading-7 c-main">{{ $comment->content }}</div>

    @if ($comment->children->isNotEmpty())
        <div class="space-y-3">
            @foreach ($comment->children as $child)
                @include('platform.posts.partials.comment-item', ['comment' => $child, 'board' => $board, 'depth' => $depth + 1])
            @endforeach
        </div>
    @endif
</div>