@php
    $depth = $depth ?? 0;
    $authorName = $comment->user?->name ?? $comment->guest_name ?? '익명';
    $canEditComment = auth('tenant')->check()
        ? (auth('tenant')->id() === $comment->user_id || $board->canEditComments(auth('tenant')->user()))
        : ! $comment->user_id;
    $canDeleteComment = auth('tenant')->check()
        ? (auth('tenant')->id() === $comment->user_id || $board->canDeleteComments(auth('tenant')->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('tenant')->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="답글">
                <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <path d="M4 4.5 1.5 7 4 9.5"/>
                    <path d="M1.5 7h6.8c2.4 0 4.2 1 4.2 4"/>
                </svg>
            </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="수정">
                <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <path d="M3 13h10"/>
                    <path d="M4.2 11.8 10.8 5.2l1.8 1.8L6 13H4.2z"/>
                </svg>
            </x-ui.button>
        @endif
        @if ($canDeleteComment)
            <form method="POST" action="{{ tenant_url(null, $board->slug . '/' . $comment->post->slug . '/comments/' . $comment->id) }}" class="inline-flex items-center gap-2">
                @csrf
                @method('DELETE')
                @guest('tenant')
                    <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('댓글을 삭제하시겠습니까?')">
                    <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                        <path d="M3.5 4h9"/>
                        <path d="M6 4V2.8h4V4"/>
                        <path d="M5.2 4l.5 8.2h4.6L10.8 4"/>
                    </svg>
                </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('tenant.posts.partials.comment-item', ['comment' => $child, 'board' => $board, 'depth' => $depth + 1])
            @endforeach
        </div>
    @endif
</div>