<!-- 通話 -->
<div class="collabo_area_container">
  <!-- 時刻 -->
  <div class="collabo_date text-right">
    {{#isToday}}
    <span>{{createdAtTime}}</span>
    {{/isToday}}
    {{^isToday}}
    <span>{{createdAtDay}}</span><span>{{createdAtTime}}</span>
    {{/isToday}}
  </div>
  <div class="collabo_area {{#isEnded}} disable {{/isEnded}}">
    <div class="collabo_desc">
      <div class="collabo_room_name d-flex flex-row">
        <span>{{roomName}}</span>
        <span>の通話</span>
      </div>
      <div class="d-flex flex-row justify-content-between">
        <div class="collabo_user_list d-flex flex-row">
          {{#userList}}
          <div class="img_wrap"><img src="{{profileUrl}}" onError="this.src='./img/noImage.png'"></div>
          {{/userList}}
          <div class="num"><span>{{userCount}}</span></div>
        </div>
        <div class="collabo_time">
          <span class="collaboration_duration" data-insertDate="{{insertDate}}"></span>
        </div>
      </div>
      <div class="collabo_btn">
        <button type="button" name="button" onclick="CHAT_UI.joinCollaboration({{collaborationType}}, {{meetingId}})" {{#isEnded}} disabled {{/isEnded}}>
          <img src="icon/icon_profile_phone.png" alt="通話">
          <span>参加する</span>
        </button>
      </div>
    </div>
  </div>
</div>