@php
    $is_reply = (isset($is_reply) && $is_reply);
@endphp

<div class="card photo-comment mt-2" data-comment-id="{{ $comment->id }}"@if (!$is_reply) style="margin-left: {{ $comment->depth() * 20 }}px;"@endif>
    <div class="card-body">
        <h5 class="card-title"><b>{{ $comment->authorDisplayName() }}</b>:</h5>
        <h6 class="card-subtitle mb-2 text-muted">{{ date(UserConfig::get('date_format'), strtotime($comment->created_at)) }}</h6>
        <p>{!! $comment->textAsHtml() !!}</p>

        @if (!$is_reply && $comment->depth() < UserConfig::get('photo_comments_thread_depth'))
            <a href="{{ $photo->replyToCommentFormUrl($comment->id) }}" v-on:click="replyToComment" class="card-link">@lang('gallery.photo_comments_reply_action')</a>
        @endif
    </div>
</div>

@if (!$is_reply)
    @foreach ($comment->approvedChildren as $childComment)
        @include(Theme::viewName('partials.photo_single_comment'), ['comment' => $childComment])
    @endforeach
@endif