@if (channel) {
  <div class="channel">
    <div class="channel-avatar-row">
      <my-actor-avatar [actor]="channel" actorType="channel" [internalHref]="getVideoChannelLink()" i18n-title title="See this video channel" size="75"></my-actor-avatar>
      <h6>
        <a [routerLink]="getVideoChannelLink()" i18n-title title="See this video channel">
          {{ channel.displayName }}
        </a>
      </h6>
      <div class="actor-counters">
        <div class="followers" i18n>{channel.followersCount, plural, =1 {1 subscriber} other {{{ channel.followersCount }} subscribers}}</div>
        @if (totalVideos !== undefined) {
          <span class="videos-count" i18n>
        {totalVideos, plural, =1 {1 videos} other {{{ totalVideos }} videos}}
      </span>
        }
      </div>
      @if (displayDescription()) {
        <div class="description-html" [innerHTML]="descriptionHTML"></div>
      }
    </div>
    @if (video && displayLatestVideo()) {
      <div class="video">
        <div i18n class="video-label">Latest published video</div>
        <my-video-miniature-markup [video]="video" [onlyDisplayTitle]="true"></my-video-miniature-markup>
      </div>
    }
  </div>
}