@props([
    'comment',
    'post',
    'board',
    'depth' => 0,
    'authGuard' => 'tenant',
    'commentDestroyRoute' => '',
    'commentDestroyAction' => '',
    'commentReplyEnabled' => true,
])

@php
    $authorName = $comment->user?->name ?? $comment->guest_name ?? '익명';
    $authUser = auth($authGuard)->user();
    $canEditComment = auth($authGuard)->check()
        ? (auth($authGuard)->id() === $comment->user_id || $board->canEditComments($authUser))
        : ! $comment->user_id;
    $canDeleteComment = auth($authGuard)->check()
        ? (auth($authGuard)->id() === $comment->user_id || $board->canDeleteComments($authUser))
        : ! $comment->user_id;
@endphp
@php
    $commentDestroyAction = str_contains($commentDestroyAction, '__COMMENT__')
        ? str_replace('__COMMENT__', (string) $comment->id, $commentDestroyAction)
        : $commentDestroyAction;
    $commentDestroyAction = $commentDestroyAction !== ''
        ? $commentDestroyAction
        : ($commentDestroyRoute !== '' ? route($commentDestroyRoute, ['board' => $board, 'post' => $post, 'comment' => $comment]) : '');
@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 ($commentReplyEnabled && $board->canWriteComments($authUser))
            <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="{{ $commentDestroyAction }}" class="inline-flex items-center gap-2">
                @csrf
                @method('DELETE')
                @guest($authGuard)
                    <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('components.posts.comment-item', [
                    'comment' => $child,
                    'post' => $post,
                    'board' => $board,
                    'depth' => $depth + 1,
                    'authGuard' => $authGuard,
                    'commentDestroyAction' => $commentDestroyAction,
                    'commentReplyEnabled' => $commentReplyEnabled,
                ])
            @endforeach
        </div>
    @endif
</div>