<div id="UserInfo" data-modal-id="UserInfo" class="hidden js-adm-modal-overlay {{ (checkinfo in [usercheck.Tp_Confirmed, usercheck.Tp_NotDisplay]) ? 'hidden' : '' }}">
  <div class="js-adm-modal-container adm-modal-container-full">
    <div class="adm-modal-header">

      <div class="flex between-xs">
        <div class="padding-large">
          <span class="text-x-large text-dark text-bold visible-block bottom-margin-x-small">{{ heading_title }}</span>
          <span class="text-dark text-medium">{{ text_message }}</span>
        </div>
        <i class="fas fa-times text-small text-dark padding-large cursor-pointer js-adm-modal-close"></i>
      </div>

    </div>
    <div class="adm-modal-content horizontal-padding-large">
      <div id="ConfirmUserInfo">
        <div class="col-xs">
          <label class="field field-medium bottom-margin-large">
            <span class="field-label required"> {{ entry_email }}</span>
            <input class="field-entry" type="text" name="email" value="{{ email }}" size="96" />
          </label>
        </div>

        <div class="adm-modal-footer padding-large">
          <div class="flex end-xs">
            <button type="button" class="btn-default btn-medium btn-outline right-margin-small js-userInfo-cancel">
              <span>{{ button_cancel }}</span>
            </button>
            <button type="button" class="btn-default btn-medium btn-primary js-userInfo-save">
              <span>{{ button_save }}</span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  const usercheck = {{ usercheck|json_encode() }};
</script>
<script src="view/javascript/template/common/user.js"></script>