<div class="container">
  <div class="row">
    <div class="content-block">
      <h2 class="title">檢視使用者資料</h2>
      <table class="verticalTable">
        <tbody>
          <tr>
            <th>
              帳號
            </th>
            <td>
              {{selectedUser.Account}}
            </td>
          </tr>
          <tr>
            <th>
              使用者名稱
            </th>
            <td>
              {{selectedUser.UserName}}
            </td>
          </tr>
          <tr>
            <th>
              使用者信箱
            </th>
            <td>
              {{selectedUser.Email}}
            </td>
          </tr>
          <tr>
            <th>
              使用者電話
            </th>
            <td>
              {{selectedUser.PhoneNumber}}
            </td>
          </tr>
          <tr>
            <th>
              所屬分局
            </th>
            <td>
              {{getGroupCodeText(selectedUser.GroupCode_Id)}}
            </td>
          </tr>
          <tr>
            <th>
              所屬角色
            </th>
            <td>
              {{getRoleCodeText(selectedUser.RoleCode_Id)}}
            </td>
          </tr>
          <tr>
            <th>
              所屬場域
            </th>
            <td>
              {{getSiteNameText(selectedUser.Site)}}
            </td>
          </tr>
          <tr>
            <th>
              狀態
            </th>
            <td *ngIf="selectedUser.Status === 1">啟用</td>
            <td *ngIf="selectedUser.Status === 0">停用</td>
          </tr>
        </tbody>
      </table>
      <div class="btn-footer">
        <button type="submit" class="btn btn-block btn-danger" (click)="backPreviousPage()">
          回上一頁
        </button>
      </div>
    </div>
  </div>
</div>
