<div class="modal fade add_user_confirm_modal" id="modalAddUserConfirm" tabindex="-1" role="dialog"
     aria-labelledby="modalAddUserConfirm" aria-hidden="true" style="position: fixed;">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="position: fixed;height: 600px;width: 86%;">
            <div class="modal-header border-0 pb-0">
                <span>ユーザー招待</span>
            </div>
            <div class="modal-body">
                <div class="chat_list">
                    <h2>参加者</h2>
                    <ul class="p-0 chat_make_room_list">
                        <div id="selectedUserListinCollaboration">
                            {{#userList}}
                            <ul class="p-0 chat_make_room_list">
                                <li class="d-flex align-items-center">
                                    <div class="chat_item d-flex flex-row align-items-center w-100">
                                        <div class="chat_item_l">
                                            <div class="thumbnail">
                                                <div class="img_wrap"><img src="{{profileUrl}}" onError="this.src='./img/noImage.png'"/></div>
                                            </div>
                                        </div>
                                        <div class="chat_item_m px-0">
                                            <div class="d-flex flex-column">
                                                <div class="chat_item_t">
                                                    <span class="chat_item_ttl">{{shopMemberName}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            {{/userList}}
                        </div>
                    </ul>
                </div>
            </div>
            <div class="modal-footer border-0 justify-content-center" style="bottom: 35px;position: fixed;width: 85.5%;background-color: white;">
                <button type="button" id="cancelAddUserBtn" class="profile_favorite_btn bg_white border_gray text_blue cancel_add_user_btn">
                    <div class="d-flex flex-column">
                        <span>キャンセル</span>
                    </div>
                </button>
                <button type="button" id="addUserBtn" class="profile_chat_btn border-0 bg_blue text_white">
                    <div class="d-flex flex-column">
                        <span>招待</span>
                    </div>
                </button>
            </div>
        </div>
    </div>
</div>