<nav title="通话详情"></nav>
<ion-content class="content">
  <div class="status-view">
    <img
      [src]="liveLog?.get('isLive') ? 'img/call.png' : 'img/warn.png'"
      alt=""
      class=""
    />
    @if (liveLog?.get("isLive")) {
    <div class="text">接通</div>
    <div class="desc">视频通话接通</div>
    }@else {
    <div class="text">未接通</div>
    <div class="desc">视频通话未接通</div>
    }
  </div>
  <div class="h3">通话详情</div>
  <div class="card-container">
    <div class="row">
      <div class="label">通话标题：</div>
      <div class="val">{{ liveLog?.get("title") }}</div>
    </div>
    <div class="row">
      <div class="label">直播间：</div>
      <div class="val">
        {{ liveLog?.get("room")?.get("title") }}
      </div>
    </div>
    <div class="row">
      <div class="label">主播：</div>
      <div class="val">
        {{ liveLog?.get("profile")?.get("name") }}
      </div>
    </div>
    <div class="row">
      <div class="label">开始时间：</div>
      <div class="val">
        {{ liveLog?.get("createdAt") | date : "yyyy-MM-dd HH:mm" }}
      </div>
    </div>
    <div class="row">
      <div class="label">通话时长：</div>
      <div class="val">
        {{ timeLength | secondsToTime }}
      </div>
    </div>
    <div class="row">
      <div class="label">呼叫用户：</div>
      <div class="val">
        {{ liveLog?.get("user")?.get("name") }}
      </div>
    </div>
  </div>
</ion-content>
