@php
    $existCommentVote = @$single_comment->votes?->where('user_id', auth()->id())->first();
@endphp
<div class="sub-qna mt-5 rounded p-2">
    <p>
        {{ __(@$single_comment?->comment) }}
    </p>
    <ul class="reviewlist">
        <li>{{ __(showDateTime(@$single_comment->created_at, 'd M, Y')) }}</li>
        <li>|</li>
        <li>By<span> {{ __(@$single_comment?->user?->name) }}</span></li>
        <li>Posted in <span> theredpillportfolio</span></li>
    </ul>
    <ul class="view-list">
        <div class="comment-voting vote-qty">
            <button
                class="vote-qty__increment com comment_vote @if ($existCommentVote != null && $existCommentVote->like) active-upvote @else fa-regular @endif"
                data-comment-id="{{ $single_comment->id }}" data-comment-vote="1">
                <i class="fa-thumbs-up @if ($existCommentVote != null && $existCommentVote->like) fa-solid @else fa-regular @endif"></i>
            </button>
            <span class="vote-qty__value total_comment_vote{{ $single_comment->id }}"
                data-comment-id="{{ $single_comment->id }}">{{ __(number_format_short(@$single_comment->votes?->where('like', 1)->count() - @$single_comment->votes?->where('unlike', 1)->count())) }}</span>
            <button
                class="vote-qty__decrement com comment_vote @if ($existCommentVote != null && $existCommentVote->unlike) active-downvote @endif"
                data-comment-id="{{ $single_comment->id }}" data-comment-vote="0">
                <i
                    class="fa-regular fa-thumbs-down @if ($existCommentVote != null && $existCommentVote->unlike) fa-solid @else fa-regular @endif"></i>
            </button>
        </div>
        {{-- <button class="cmnt-reply-btn" onclick="replyComment(this, event);">
            <li><i class="far fa-comment"></i> <span class="nestedCommentsCount">
                    {{ __(@$single_comment->nested_comments_count()) }} Reply </span>
        </button> --}}
        </li>
    </ul>

    <div class="replay-comment-field replay-comment-field-reply">
        <div class="comment-in-replay">
            <div class="auth-info">
                <a href="#">
                    <div class="user-thumb">
                        <img src="{{ auth()->user()->userImage('profile_image') }}" alt="avatar">
                    </div>
                    <p class="post-by">
                        <span>{{ __(@$single_comment?->user?->name) }}</span>
                    </p>
                </a>
            </div>
            <div class="comment-text">
                <form>
                    <div class="form-group">
                        <input type="text" name="post_id" hidden value="{{ @$single_comment->post?->id }}">
                        <input type="text" name="comment_id" hidden value="{{ @$single_comment?->id }}">
                        <textarea placeholder="" class="form--control form-control comment-replay-field" name="comment"
                            onkeypress="ReplyCommentSubmit(this,event)"></textarea>
                        <label class="form--label">
                            @if ($single_comment?->post?->text === 1)
                                @lang('Write Your Answer')
                            @else
                                @lang('Write Your Comments')
                            @endif

                        </label>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- </div> --}}

</div>

@if (@$single_comment->comments->count() > 0)
    @foreach ($single_comment->comments as $comment)
        @if ($comment->status)
            @php
                $count += 1;
            @endphp
            @if ($count < 4)
                <div class="nested-comment-wraper ml-2 p-2">
                    <div class="nested-comment">
                        @include('front.components.com', [
                            'single_comment' => $comment,
                            'count' => $count,
                        ])
                    </div>
                </div>
            @endif
        @endif
    @endforeach
@endif