@forelse($comments as $comment)
    <div class="comment pl-4 m-4">
        <div class="comment-author">
            <img class="avatar rounded-circle" width="50" height="50"
                 src="{{asset('user_data/images/'.$comment['userable']['avatar'])}}">
        </div>
        <div class="comment-body">
            <div class="comment-meta">

                @if(isset($comment['userable']['type']))
                    @if($comment['userable']['type'] == 'user')
                        <div class="comment-meta-author">
                            <a href="#">{{ $comment['userable']['name'] . ' ' . $comment['userable']['family'] }}</a>
                        </div>
                    @else
                        <div class="comment-meta-author">
                            <a href="#">{{ $comment['userable']['company_name']}}</a>
                        </div>
                    @endif
                @else
                    <div class="comment-meta-author">
                        <a href="#">
                            <span class="badge badge-info">مدیر :</span>
                            {{ $comment['userable']['name'] . ' ' . $comment['userable']['family'] }}
                        </a>
                    </div>
                @endif
                <div class="comment-meta-date">
                    <a href="#">{{ \Morilog\Jalali\Jalalian::forge($comment['created_at'])->format('%d / %B / %Y - %H:%M') }}</a>
                </div>
            </div>
            <div class="comment-content">
                <p>
                    {{ $comment['content'] }}
                </p>
            </div>

            <form class="comment-form row d-none m-3" action="{{route('storeProjectReplyComment')}}" method="POST">
                {{csrf_field()}}
                {{method_field('POST')}}
                <div class="form-group col-md-12">
                                    <textarea class="form-control" rows="8" placeholder="پاسخ خود را یادداشت کنید..."
                                              name="content" style="height: 108px;"></textarea>
                    <input type="hidden" name="project_id" value="{{$project['id']}}">
                    <input type="hidden" name="comment_id" value="{{$comment['id']}}">
                </div>
                <div class="form-submit col-md-12">
                    <button class="btn primary-solid-btn" type="submit">ارسال نظر</button>
                </div>
            </form>
            <div class="comment-reply">
                <a href="#">پاسخ</a>
            </div>
        </div>
        <!-- Subcomment-->
        @if(count($comment['items']['items'])  > 0)
            <x-replyProjectCommentComponent :project="$project"
                                            :comments="$comment['items']['items']"></x-replyProjectCommentComponent>
        @endif
    </div>

@empty
    <p>دیدگاهی ثبت نشده است</p>
@endforelse