@php
$hide = $item->comments->count() > 0 ? '' : 'hidden';
$hide = ($item instanceof \App\Models\TopicableCase) ? "" : $hide;
@endphp
<div @if (isset($type) && $type == "announcement" || $item instanceof \Modules\Machinery\Entities\MachineryTicket) class="comment-box flex flex-col gap-2 mt-2" @else class="comment-box flex flex-col gap-2 mt-2 {{$hide}}" @endif id="{{($item instanceof \App\Models\TopicableCase) ? "case-box" : 'comment-box'}}-{{$item->id}}">
    <div id="{{($item instanceof \App\Models\TopicableCase) ? "case-comments" : 'comments'}}-{{$item->id}}" class="comments mt-4 flex flex-col gap-4">
        @foreach( $item->comments as $key => $comment )
            @include('comments.single')
        @endforeach
    </div>

    @if($joinDiscussion)
        <div id="parent-comment-form-{{$item->id}}" class="{{($item instanceof \App\Models\TopicableCase) ? "hidden" : ''}}">
            <div class="flex flex-row gap-2 justify-between">
                <div class="form_group w-full">
                    <p
                        data-id="{{$item->id}}"
                        id="{{($item instanceof \App\Models\TopicableCase) ? "case-comment" : 'comment'}}-body-{{$item->id}}"
                        placeholder="{{__('forms.lbl_write_your_comment_here')}}"
                        rows="3"
                        class="min-h-9 border bg-white border-custom-grey-300 text-custom-grey-500 px-3.5 py-2 w-full rounded-lg resize-none mentionable leading-6" contenteditable="true"></p>
                </div>

                <button type="button" data-id="{{$item->id}}"
                        class="btn-tertiary-base p-2 save-comment {{($item instanceof \App\Models\TopicableCase) ? "save-case-comment" : ''}}">
                        <x-svg-icon icon="icon-send" />  {{trans("forms.lbl_submit")}}</button>
                    
            </div>
        </div>
    @endif

</div>