<ngx-loading [show]="loading" [config]="{fullScreenBackdrop: true}"></ngx-loading>
<div class="container">
  <div class="row">
    <div class="content-block">
      <h2 class="title">檢視站點資料</h2>
      <table class="verticalTable">
        <tbody>
          <!-- <tr>
            <th>
              項次
            </th>
            <td>
              {{selectedItem.ItemNo}}
            </td>
          </tr> -->
          <tr>
            <th>
              城市
            </th>
            <td>
              {{selectedItem.Country}}
            </td>
          </tr>
          <tr>
            <th>
              行政區
            </th>
            <td>
              {{selectedItem.Area}}
            </td>
          </tr>
          <tr>
          <th>
            站點ID
          </th>
          <td>
            {{selectedItem.SiteID}}
          </td>
          </tr>
          <tr>
              <th>
                站點名稱
              </th>
              <td>
                {{selectedItem.SiteName}}
              </td>
              </tr>
          <tr>
            <th>
              事件類型
            </th>
            <td>
              {{selectedItem.EventType}}
            </td>
          </tr>
          <tr>
            <th>
              負責廠商
            </th>
            <td>
              {{selectedItem.CompanyName}}
            </td>
          </tr>
          <tr>
            <th>
              法規
            </th>
            <td>
              {{selectedItem.Laws}}
            </td>
          </tr>
        </tbody>
      </table>
      <div class="btn-footer">
        <button type="submit" class="btn btn-block btn-danger" (click)="backPreviousPage()">
          回上一頁
        </button>
      </div>
    </div>
  </div>
</div>
