{@ include(common/header) @}
{@ include(microblog/nav) @}
      <h1 class="paragraph">フォロー</h1>
      <h2 class="paragraph">フォロー中</h2>
{@ if (empty($following)) @}
      <p class="paragraph">フォローしているアカウントはありません。</p>
{@ endif @}
{@ foreach ($following as $a) @}
      <div class="mb-row">
        <img src="{{ $a['who']['avatar'] }}" alt="" class="mb-avatar" loading="lazy" />
        <a href="{{ $a['who']['page'] }}">{{{ $a['who']['color'] }}}</a> <span class="mb-handle">{{ $a['who']['handle'] }}</span>
{@ if ($a['pending']) @}
        <span class="mb-small">（承認待ち）</span>
{@ endif @}
        <form method="post" action="/microblog/action">
          <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
          <input type="hidden" name="back" value="/microblog/follows" />
          <input type="hidden" name="target" value="{{ $a['actor'] }}" />
          <button name="do" value="unfollow">{{ $a['pending'] ? 'リクエストを取り消す' : 'フォロー解除' }}</button>
        </form>
      </div>
{@ endforeach @}
      <h2 class="paragraph">フォロワー</h2>
{@ if (empty($followers)) @}
      <p class="paragraph">フォロワーはいません。</p>
{@ endif @}
{@ foreach ($followers as $a) @}
      <div class="mb-row">
        <img src="{{ $a['who']['avatar'] }}" alt="" class="mb-avatar" loading="lazy" />
        <a href="{{ $a['who']['page'] }}">{{{ $a['who']['color'] }}}</a> <span class="mb-handle">{{ $a['who']['handle'] }}</span>
        <form method="post" action="/microblog/action">
          <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
          <input type="hidden" name="back" value="/microblog/follows" />
          <input type="hidden" name="target" value="{{ $a['actor'] }}" />
          <button name="do" value="removefollower">フォロワーから外す</button>
        </form>
      </div>
{@ endforeach @}
{@ include(common/footer) @}