<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : GoodsSizeStockForm.html
 * @desc    : 상품 옵셥/재고 화면
 *============================================================================
 * SISUN
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2020.10.26   eskim       수정
 *******************************************************************************
 -->
	<table class="frmStyle">
		<colgroup>
			<col width="8%"/>
			<col width="8%"/>
			<col width="10%"/>
			<col width="15%"/>
			<col width="16%"/>
			<col width="5%"/>
			<col width="5%"/>
			<col width="7%"/>
			<col width="7%"/>
			<col width="7%"/>
			<col width="7%"/>
			<col width="5%"/>
		</colgroup>
		<tr th:if="${goods.selfGoodsYn == 'Y' and goods.goodsType == 'G056_N'}">
			<th colspan="2">ERP재고연동여부<i class="star"></i></th>
			<td colspan="2">
				<label class="rdoBtn"><input type="radio" name="erpStockLinkYn" id="erpStockLinkYnY" value="Y" th:checked="${goods.erpStockLinkYn == 'Y'}"/>Y</label>
				<label class="rdoBtn"><input type="radio" name="erpStockLinkYn" id="erpStockLinkYnN" value="N" th:checked="${goods.erpStockLinkYn == 'N'}"/>N</label>
				<input type="hidden" id="erpStockLinkYnOrg" name="erpStockLinkYnOrg" th:value="${goods.erpStockLinkYn}"/>
			</td>
			<td colspan="8"></td>
		</tr>
		<th:block th:if="${goods.selfGoodsYn == 'N' or goods.goodsType != 'G056_N'}">
			<input type="hidden" id="erpStockLinkYnOrg" name="erpStockLinkYnOrg" th:value="${goods.erpStockLinkYn}"/>
			<input type="hidden" id="erpStockLinkYn" name="erpStockLinkYn"  th:value="${goods.erpStockLinkYn}"/>
		</th:block>
		<tr>
			<th>상품코드</th>
			<th>옵션</th>
			<th>옵션명</th>
			<th>옵션1</th>
			<th>옵션2</th>
			<th>노출순서</th>
			<th>노출여부</th>
			<th>가용재고</th>
			<th>안전재고</th>
			<th>출고대기</th>
			<th>판매가능재고</th>
			<th>품절여부</th>
		</tr>
		<tbody id="optionList" >
		<th:block th:each="goodsSize, sizeStatus : ${goodsSizeList}">
		<tr>
			<td th:rowspan="${goodsSize.rcount}" th:text="${goodsSize.compsGoodsCd}" th:if="${goodsSize.rnum == 1}"></td>
			<td><th:block th:text="${goodsSize.optCd}"></th:block><input type="hidden" name="optCd" th:value="${goodsSize.optCd}" />
				<input type="hidden" name="compsGoodsCd" th:value="${goodsSize.compsGoodsCd}" />
			</td>
			<td><th:block th:text="${goodsSize.optNm}"></th:block>
				<input type="hidden" name="hidOptNm" th:value="${goodsSize.optNm}" />
			</td>
			<td><input type="text" class="w100p aL" name="optNm1" th:value="${goodsSize.optNm1}"  maxlength="70" th:readonly="${goods.selfGoodsYn == 'Y'}"/>
				<input type="hidden" name="hidOptNm1" th:value="${goodsSize.optNm1}" />
			</td>
			<td><input type="text" class="w100p aL" name="optNm2" th:value="${goodsSize.optNm2}"  maxlength="70" th:readonly="${goods.selfGoodsYn == 'Y'}"/>
				<input type="hidden" name="hidOptNm2" th:value="${goodsSize.optNm2}" />
			</td>
			<td><input type="text" class="w100p aC" name="dispOrd" th:value="${goodsSize.dispOrd}"  maxlength="10" data-valid-type="integer"/>
				<input type="hidden" name="hidDispOrd" th:value="${goodsSize.dispOrd}" />
			</td>
			<td><select name="dispYn">
					<option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:text="${oneData.cdNm}" th:selected="${goodsSize.dispYn == oneData.cd}"></option>
				</select>
				<input type="hidden" name="hidDispYn" th:value="${goodsSize.dispYn}"/>
			</td>
			<td><input type="text" class="w100p aC" name="editCurrStockQty" th:value="${goodsSize.currStockQty}" maxlength="10" data-valid-type="numeric" th:disabled="${goods.selfGoodsYn == 'Y'}"/>
				<input type="hidden" name="currStockQty" th:value="${goodsSize.currStockQty}"/>
			</td>
			<td><input type="text" class="w100p aC"  name=baseStockQty th:value="${goodsSize.baseStockQty}" maxlength="10" data-valid-type="integer">
				<input type="hidden" name="hidBaseStockQty" th:value="${goodsSize.baseStockQty}"/>
			</td>
			<td><input type="text" class="w100p aC" name="saleStockQty" th:value="${goodsSize.saleStockQty}" maxlength="10" data-valid-type="numeric" th:disabled="disabled"/>
			</td>
			<td><input type="text" class="w100p aC"  name="ableStockQty" maxlength="10" data-valid-type="numeric" th:disabled="disabled" th:value="${goodsSize.ableStockQty}" /></td>
			<td><select name="soldoutYn">
					<option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:text="${oneData.cdNm}" th:selected="${goodsSize.soldoutYn == oneData.cd}"></option>
				</select>
				<input type="hidden" name="hidSoldoutYn" th:value="${goodsSize.soldoutYn}"/>
			</td>	
		</tr>
		</th:block>
	</table>
<script th:inline="javascript">
/*<![CDATA[*/
	
	$(document).ready(function() {
		
		//옵션/재곡 변경여부
		$('#goodsDetailForm').find('#goodstab2').find("input, select, textarea").on('change', function() {
			$('#goodsDetailForm').find('.tabs .tabsNav li:eq(1) a').attr("style", "color:red;");
		});
		
	});
	
	//ERP재고연동여부 변경시
	/* $('#goodsDetailForm input:radio[name=erpStockLinkYn]').click(function() {
		
		if ( $('#goodsDetailForm input[name=erpStockLinkYn]:checked').val() == "Y"){
			
			$('#goodsDetailForm input[name=editCurrStockQty]').prop("disabled", true);
			$('#goodsDetailForm input[name=editCurrStockQty]').attr("disabled", true);
			$('#goodsDetailForm input[name=editCurrStockQty]').addClass("formControl");
			
		}else{
			$('#goodsDetailForm input[name=editCurrStockQty]').prop("disabled", false);
			$('#goodsDetailForm input[name=editCurrStockQty]').attr("disabled", false);
			$('#goodsDetailForm input[name=editCurrStockQty]').removeClass("formControl");
		}
		
	}); */
	
	
/*]]>*/
</script>
</html>