<%@ page import="com.myproject.util.PLATE_SIZE" %>
<%@ page import="com.myproject.util.StorageConstants" %><%--
  Created by IntelliJ IDEA.
  User: kangmor
--%>
<%@ include file="/common/taglibs.jsp" %>
<%@ page language="java" pageEncoding="UTF-8" %>


<c:set var="type" value="${component.type}"/>
<fmt:message key="component.update.subtitle" var="title"/>
<c:if test="${type == 0 || empty type}">
    <c:set var="type" value="0"/>
</c:if>
<c:if test="${type == 1}">
    <c:set var="title" value="solder.updateTitle"/>
</c:if>
<c:if test="${type == 2}">
    <c:set var="title" value="pcb.updateTitle"/>
</c:if>

<c:if test="${type == 3}">
    <c:set var="title" value="otherComponent.updateTitle"/>

</c:if>
<c:if test="${type == 4}">
    <c:set var="title" value="fixture.updateTitle"/>

</c:if>

<!-- BEGIN PAGE HEADER-->
<h3 class="page-title">
    <fmt:message key="${title}"/>
    <small><fmt:message key="menu.product"/></small>
</h3>

<!--Begin of update-->
<div class="row">
    <div class="col-md-22">
        <!-- BEGIN PORTLET-->
        <div class="portlet box green-jungle">
            <div class="portlet-title">
                <%--<div class="caption">--%>
                    <%--<i class="fa fa-pencil"></i><fmt:message key="component.update.subtitle"/>--%>
                <%--</div>--%>
                <div class="actions">
                    <a href="componentUpdate.html?type=${type}" class="btn btn-default btn-sm">
                    <i class="fa fa-plus"></i> <fmt:message key="button.add"/> </a>
                    <a href="componentSearch.html?type=${type}" class="btn btn-default btn-sm">
                        <i class="fa fa-reply"></i> <fmt:message key="button.return"/> </a>
                </div>
            </div>
            <div class="portlet-body form">
                <!-- BEGIN FORM-->
                <form:form commandName="component" class="form-horizontal form-bordered" id="component"
                           action="componentUpdate.html">
                    <form:hidden path="id"/>
                    <input type="hidden" id="operation" name="operation"/>
                    <form:hidden path="type"/>

                    <div class="form-body">
                        <%@include file="/common/success.jsp" %>
                        <%@include file="/common/error.jsp" %>

                        <%--<div class="form-group">
                                &lt;%&ndash;物料名称&ndash;%&gt;
                            <label class="control-label col-md-2"><fmt:message key="component.auto.scancode"/></label>

                            <div class="col-md-8">
                                <div style="text-align:left">
                                    <input type="text" id="scan-code" class="form-control" autofocus/>
                                    <span id="code-errors" style="color: red"></span>
                                </div>
                            </div>
                        </div>--%>

<c:if test="${type == 1}">

    <form:hidden path="plateSize"/>
    <form:hidden path="height"/>
    <div class="form-group">
            <%--物料名称--%>
        <label class="control-label col-md-2"><fmt:message key="component.name"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="name" path="name" class="form-control"/>
                <form:errors path="name" cssStyle="color: red"/>
            </div>
        </div>

            <%--物料编号--%>
        <label class="control-label col-md-2"><fmt:message key="component.partNumber"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="partNumber" path="partNumber" class="form-control"/>
                <form:errors path="partNumber" cssStyle="color: red"/>
            </div>
        </div>
    </div>

    <div class="form-group">
            <%--型号--%>
        <label class="control-label col-md-2"><fmt:message key="solder.model"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="model" path="model" class="form-control"/>
                <form:errors path="model" cssStyle="color: red"/>
            </div>
        </div>
            <%--锡膏类型--%>
        <label class="control-label col-md-2"><fmt:message key="solder.type"/></label>

                <div class="col-md-3">
                    <div style="text-align:left">
                        <form:select path="productionType" class="form-control" >
                            <form:option value="1">
                                <fmt:message key="solder.type.lead"/>
                            </form:option>
                            <form:option value="2">
                                <fmt:message key="solder.type.noLead"/>
                            </form:option>
                        </form:select>

                    </div>
                </div>

    </div>

    <div class="form-group">
        <label class="control-label col-md-2"><fmt:message key="solder.encapsulation"/> </label>
        <div class="col-md-3">
            <div style="text-align:left">
                <form:select path="encapsulation" class="form-control" >
                    <form:option value="1">
                        <fmt:message key="solder.encapsulation.can"/>
                    </form:option>
                    <form:option value="2">
                        <fmt:message key="solder.encapsulation.tube"/>
                    </form:option>
                </form:select>
            </div>
        </div>
        <label class="control-label col-md-2"><fmt:message key="solder.storageCondition"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="storageCondition" path="storageCondition" class="form-control"/>
                <span class="input-group-addon">℃</span>
            </div>
        </div>

    </div>


    <div class="form-group">
        <label class="control-label col-md-2"><fmt:message key="solder.maxStorageTime"/> </label>


        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="maxStorageTime" path="maxStorageTime" class="form-control"/>
                <span class="input-group-addon"><fmt:message key="solder.hour"/></span>
            </div>
        </div>
        <label class="control-label col-md-2"><fmt:message key="solder.warmTime"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="warmTime" path="warmTime" class="form-control"/>
                <span class="input-group-addon"><fmt:message key="solder.hour"/></span>
            </div>
        </div>

    </div>

    <div class="form-group">
        <label class="control-label col-md-2"><fmt:message key="Min Storage Num"/> </label>


        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="minStoreNum" path="minStoreNum" class="form-control"/>
            </div>
        </div>
        <label class="control-label col-md-2"><fmt:message key="solder.maxStoreNum"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="maxStoreNum" path="maxStoreNum" class="form-control"/>
            </div>
        </div>

    </div>
    <div class="form-group hide">

        <label class="control-label col-md-2"><fmt:message key="pcb.fixtureNumber"/> </label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" path="fixtureNumber" class="form-control"/>
                <form:errors path="fixtureNumber" cssStyle="color: red"/>
            </div>
        </div>
    </div>
</c:if>


 <%--**************  PCB  *********--%>
<c:if test="${type == 2}">
    <div class="form-group">
            <%--物料名称--%>
        <label class="control-label col-md-2"><fmt:message key="component.name"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="name" path="name" class="form-control"/>
                <form:errors path="name" cssStyle="color: red"/>
            </div>
        </div>

            <%--物料编号--%>
        <label class="control-label col-md-2"><fmt:message key="component.partNumber"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="partNumber" path="partNumber" class="form-control"/>
                <form:errors path="partNumber" cssStyle="color: red"/>
            </div>
        </div>
    </div>

    <div class="form-group">
            <%--物料数量--%>
        <label class="control-label col-md-2"><fmt:message key="component.amount"/></label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" id="amount" path="amount" class="form-control"/>
                <form:errors path="amount" cssStyle="color: red"/>
            </div>
        </div>

        <label class="control-label col-md-2"><fmt:message key="pcb.validPeriod"/> </label>

                <div class="col-md-3">
                    <div style="text-align:left" class="input-group">
                        <form:input type="text" id="maxStorageTime" path="maxStorageTime" class="form-control"/>
                        <span class="input-group-addon"><fmt:message key="solder.hour"/></span>
                    </div>
                </div>
    </div>

    <div class="form-group">


        <label class="control-label col-md-2"><fmt:message key="pcb.family"/> </label>

        <div class="col-md-3">
            <div style="text-align:left" class="input-group">
                <form:input type="text" path="productionType" class="form-control"/>
                <form:errors path="productionType" cssStyle="color: red"/>
            </div>
        </div>
    </div>


</c:if>


<c:if test="${type == 4}">
                            <div class="form-group">
                                    <%--物料名称--%>
                                <label class="control-label col-md-2"><fmt:message key="component.name"/></label>

                                <div class="col-md-3">
                                    <div style="text-align:left" class="input-group">
                                        <form:input type="text" id="name" path="name" class="form-control"/>
                                        <form:errors path="name" cssStyle="color: red"/>
                                    </div>
                                </div>

                                    <%--物料编号--%>
                                <label class="control-label col-md-2"><fmt:message key="component.partNumber"/></label>

                                <div class="col-md-3">
                                    <div style="text-align:left" class="input-group">
                                        <form:input type="text" id="partNumber" path="partNumber" class="form-control"/>
                                        <form:errors path="partNumber" cssStyle="color: red"/>
                                    </div>
                                </div>
                            </div>



                            <div class="form-group">

                                <label class="control-label col-md-2"><fmt:message key="fixture.type"/> </label>

                                <div class="col-md-3">
                                    <div style="text-align:left">
                                        <form:hidden path="amount" id="packageAmount"/>
                                        <form:select path="pSize" class="form-control" >
                                            <form:option value=""><fmt:message key="option.none"/></form:option>
                                            <c:forEach items="<%=StorageConstants.PACKAGE_TYPE.values()%>" var="psize">
                                                <form:option value="${psize.w}x${psize.h}x${psize.code}">
                                                    <c:if test="${psize.w!=-1 && psize.h!=-1}">
                                                        ${psize.showStr}
                                                    </c:if>
                                                </form:option>
                                            </c:forEach>
                                        </form:select>

                                    </div>
                                </div>

                            </div>

                            <div class="form-group">

                                    <%--料盘尺寸--%>
                                <label class="control-label col-md-2"><fmt:message key="component.plateSize"/> </label>

                                <div class="col-md-3">
                                    <div style="text-align:left" class="input-group">
                                        <form:input type="text" id="plateSize" path="plateSize" class="form-control" readonly="true"/>
                                        <form:errors path="plateSize" cssStyle="color: red"/>
                                    </div>
                                </div>

                                    <%--料盘高度--%>
                                <label class="control-label col-md-2"><fmt:message key="component.height"/> </label>

                                <div class="col-md-3">
                                    <div style="text-align:left" class="input-group">
                                        <form:input type="text" id="height" path="height" class="form-control" readonly="true"/>
                                        <form:errors path="height" cssStyle="color: red"/>
                                    </div>
                                </div>
                            </div>


                        </c:if>

<c:if test="${type != 1 && type !=2 && type != 4}">
                        <div class="form-group">
                                <%--物料名称--%>
                            <label class="control-label col-md-2"><fmt:message key="component.name"/></label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="name" path="name" class="form-control"/>
                                    <form:errors path="name" cssStyle="color: red"/>
                                </div>
                            </div>

                                <%--物料编号--%>
                            <label class="control-label col-md-2"><fmt:message key="component.partNumber"/></label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="partNumber" path="partNumber" class="form-control"/>
                                    <form:errors path="partNumber" cssStyle="color: red"/>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                                <%--物料数量--%>
                            <label class="control-label col-md-2"><fmt:message key="component.amount"/></label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="amount" path="amount" class="form-control"/>
                                    <form:errors path="amount" cssStyle="color: red"/>
                                </div>
                            </div>

                            <label class="control-label col-md-2"><fmt:message key="component.plate.size"/> </label>

                            <div class="col-md-3">
                                <div style="text-align:left">
                                    <form:select path="pSize" class="form-control" >
                                        <form:option value=""><fmt:message key="option.none"/></form:option>
                                        <c:forEach items="<%=PLATE_SIZE.values()%>" var="psize">
                                            <form:option value="${psize.w}x${psize.h}">
                                                <c:if test="${psize.w!=-1 && psize.h!=-1}">
                                                    ${psize.showStr}
                                                </c:if>
                                                <c:if test="${psize.w==-1 || psize.h==-1}">
                                                    <fmt:message key="plate.size.customer"/>
                                                </c:if>
                                            </form:option>
                                        </c:forEach>
                                    </form:select>

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

                        <div class="form-group">

                                <%--料盘尺寸--%>
                            <label class="control-label col-md-2"><fmt:message key="component.plateSize"/> </label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="plateSize" path="plateSize" class="form-control" readonly="true"/>
                                    <form:errors path="plateSize" cssStyle="color: red"/>
                                </div>
                            </div>

                                <%--料盘高度--%>
                            <label class="control-label col-md-2"><fmt:message key="component.height"/> </label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="height" path="height" class="form-control" readonly="true"/>
                                    <form:errors path="height" cssStyle="color: red"/>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                                <%--供应商编号--%>
                            <label class="control-label col-md-2"><fmt:message key="component.providerNumber"/> </label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="providerNumber" path="providerNumber"
                                                class="form-control"/>
                                </div>
                            </div>

                                <%--供应商--%>
                            <%--<label class="control-label col-md-2"><fmt:message key="barcode.provider"/> </label>--%>

                            <%--<div class="col-md-3">--%>
                                <%--<div style="text-align:left" class="input-group">--%>
                                    <%--<form:input type="text" id="provider" path="provider" class="form-control"/>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                               <%--贵重物料--%>
                            <label class="control-label col-md-2"><fmt:message key="otherComponent.expensive"/> </label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:checkbox path="needAuth" class="form-control"/>
                                 </div>
                             </div>

                        </div>

                        <div class="form-group extraInfo">
                            <%--单位--%>
                            <label class="control-label col-md-2"><fmt:message key="component.unit"/></label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="unit" path="unit" class="form-control"/>
                                </div>
                            </div>

                                <%--单耗--%>

                            <label class="control-label col-md-2"><fmt:message key="component.unitCost"/></label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="unitCost" path="unitCost"
                                                class="form-control"/>
                                </div>
                            </div>
                        </div>
                        <div class="form-group extraInfo">
                            <label class="control-label col-md-2"><fmt:message key="component.producer"/> </label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="producer" path="producer" class="form-control"/>
                                </div>
                            </div>

                            <label class="control-label col-md-2"><fmt:message key="component.producerNumber"/> </label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="producerNumber" path="producerNumber"
                                                class="form-control"/>
                                </div>
                            </div>
                        </div>

                        <div class="form-group extraInfo">

                            <label class="control-label col-md-2"><fmt:message key="component.msl"/></label>

                            <div class="col-md-3">
                                <div style="text-align:left" class="input-group">
                                    <form:input type="text" id="msl" path="msl"
                                                class="form-control"/>
                                </div>
                            </div>
                        </div>
                        <div class="form-group extraInfo">

                            <%--料件描述--%>
                            <label class="control-label col-md-2"><fmt:message key="component.description"/></label>

                            <div class="col-md-8">

                                <form:textarea id="description" path="description" class="form-control"/>

                            </div>
                        </div>

                        </c:if>
                    </div>
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-5 col-md-12">
                                <button class="btn green" type="button" onclick="saveComponent()"><i
                                        class="fa fa-save"></i><fmt:message
                                        key="button.save"/></button>

                                <c:if test="${not empty component.id}">

                                    <button class="btn red" type="button" onclick="deleteComponent()"><i
                                            class="fa fa-trash-o"></i><fmt:message
                                            key="button.delete"/></button>

                                </c:if>
                                <button class="btn default" type="button"
                                        onclick="window.location=''"><i
                                        class="fa fa-history"></i><fmt:message key="button.cancel"/></button>
                            </div>
                        </div>
                    </div>
                </form:form>
                <!-- END FORM-->
            </div>
        </div>
        <!-- END PORTLET-->
    </div>
</div>
<!--End of update-->

<c:set var="scripts" scope="request">
    <script>
        //$(".extraInfo").hide();
//        $("#moreInfo").hide();
//        $("#moreInfo").click(function (){
//            $("#moreInfo").hide();
//            $(".extraInfo").show();
//        });
        $('#pSize').change(function(){
            $("#plateSize").removeAttr("readonly");
            $("#height").removeAttr("readonly");
            $("#plateSize").val("");
            $("#height").val("");
            var selectValue = $(this).children('option:selected').val();
            if(selectValue == "-1x-1"){
                $("#plateSize").val("${component.plateSize}");
                $("#height").val("${component.height}");

                return;
            }else if(selectValue != ""){
                var strs = selectValue.split("x");
                $("#plateSize").val(strs[0]);
                $("#height").val(strs[1]);
                if(strs.length == 3){
                    $("#partNumber").val(strs[2]);
                }
            }

            $("#plateSize").attr("readonly",true);
            $("#height").attr("readonly",true);
        })


        $("#scan-code").change(function (){
            $("#code-errors").text("");
            var codeValue = $(this).val();
            //TCL的条码规则:用*号隔开,[物料编号]*[数量]*[供应商编号]*[批次]*[日期码]*[Reel Id]
            //Reel Id 的前六位是供应商编号
            $(this).attr("placeholder",codeValue);
            $(this).val("");
            var strs= codeValue.split("*"); //字符分割
            if(strs.length == 6){
                var partNumber = strs[0];
                var amount = strs[1];
                var supplierCode = strs[2];
                var reelId = strs[5];
                //if(reelId.indexOf(supplierCode) == 0){
                    $("#code-errors").text("");
                    $("#name").val(partNumber);
                    $("#partNumber").val(partNumber);
                    $("#amount").val(amount);
                    $("#providerNumber").val(supplierCode);
                    //暂改为默认,自动提交,后面把这里去掉
                    $('#id').val("");
//                    $('#pSize').val("7x8");
//                    $("#plateSize").val(7);
//                    $("#height").val(8);
//                    $("#operation").val("save");
//                    $("#component").submit();
                    return;
               //  }
            }
            $("#code-errors").text("格式为  [料件编号]*[数量]*[供应商编号]*[批次]*[日期码]*[Reel Id]  的条码信息才可以正确解析");
        })

        function saveComponent() {
            $("#operation").val("save");
            $("#component").submit();
        }

        function deleteComponent() {
            $("#operation").val("delete");
            $("#component").submit();
        }

        $("#fixtureNumber").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "${ctx}/component/fetchComponent",
                    dataType: "json",
                    data: {
                        pn: request.term,
                        type:4
                    },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return {
                                label: item.partNumber,
                                id: item.id,
                                partNumber: item.partNumber,
                                //plateSize: item.plateSize,
                                //height:item.height,
                                //amount:item.amount
                            };
                        }));
                    }
                });
            },
            minLength: 1,
            select: function( event, ui ) {
                //$("#plateSize").val(ui.item.plateSize);
                //$("#partNumber").val(ui.item.partNumber);
                //$("#height").val(ui.item.height);
                //$("#amount").val(ui.item.amount);
            }
        });
    </script>
</c:set>