{@ include(common/header) @}
{@ include(microblog/nav) @}
      <section class="mb-profile">
        <img src="{{ $profile['avatar'] }}" alt="" class="mb-avatar-large" />
        <div>
          <h1>{{{ $profile['color'] }}}{{ $profile['locked'] ? ' 🔒' : '' }}</h1>
          <p class="mb-handle">{{ $profile['handle'] }}</p>
{@ if ($profile['bio'] !== '') @}
          <div class="mb-bio">{{{ $profile['bio'] }}}</div>
{@ endif @}
          <p class="mb-small">
{@ if ($profile['followers'] !== null) @}
{@ if ($relation['self']) @}
            <a href="/microblog/follows">フォロワー {{ $profile['followers'] }} · フォロー {{ $profile['following'] }}</a> ·
{@ else @}
            フォロワー {{ $profile['followers'] }} · フォロー {{ $profile['following'] }} ·
{@ endif @}
{@ endif @}
{@ if ($profile['profilePage'] !== '') @}
            <a href="{{ $profile['profilePage'] }}">プロフィール</a>
{@ endif @}
{@ if (!$profile['local']) @}
            · <a href="/microblog/remote?actor={{ rawurlencode($profile['url']) }}&amp;refresh=1">更新</a>
{@ endif @}
          </p>
{@ if ($relation['can'] && !$relation['self']) @}
          <p class="mb-small">{{ $relation['followsYou'] ? 'あなたをフォローしています' : '' }}</p>
          <div class="mb-actions">
            <form method="post" action="/microblog/action">
              <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
              <input type="hidden" name="back" value="{{ $here }}" />
              <input type="hidden" name="target" value="{{ $profile['url'] }}" />
{@ if ($relation['blocked']) @}
              <button name="do" value="unblock">ブロックを解除</button>
{@ else @}
{@ if ($relation['following'] || $relation['pending']) @}
              <button name="do" value="unfollow">{{ $relation['pending'] ? 'リクエストを取り消す' : 'フォロー解除' }}</button>
{@ else @}
              <button name="do" value="follow" class="on">フォロー</button>
{@ endif @}
{@ if ($relation['followsYou']) @}
              <button name="do" value="removefollower">フォロワーから外す</button>
{@ endif @}
{@ endif @}
            </form>
{@ if (!$relation['blocked']) @}
            <details class="mb-confirm">
              <summary>ブロック・通報</summary>
              <form method="post" action="/microblog/action">
                <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
                <input type="hidden" name="back" value="{{ $here }}" />
                <input type="hidden" name="target" value="{{ $profile['url'] }}" />
                <button name="do" value="block" class="danger">ブロック</button>
              </form>
{@ if ($relation['remote']) @}
              <form method="post" action="/microblog/action">
                <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
                <input type="hidden" name="back" value="{{ $here }}" />
                <input type="hidden" name="target" value="{{ $relation['domain'] }}" />
                <button name="do" value="blockdomain" class="danger">{{ $relation['domain'] }}を全部ブロック</button>
              </form>
{@ endif @}
              <form method="post" action="/microblog/action">
                <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
                <input type="hidden" name="back" value="{{ $here }}" />
                <input type="hidden" name="target" value="{{ $profile['url'] }}" />
                <textarea name="comment" rows="2" maxlength="1000" placeholder="通報の理由（任意）"></textarea>
{@ if ($relation['remote']) @}
                <label><input type="checkbox" name="forward" value="1" checked="checked" /> 相手のサーバーの管理者にも送る</label>
{@ endif @}
                <button name="do" value="report">通報</button>
              </form>
            </details>
{@ endif @}
          </div>
{@ endif @}
        </div>
      </section>
{@ if (!empty($blogActor)) @}
      <p class="paragraph">このサイトのブログのアカウントです。新しい記事を自動で投稿します。記事は<a href="/">ブログ</a>でお読み下さい（マイクロブログからはフォロー出来ません）。</p>
{@ elif (empty($items)) @}
      <p class="paragraph">表示出来る投稿はありません。</p>
{@ endif @}
{@ foreach ($items as $it) @}
{@ include(microblog/item) @}
{@ endforeach @}
{@ if ($next) @}
      <p class="mb-more"><a href="{{ $next }}">古い投稿</a></p>
{@ endif @}
{@ include(common/footer) @}