<div class="chat-messages" #scrollMe>
  <div
    *ngIf="eventRemain && messages.length > 0"
    class="message-row view-previous"
  >
    <button mat-button (click)="onClickMore($event)" class="bg-accent-dark">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="20"
        height="20"
        viewBox="0 0 20 20"
        stroke="currentColor"
        fill="none"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
      >
        <circle class="st0" cx="10" cy="10" r="7.3" />
        <polyline class="st0" points="12.9,10 10,7.1 7.1,10 " />
        <line class="st0" x1="10" y1="12.9" x2="10" y2="7.1" />
      </svg>
      <span>{{ 'chat.event.showPreviousEvents' | translate }}</span>
    </button>
    <div
      class="unRead-count"
      *ngIf="
        !!roomInfo &&
        !!firstEventSeq &&
        roomInfo.lastReadEventSeq < firstEventSeq
      "
    >
      <span class="line"></span>
      <span class="count" [innerHTML]="getStringReadHereMore()"> </span>
      <span class="line"></span>
    </div>
    <span class="line"></span>
  </div>

  <!-- MESSAGE -->
  <ucap-chat-message-box
    *ngFor="let message of messages; let i = index"
    [id]="message.seq"
    [message]="message"
    [mine]="message.senderSeq === loginRes.userSeq"
    [searched]="getEventSearched(message.seq)"
    [existReadToHere]="getReadHere(i) && existReadHere && !clearReadHere"
    [dateChanged]="getDateSplitter(i)"
    [senderName]="getUserName(message.senderSeq)"
    [profileImageRoot]="profileImageRoot"
    [profileImage]="getUserProfile(message.senderSeq)"
    [eventInfoStatus]="eventInfoStatus"
    [translationSimpleview]="translationSimpleview"
    [unreadCount]="isShowUnreadCount ? getUnreadCount(message) : undefined"
    (openProfile)="onClickOpenProfile($event)"
    (massDetail)="onMassDetail($event)"
    (massTranslationDetail)="onMassTranslationDetail($event)"
    (fileViewer)="onFileViewer($event)"
    (save)="onSave($event)"
    (contextMenu)="onContextMenu($event)"
  >
  </ucap-chat-message-box>
</div>
