<div class="modal fade profile_modal w_50" id="userNameCardInCollaboration" tabindex="-1" role="dialog"
  aria-labelledby="userNameCardInCollaboration" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content-wrap d-flex align-items-center m-auto">
      <div class="modal-content">
        <div class="modal-header border-0">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true" style="font-size:40px;">&times;</span>
          </button>
          <div class="profile_desc_ d-flex flex-row">
            <img src="{{profileUrl}}" onError="this.src='./img/noImage.png'" />
            <div class="profile_name d-flex justify-content-center align-items-center"><span>{{name}}</span></div>
          </div>
        </div>
        <div class="modal-body">
          {{#groupPathList}}
          <li onclick="return false;"><b>{{groupPath}}</b></li>
          {{/groupPathList}}
        </div>
        <div class="modal-footer border-0 justify-content-center">
          {{#isFavorite}}
          <button type="button" class="border-0 bg_navy"
            onclick="CollaborationUI.removeFavoriteUserInCollaboration({{shopMemberId}})" id="favoriteButton">
            <div class="d-flex flex-column">
              <span class="star active shopmember_{{shopMemberId}}"
                onclick="CHAT_UI.favoriteUserChange('{{shopMemberId}}',this)"></span>
              <span>お気に入り解除</span>
            </div>
          </button>
          {{/isFavorite}}
          {{^isFavorite}}
          <button type="button" class="border-0 bg_navy"
            onclick="CollaborationUI.insertFavoriteUserInCollaboration({{shopMemberId}})" id="favoriteButton">
            <div class="d-flex flex-column">
              <span class="star disable shopmember_{{shopMemberId}}"
                onclick="Namecard.favoriteUserChange('{{shopMemberId}}',this)"></span>
              <span>お気に入り登録</span>
            </div>
          </button>
          {{/isFavorite}}
          {{#isHost}}
          <button type="button" class="ch_host_btn border-0 bg_green text_white" data-toggle="modal"
            data-target="#changeHostModal" value="#profileModal2" data-collaborationId='{{collaborationId}}'>
            <!-- onclick="FermiWebSocketBridge.requestHostChange('{{collaborationId}}');"> -->
            <div class="d-flex flex-column">
              <div class="img_wrap">
                <img src="icon/icon_change_host.svg" alt="ホスト変更">
              </div>
              <span>ホスト変更</span>
            </div>
          </button>
          {{/isHost}}
          {{^isHost}}
          {{#whosHost}}
          <button type="button" class="ch_host_btn border-0 bg_blue text_white" data-toggle="modal"
            data-target="#hostRequestModal" value="#profileModal2">
            <div class="d-flex flex-column">
              <div class="img_wrap">
                <img src="icon/icon_change_host.svg" alt="ホスト変更">
              </div>
              <span>ホスト変更</span>
            </div>
          </button>
          {{/whosHost}}
          {{^whosHost}}
          <button type="button" class="ch_host_btn border-0 bg_grey text_white" data-toggle="modal"
            data-target="#hostRequestModal" value="#profileModal2"  disabled>
            <div class="d-flex flex-column">
              <div class="img_wrap">
                <img src="icon/icon_change_host.svg" alt="ホスト変更">
              </div>
              <span>ホスト変更</span>
            </div>
          </button>
          {{/whosHost}}
          {{/isHost}}
        </div>
      </div>
    </div>
  </div>
</div>