{@ if (isset($comments)) @}
      <section class="comments" id="comments">
        <h2>コメント（{{ $comments['count'] }}）</h2>
{@ if ($comments['fedi'] !== null) @}
        <p class="comment-fedi">Fediverse（Mastodon、Misskey等）からもコメント出来ます：{{ $comments['actor'] }}の投稿（<a href="{{ $comments['fedi'] }}">{{ $comments['fedi'] }}</a>）を検索して返信して下さい。</p>
{@ endif @}
{@ if (empty($comments['list'])) @}
        <p class="comment-none">まだコメントはありません。</p>
{@ endif @}
{@ foreach ($comments['list'] as $c) @}
        <article class="comment depth-{{ $c['depth'] }}" id="c-{{ $c['id'] }}">
{@ if ($c['deleted']) @}
          <p class="comment-deleted">（このコメントは削除されました）</p>
{@ else @}
          <div class="comment-head">
            <img class="comment-avatar" src="{{ $c['who']['avatar'] }}" alt="" width="32" height="32" loading="lazy" />
{@ if ($c['who']['url'] !== '') @}
            <a class="comment-name" href="{{ $c['who']['url'] }}"{{{ $c['who']['remote'] ? ' rel="nofollow ugc noopener"' : '' }}}>{{{ $c['who']['name'] }}}</a>
{@ else @}
            <span class="comment-name">{{{ $c['who']['name'] }}}</span>
{@ endif @}
{@ if ($c['who']['handle'] !== '') @}
            <span class="comment-handle">{{ $c['who']['handle'] }}</span>
{@ endif @}
            <a class="comment-date" href="#c-{{ $c['id'] }}">{{ $c['at'] }}{{ $c['edited'] ? '（編集済み）' : '' }}</a>
          </div>
          <div class="comment-body">{{{ $c['html'] }}}</div>
          <div class="comment-actions">
{@ if ($c['canLike']) @}
            <form method="post" action="/comments/like">
              <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
              <input type="hidden" name="thread" value="{{ $comments['thread'] }}" />
              <input type="hidden" name="id" value="{{ $c['id'] }}" />
              <button class="comment-like{{ $c['liked'] ? ' on' : '' }}" title="{{ $c['liked'] ? 'いいねを取り消す' : 'いいね' }}">{{ $c['liked'] ? '♥' : '♡' }} {{ $c['likes'] }}</button>
            </form>
{@ elif ($c['likes'] > 0) @}
            <span class="comment-likes">♥ {{ $c['likes'] }}</span>
{@ endif @}
{@ if ($c['canDelete']) @}
            <form method="post" action="/comments/delete">
              <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
              <input type="hidden" name="thread" value="{{ $comments['thread'] }}" />
              <input type="hidden" name="id" value="{{ $c['id'] }}" />
              <button class="comment-delete">削除</button>
            </form>
{@ endif @}
          </div>
{@ if ($c['canReply']) @}
          <details class="comment-reply">
            <summary>返信</summary>
            <form class="comment-form" method="post" action="/comments">
              <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
              <input type="hidden" name="thread" value="{{ $comments['thread'] }}" />
              <input type="hidden" name="parent" value="{{ $c['id'] }}" />
              <textarea name="body" rows="4" maxlength="{{ $comments['maxLength'] }}" required></textarea>
              <div class="comment-form-bottom"><button>返信する</button></div>
            </form>
          </details>
{@ endif @}
{@ endif @}
        </article>
{@ endforeach @}
{@ if ($comments['canPost']) @}
        <form class="comment-form" method="post" action="/comments">
          <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
          <input type="hidden" name="thread" value="{{ $comments['thread'] }}" />
          <textarea name="body" rows="6" maxlength="{{ $comments['maxLength'] }}" placeholder="コメントを入力して下さい" required></textarea>
          <div class="comment-form-bottom">
            <span class="comment-help">Markdown：**太字**、*斜体*、~~取り消し線~~、`コード`、```コードブロック```、&gt; 引用、- リスト、[文字](URL)</span>
            <button>コメントする</button>
          </div>
        </form>
{@ elif (AUTH_ENABLED && !isset($user)) @}
        <p class="comment-login"><a href="/login">ログイン</a>するとコメント出来ます。</p>
{@ endif @}
      </section>
{@ endif @}