<div class="event-main bg-accent-dark">
  <div class="event-header">
    <ng-container
      *ngIf="!!message.sentMessageJson && !!message.sentMessageJson.contents"
    >
      <ng-container [ngSwitch]="message.sentMessageJson.contents">
        <ng-container *ngSwitchCase="PlanContentType.New">
          {{ 'chat.event.scheduleTypeNew' | translate }}
        </ng-container>
        <ng-container *ngSwitchCase="PlanContentType.Update">
          {{ 'chat.event.scheduleTypeUpdate' | translate }}
        </ng-container>
        <ng-container *ngSwitchCase="PlanContentType.Delete">
          {{ 'chat.event.scheduleTypeDelete' | translate }}
        </ng-container>
        <ng-container *ngSwitchDefault>
          {{ 'chat.event.scheduleTypeDefault' | translate }}
        </ng-container>
      </ng-container>
    </ng-container>
  </div>
  <ul class="event-info">
    <li class="event-date bg-accent-brightest">
      <label class="text-accent-darkest">{{
        'common.units.date' | translate
      }}</label
      ><span>{{ date | ucapDate: 'YYYY.MM.DD' }}</span>
    </li>
    <li class="event-time bg-accent-brightest">
      <label class="text-accent-darkest">{{
        'common.units.time' | translate
      }}</label
      ><span>{{ date | ucapDate: 'a hh:mm' }}</span>
    </li>
    <li class="event-content">
      {{ message.sentMessageJson.title }}
    </li>
  </ul>

  <!-- <div class="btn-box">
    <button mat-button (click)="onClickSave()">상세보기</button>
  </div> -->
</div>
