<div data-options="dxView : { name: 'AlarmAdminPopup' } ">
    <div data-bind="dxPopup: popupOptions ">
        <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
            <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>
        </div>
        <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
            <div class="dx-fieldset">
                <p class="body_sub_title_2depth" style="font-weight: bold;">SMS 설정</p>
                <!--div class="chart_wrap_box" style="width: 100%"-->
                <!--div class="fl" style="font-weight: bold;"> SMS 설정</!--div-->
                <div class="dx-field cw-multi-field">
                    <div class="dx-field">
                        <div class="dx-field-label cw-multi-field-label-ex">사용자 ID</div>
                        <div class="dx-field-value" data-bind="text: dataModel.UserCode, css: {'dx-state-invisible': isEditModeInPopup }"></div>
                        <div class="dx-field-value" style="width: 310px" data-bind="dxTextBox: { value: dataModel.UserCode, placeholder: 'UserCode 입력' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label w-multi-field-label-ex">API 키</div>
                        <div class="dx-field-value" data-bind="text: dataModel.DeptCode, css: {'dx-state-invisible': isEditModeInPopup }"></div>
                        <div class="dx-field-value" style="width: 310px" data-bind="dxTextBox: { value: dataModel.DeptCode, placeholder: 'DeptCode 입력' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
                    </div>
                    <div class="dx-field">
                        <div class="dx-field-label cw-multi-field-label">전화번호</div>
                        <div class="dx-field-value" data-bind="text: dataModel.PhoneNo, css: {'dx-state-invisible': isEditModeInPopup }"></div>
                        <div class="dx-field-value" style="width: 310px" data-bind="dxTextBox: { value: dataModel.PhoneNo, placeholder: '전화번호 입력 (지역번호 포함 / - 포함 입력)' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
                    </div>

                </div>
                <!--div class="chart_wrap_box" style="width: 100%; height: 50%;"-->
                <!--div class="fl" style="font-weight: bold;"> 이메일 설정</!--div-->

                <p></p>
                <p class="body_sub_title_2depth" style="font-weight: bold;">이메일 설정</p>
                <div class="dx-field cw-multi-field">
                    <div class="dx-field">
                        <div class="dx-field-label cw-multi-field-label">이메일 주소</div>
                        <div class="dx-field-value" data-bind="text: dataModel.EmailAddress, css: {'dx-state-invisible': isEditModeInPopup }"></div>
                        <div class="dx-field-value" style="width: 310px" data-bind="dxTextBox: { value: dataModel.EmailAddress, placeholder: '메일 주소 입력 (구글계정만 가능)' },  css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
                    </div>
                    <div class="dx-field" data-bind="css: {'dx-state-invisible': isEditModeInPopup() == false} ">
                        <div class=" dx-field-label cw-multi-field-label">이메일 비밀번호</div>
                        <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup}"></div>
                        <div class="dx-field-value" style="width: 310px" data-bind="dxTextBox: { value: dataModel.EmailPassword, mode: 'password', placeholder: '메일 암호 입력' },  css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>

                        <!--div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: '********'"></!--div-->
                        <!--div class="dx-field-value" style="width: 310px" data-bind="dxTextBox: { value: dataModel.EmailPassword, mode: 'password', placeholder: '메일 암호 입력' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>