{@ include(common/header) @}
      <h1 class="paragraph">プロフィールの編集（{{ $e->username }}）</h1>
{@ if ($error) @}
      <p>
        <div class="errormes">
          {{{ $error }}}
        </div>
      </p>
{@ endif @}
{@ if ($message) @}
      <p class="paragraph">{{ $message }}</p>
{@ endif @}

      <form action="/profile/{{ $e->username }}/edit" method="POST" enctype="multipart/form-data">
        <input type="hidden" name="csrf_token" value="{{ $csrf }}" />
        <table>
          <tbody>
            <tr>
              <td>アイコン：</td>
              <td>
                <img src="{{ $e->avatarUrl }}" alt="" style="max-width: 100px; max-height: 100px;" /><br />
                <input type="file" name="avatar" accept="image/png,image/jpeg,image/gif,image/webp" /><br />
{@ if ($e->avatar !== '') @}
                <label><input type="checkbox" name="removeAvatar" value="1" /> アイコンを削除する</label>
{@ endif @}
              </td>
            </tr>
            <tr>
              <td><label for="displayname">表示名：</label></td>
              <td><input type="text" id="displayname" name="displayname" maxlength="50" value="{{ $e->displayname }}" /></td>
            </tr>
            <tr>
              <td><label for="gender">性別：</label></td>
              <td>
                <select id="gender" name="gender">
                  <option value="-1"{{{ $e->gender === -1 ? ' selected="selected"' : '' }}}>不明</option>
                  <option value="0"{{{ $e->gender === 0 ? ' selected="selected"' : '' }}}>男</option>
                  <option value="1"{{{ $e->gender === 1 ? ' selected="selected"' : '' }}}>女</option>
                </select>
              </td>
            </tr>
            <tr>
              <td><label for="namecolor">名前のスタイル（CSS）：</label></td>
              <td>
                <textarea id="namecolor" name="namecolor" rows="2" cols="50" maxlength="500" placeholder="例：color: #ea79d8; font-weight: bold;">{{ $e->namecolor ?? '' }}</textarea><br />
                <small>空なら性別の色。プレビュー：{{{ namecolor($e) }}}</small>
              </td>
            </tr>
            <tr>
              <td><label for="bio">自己紹介：</label></td>
              <td><textarea id="bio" name="bio" rows="5" cols="50" maxlength="500">{{ $e->bio ?? '' }}</textarea></td>
            </tr>
{@ if ($fediEnabled && $e->fedi) @}
            <tr>
              <td>Fediverse：</td>
              <td><label><input type="checkbox" name="locked" value="1"{{{ $locked ? ' checked="checked"' : '' }}} /> フォローを承認制にする</label></td>
            </tr>
{@ endif @}
{@ if ($e->isSelf) @}
            <tr>
              <td><label for="email">メールアドレス：</label></td>
              <td>
                <input type="email" id="email" name="email" value="{{ $e->email }}" />
{@ if (isset($e->pendingEmail)) @}
                <br /><small>「{{ $e->pendingEmail }}」の確認待ち</small>
{@ endif @}
              </td>
            </tr>
            <tr>
              <td><label for="newPassword">新しいパスワード：</label></td>
              <td><input type="password" id="newPassword" name="newPassword" autocomplete="new-password" /></td>
            </tr>
            <tr>
              <td><label for="newPasswordVerify">新しいパスワード（確認）：</label></td>
              <td><input type="password" id="newPasswordVerify" name="newPasswordVerify" autocomplete="new-password" /></td>
            </tr>
            <tr>
              <td><label for="currentPassword">現在のパスワード：</label></td>
              <td><input type="password" id="currentPassword" name="currentPassword" autocomplete="current-password" /><br /><small>メールアドレスかパスワードを変更する場合は必須</small></td>
            </tr>
{@ endif @}
{@ if ($twoFactor && ($e->isSelf || $e->twoFactorOn)) @}
            <tr>
              <td>二段階認証：</td>
              <td>{{ $e->twoFactorOn ? '有効' : '無効' }}（<a href="/profile/{{ $e->username }}/2fa">設定</a>）</td>
            </tr>
{@ endif @}
{@ if ($e->isAdmin) @}
            <tr>
              <td>ロール（管理者）：</td>
              <td>
                <input type="hidden" name="rolesForm" value="1" />
{@ foreach ($roles as $bit => $label) @}
                <label><input type="checkbox" name="roles[]" value="{{ $bit }}"{{{ ($e->role & $bit) || ($bit === \Roles::FEDIVERSE && $e->fedi) ? ' checked="checked"' : '' }}} /> {{ $label }}</label><br />
{@ endforeach @}
                <small>全部外すとBANになります。</small>
              </td>
            </tr>
{@ endif @}
            <tr>
              <td></td>
              <td><button>保存</button> <a href="/profile/{{ $e->username }}">戻る</a></td>
            </tr>
          </tbody>
        </table>
      </form>
{@ include(common/footer) @}