<div data-options="dxView : { name: 'FloorStatusPopup' } ">
    <div data-bind="dxPopup: popupOptions">
        <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' }" style="width: 100%; height: 100%;">
            <div class="dx-field cw-multi-field-left " style="background-color: #fafafa; height: 720px;">
                <br />
                <div id="viewIndoor" style="width:100%; height: 680px; display: table;">
                    <div style="display: table-cell; text-align: center; vertical-align: middle; ">
                        <svg id="imageContext">
                            <image id="image" preserveAspectRatio="none" style="width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0;"></image>
                        </svg>
                    </div>
                </div>
                <br />
            </div>

            <div class="dx-field cw-multi-field-right" style="background:#fafafa; height:720px">
                <br />
                <div class="dx-field cw-multi-field" style="background-color: #fafafa">
                    <div id="st" class=" dx-field-label" style="float: left; background-color: #fafafa">관제점 현황</div>
                    <div class=" dx-field-value" id="Observe_Point" style="margin-left:5px; width: 97%; height: auto; "></div>
                </div>
                <div class="dx-field cw-multi-field" style="background-color: #fafafa; float: right; margin-top: 10px; margin-right: 5px; margin-bottom: 20px">
                    <div id="remove" data-bind="dxButton: { text: '@remove',  clickAction: handlePopupButtonDelete, disabled: hasnotModificationPermission}"></div>
                </div>


                <div class="dx-field cw-multi-field" style="background-color: #fafafa; margin-top: 50px">
                    <div id="st" class=" dx-field-label" style="float: left; background-color: #fafafa; ">관제점 등록 정보</div>
                </div>
                <div class="dx-field cw-multi-field" style="background-color: #fafafa; margin-left: 5px; margin-top: 0px">
                    <div class="dx-field-label cw-multi-field-label-ex">설비 이름</div>
                    <div class="dx-field-value" id="FacilityCode" style="width: 226px"></div>

                    <div class="dx-field-label cw-multi-field-label-ex">관제점 이름</div>
                    <div class="dx-field-value" id="ControlId" style="width: 226px"></div>
                </div>

                <div class="dx-field cw-multi-field" style="background-color: white; margin-left: 5px">
                    <div class="dx-field-label cw-multi-field-label-ex">X 축</div>
                    <div class="fl" id="XValue" style="width: 225px"></div>

                    <div class="dx-field-label cw-multi-field-label-ex">Y 축</div>
                    <div class="dx-field-value" id="YValue" style="width: 225px"></div>
                </div>

                <div class="dx-field cw-multi-field" style="background-color: #fafafa; text-align: right; float: right; margin-top: 10px; margin-right: 5px; ">
                    <div id="insert" data-bind="dxButton: { text: '등록', clickAction: handlePopupButtonInsert, disabled: hasnotModificationPermission()}"></div>
                </div>
            </div>
        </div>
    </div>
</div>