<div data-options="dxView : { name: 'MaterialStockAdjustmentSearchConditionView' } ">
    <div data-bind="dxOverlay: popupSearchViewOptions ">
        <div data-bind="dxScrollView: {}" class="search-view-frame">
            <div class="search-view">
                <div id="searchViewCondition">
                    <div class="search-title">
                        <span class="search-text">@searchCondition</span>
                        <div class="dx-field right-search-wrap">
                            <div style="float: right;" data-bind="dxButton: { text: '@search', icon: 'search', clickAction: handleSearchInSearchView }"></div>
                        </div>
                    </div>
                    <div class="dx-fieldset">
                        <!--
                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"> <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.ReleaseTypeId.check }" /> </li>
                                <li class="form-label"> <div class="dx-field-label">출고구분</div> </li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                            disabled: !searchViewItems.ReleaseTypeId.check(),
                                            dataSource: searchViewItems.ReleaseTypeId.dataSource,
                                            displayExpr: 'Name' ,
                                            valueExpr: 'ReleaseTypeId' ,
                                            value: searchViewItems.ReleaseTypeId.value }">
                                    </div>
                                </li>
                            </ul>
                        </div>
                        -->
                        <!--<div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"> <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.AdjustmentTypeId.check }" /> </li>
                                <li class="form-label"> <div class="dx-field-label">정산사유</div> </li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                            disabled: !searchViewItems.AdjustmentTypeId.check(),
                                            dataSource: searchViewItems.AdjustmentTypeId.dataSource,
                                            displayExpr: 'Name' ,
                                            valueExpr: 'AdjustmentTypeId' ,
                                            value: searchViewItems.AdjustmentTypeId.value }">
                                    </div>
                                </li>
                            </ul>
                        </div>-->
                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box">
                                    <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems['FmsMaterialCodeAdjustmentType/Name'].check }" />
                                </li>
                                <li class="form-label">
                                    <div class="dx-field-label">정산사유</div>
                                </li>
                                <li class="form-field">
                                    <div class="dx-field-value input_form" data-bind="dxTextBox: { value: searchViewItems['FmsMaterialCodeAdjustmentType/Name'].value, disabled: !searchViewItems['FmsMaterialCodeAdjustmentType/Name'].check() }"></div>
                                </li>
                            </ul>
                        </div>

                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box">
                                    <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems['FmsMaterial/FirstClassId'].check }" />
                                </li>
                                <li class="form-label">
                                    <div class="dx-field-label">자재분류</div>
                                </li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
											disabled: !searchViewItems['FmsMaterial/FirstClassId'].check(),
											dataSource: searchViewItems['FmsMaterial/FirstClassId'].dataSource,
											displayExpr: 'Name' ,
											valueExpr: 'MaterialClassId' ,
											valueChangeAction:handleFirstClassChangedValueInSearchView1,
											value: searchViewItems['FmsMaterial/FirstClassId'].value }">
                                    </div>
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
											disabled: !searchViewItems['FmsMaterial/FirstClassId'].check(),
											dataSource: searchViewItems['FmsMaterial/SecondClassId'].dataSource,
											displayExpr: 'Name' ,
											valueExpr: 'MaterialClassId' ,
											valueChangeAction: handleSecondClassChangedValueInSearchView1,
											value: searchViewItems['FmsMaterial/SecondClassId'].value }">
                                    </div>
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
											disabled: !searchViewItems['FmsMaterial/FirstClassId'].check(),
											dataSource: searchViewItems['FmsMaterial/ThirdClassId'].dataSource,
											displayExpr: 'Name' ,
											valueExpr: 'MaterialClassId' ,
											value: searchViewItems['FmsMaterial/ThirdClassId'].value }">
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!--
                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems['FmsMaterial/MaterialCode'].check }" /></li>
                                <li class="form-label"><div class="dx-field-label">자재코드</div></li>
                                <li class="form-field">
                                    <div class="dx-field-value input_form" data-bind="dxTextBox: { value: searchViewItems['FmsMaterial/MaterialCode'].value, disabled: !searchViewItems['FmsMaterial/MaterialCode'].check() }"></div>
                                </li>
                            </ul>
                        </div>
                        -->

                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box">
                                    <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems['FmsMaterial/Name'].check }" />
                                </li>
                                <li class="form-label">
                                    <div class="dx-field-label">@materialName</div>
                                </li>
                                <li class="form-field">
                                    <div class="dx-field-value input_form" data-bind="dxTextBox: { value: searchViewItems['FmsMaterial/Name'].value, disabled: !searchViewItems['FmsMaterial/Name'].check() }"></div>
                                </li>
                            </ul>
                        </div>

                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems['FmsMaterial/Standard'].check }" /></li>
                                <li class="form-label"><div class="dx-field-label">규격</div></li>
                                <li class="form-field">
                                    <div class="dx-field-value input_form" data-bind="dxTextBox: { value: searchViewItems['FmsMaterial/Standard'].value, disabled: !searchViewItems['FmsMaterial/Standard'].check() }"></div>
                                </li>
                            </ul>
                        </div>

                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems['FmsMaterial/Unit'].check }" /></li>
                                <li class="form-label"><div class="dx-field-label">단위</div></li>
                                <li class="form-field">
                                    <div class="dx-field-value input_form" data-bind="dxTextBox: { value: searchViewItems['FmsMaterial/Unit'].value, disabled: !searchViewItems['FmsMaterial/Unit'].check() }"></div>
                                </li>
                            </ul>
                        </div>

                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.ReleaseDate.check }" /></li>
                                <li class="form-label"><div class="dx-field-label">출고일</div></li>
                                <li class="form-field">
                                    <!-- jks-2016-02-01 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기 -->
                                    <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems.ReleaseDate.value[0], format: 'date', disabled: !searchViewItems.ReleaseDate.check() }"></div>
                                    <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems.ReleaseDate.value[1], format: 'date', disabled: !searchViewItems.ReleaseDate.check() }"></div>
                                </li>
                            </ul>
                        </div>

                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems['CmUser/Name'].check }" /></li>
                                <li class="form-label">
                                    <div class="dx-field-label">등록자</div>
                                </li>
                                <li class="form-field">
                                    <div class="dx-field-value input_form" data-bind="dxTextBox: { value: searchViewItems['CmUser/Name'].value, disabled: !searchViewItems['CmUser/Name'].check() }"></div>
                                </li>
                            </ul>
                        </div>

                        <div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems['CmUser1/Name'].check }" /></li>
                                <li class="form-label">
                                    <div class="dx-field-label">승인자</div>
                                </li>
                                <li class="form-field">
                                    <div class="dx-field-value input_form" data-bind="dxTextBox: { value: searchViewItems['CmUser1/Name'].value, disabled: !searchViewItems['CmUser1/Name'].check() }"></div>
                                </li>
                            </ul>
                        </div>

                        <!--<div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box">
                                    <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.WarehouseId.check }" />
                                </li>
                                <li class="form-label">
                                    <div class="dx-field-label">@warehouse</div>
                                </li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                            disabled: !searchViewItems.WarehouseId.check(),
                                            dataSource: searchViewItems.WarehouseId.dataSource,
                                            displayExpr: 'Name' ,
                                            valueExpr: 'WarehouseId' ,
                                            value: searchViewItems.WarehouseId.value }">
                                    </div>
                                </li>
                            </ul>
                        </div>-->
                        <!--<div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box"> <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.BusinessFieldId.check }" /> </li>
                                <li class="form-label"> <div class="dx-field-label">@businessField</div> </li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                            disabled: !searchViewItems.BusinessFieldId.check(),
                                            dataSource: searchViewItems.BusinessFieldId.dataSource,
                                            displayExpr: 'Name' ,
                                            valueExpr: 'BusinessFieldId' ,
                                            value: searchViewItems.BusinessFieldId.value }">
                                    </div>
                                </li>
                            </ul>
                        </div>-->
                        <!--<div class="dx-field search-field-box">
                            <ul class="search-row-layout">
                                <li class="form-Box">
                                    <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.FirstClassId.check }" />
                                </li>
                                <li class="form-label">
                                    <div class="dx-field-label">@materialClass</div>
                                </li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                            disabled: !searchViewItems.FirstClassId.check(),
                                            dataSource: searchViewItems.FirstClassId.dataSource,
                                            displayExpr: 'Name' ,
                                            valueExpr: 'MaterialClassId' ,
                                            valueChangeAction: searchViewItems.FirstClassId.handleChangedValue,
                                            value: searchViewItems.FirstClassId.value }">
                                    </div>
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                            disabled: !searchViewItems.FirstClassId.check(),
                                            dataSource: searchViewItems.SecondClassId.dataSource,
                                            displayExpr: 'Name' ,
                                            valueExpr: 'MaterialClassId' ,
                                            valueChangeAction: searchViewItems.SecondClassId.handleChangedValue,
                                            value: searchViewItems.SecondClassId.value }">
                                    </div>
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                            disabled: !searchViewItems.FirstClassId.check(),
                                            dataSource: searchViewItems.ThirdClassId.dataSource,
                                            displayExpr: 'Name' ,
                                            valueExpr: 'MaterialClassId' ,
                                            value: searchViewItems.ThirdClassId.value }">
                                    </div>
                                </li>
                            </ul>
                        </div>-->


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>