@*
    this view is responsibe for display Product and Organization LCA
*@
<div class="add_survey_body" ng-controller="LCADetailController" lca-detail>
    <div class="survey_info">
        <!--
             <div class="survey_order_btn" style="z-index:3" ng-click="fileImportModal.show = true;" ng-show="lcaDetail.Status == 1 && !lcaDetail.isProductLCA">
        @Resource.ImportOrganizationReport
    </div>
    -->
        <div class="title" ng-hide="lcaDetail.isProductLCA">@Resource.StaticLabelLCAInfo</div>
        <div class="title" ng-show="lcaDetail.isProductLCA">@Resource.StaticLabelProductLCAInfo</div>
        <div class="survey_content">
            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.LCAname</label>
                <div class="col col-sm-4">
                    <input type="text" ng-model="lcaDetail.LCAname" />
                </div>
                <label class="col-sm-2 col-form-label">GWP-100 version</label>
                <div class="col col-sm-4">
                    <select ng-model="lcaDetail.ARversion"
                            ng-options="arv as arv.ARversion for arv in lcaDetail.ARversionOptions track by arv.ARversion"
                            >
                    </select>
                </div>
            </div>

            @*End CFT-26*@
            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.LCAStartDate</label>
                <div class="col">
                    <input type="text" value="{{ lcaDetail.StartDate | date: 'yyyy/MM/dd' }}" />
                </div>
                <label class="col-sm-2 col-form-label">@Resource.LCAEndDate</label>
                <div class="col">
                    <input type="text" value="{{ lcaDetail.EndDate | date: 'yyyy/MM/dd' }}" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.Starter</label>
                <div class="col">
                    <input type="text" ng-model="lcaDetail.LCAStarter" name="uCreater" />
                </div>
                <label class="col-sm-2 col-form-label">@Resource.SurveyJob</label>
                <div class="col">
                    <input type="text" ng-model="lcaDetail.LCAStarterJob" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.Department</label>
                <div class="col">
                    <input type="text" ng-model="lcaDetail.LCAStarterDepartment" />
                </div>
                <label class="col-sm-2 col-form-label">@Resource.PhoneNumber</label>
                <div class="col">
                    <input type="text" ng-model="lcaDetail.LCAStarterPhone" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.UserEmail</label>
                <div class="col">
                    <input type="email" ng-model="lcaDetail.LCAStarterEmail" />
                </div>
            </div>
            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.ParentLCAID</label>
                <div class="col">
                    <input type="number"
                           ng-model="lcaDetail.parentLCAID"
                           ng-blur="ckParentLcaId()"
                           name="parentLCAID" />
                </div>
            </div>
            <div class="row" ng-show="!lcaDetail.isProductLCA">
                <label class="col-sm-2 col-form-label">@Resource.isBaseYear</label>
                <div class="col">
                    <input type="checkbox" style="width:auto"
                           ng-model="lcaDetail.isBaseYear"
                           name="uIsBaseYear" />
                </div>
                <label class="col-sm-2 col-form-label">@Resource.BaseYearLCAID</label>
                <div class="col">
                    <input type="text"
                           ng-model="lcaDetail.BaseYearLCAID"
                           name="BaseYearLCAID" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelCertificationCompany</label>
                <div class="col col-sm-4">
                    <select ng-model="lcaDetail.VerifierCompanyID"
                            ng-options="item.ID as item.Name for item in certificationCompanyOptions">
                        <option value="">-- @Resource.StaticLabelGlobal_Select --</option>
                    </select>
                </div>
                <div class="col col-sm-3" ng-show="lcaDetail.VerifierCompanyID ==undefined">
                    <span style="color:red">@Resource.VerifiedCompanyNotSetText</span>
                </div>

                <div class="col col-sm-3">
                    <a href="{{VerifierCompanyDownloadLink}}" ng-show="VerifierCompanyDownloadLink != ''">@Resource.StaticLabelDownloadFile</a>
                    <span ng-show="VerifierCompanyDownloadLink == ''">@Resource.VerifierCompanyFileRequest</span>
                </div>
            </div>
            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.ScheduledVerificationDate</label>
                <div class="col-sm-4">
                    <input type="text" disabled value="{{ lcaDetail.ScheduledVerificationDate | date: 'yyyy/MM/dd' }}" />
                </div>
            </div>
            <div class="row">
                <label ng-show="pcr" class="col-sm-2 col-form-label">PCR</label>
                <div ng-show="pcr" class="col">
                    <input type="text" ng-model="pcr.DisplayName" />
                </div>
                @*<label class="col-sm-2 col-form-label">@Resource.AssmtScore</label>
                <div class="col">
                    <input type="text" ng-model="lcaDetail.GradingScore" />
                </div>survey_content*@
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.DescriptionAndExplanation</label>
                <div class="col">
                    <textarea class="form-control" rows="3" ng-model="lcaDetail.Description" name="uDescription"></textarea>
                </div>
            </div>

            <div class="row" style="float: right"
                 @*ng-show="lcaDetail.Status==1||lcaDetail.Status==0">*@
                 ng-show="lcaDetail.Status < 5">
                <div class="col-7"></div>
                <div class="col-2">
                    <button class="save_LCAInfo_btn" style="text-align:center;width:100%;" ng-click="updateLCA(lcaDetail.isProductLCA)" ng-disabled="checkAllocation(lcaDetail.isProductLCA)">
                        @Resource.StaticLabelGlobal_Save
                    </button>
                </div>
                <div class="col-3">
                    <div class="save_LCAInfo_btn" style="text-align:center" ng-click="recalculateAllLCA(lcaDetail.isProductLCA)">
                        @Resource.recalculateAllLCA
                    </div>
                </div>
                @*<div class="row">
                    <div class="col-10"></div>
                    <div class="col-1">
                    </div>
                    <div class="col-1">
                    </div>
                </div>*@
                <div class="save_LCAInfo_result_msg">{{saveResultMsg}}</div>
            </div>
        </div>
    </div>

    <div class="survey_info" ng-show="lcaDetail.isProductLCA">
        <div class="title">
            @Resource.StaticLabelSubjectProductInfo
        </div>

        <div class="survey_content">
            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductName</label>
                <div class="col">
                    <input type="text" ng-disabled="false"
                           ng-model="product.Name" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductSerialNumber</label>
                <div class="col">
                    <input type="text" ng-disabled="false"
                           ng-model="product.SerialNumber" />
                </div>
                <label class="col-sm-2 col-form-label">@Resource.CustomerPartNumber</label>
                <div class="col">
                    <input type="text" ng-model="lcaDetail.CustomerPartNumber" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductSpec</label>
                <div class="col">
                    <input type="text" ng-disabled="false"
                           ng-model="product.SpecDescription" />
                </div>
                <label class="col-sm-2 col-form-label">@Resource.ProductEcoFriendlySymbol</label>
                <div class="col">
                    <input type="text" ng-disabled="false" ng-model="product.EcoFriendlySymbol" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.ProductAge</label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="text" step="any" ng-disabled="false"
                           ng-model="product.ProductAge" />
                </div>
                <label class="col-sm-2 col-form-label">@Resource.ProductEcoFriendlyDescription</label>
                <div class="col">
                    <input type="text" ng-disabled="false" ng-model="product.EcoFriendlyDescription" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.FunctionalUnit</label>
                <div class="col-sm-4 input-group" style="flex-wrap: nowrap !important">
                    <input type="text" step="any"
                           ng-model="lcaDetail.FunctionalUnit" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.ProductLCAFabProductionWeight</label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any" required
                           ng-model="lcaDetail.FabProductionWeight" 
                           ng-change="isTotal(product_survey);updateWeightAllocationRatio()"/>
                    <div class="input-group-append">
                        <span class="unit">kg</span>
                    </div>
                </div>
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductWeight</label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any" ng-disabled="false" required
                           ng-model="product.Weight" 
                           ng-change="isTotal(product_survey);updateWeightAllocationRatio()"/>
                    <div class="input-group-append">
                        <span class="unit">kg</span>
                    </div>
                </div>
                <label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(weightAllocationRatio)">
                    @Resource.WeightDistributionRatio {{ weightAllocationRatio }}
                    @*快速設定不分配的按鈕*@
                    <button ng-click="setAllocationRatioToNone('Weight')">@Resource.AllocationNon</button>
                </label>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.ProductLCAFabProductionArea</label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any" required ng-model="lcaDetail.FabProductionArea" ng-change="isTotal(product_survey);updateAreaAllocationRatio();"/>
                    <div class="input-group-append">
                        <span class="unit">m2</span>
                    </div>
                </div>
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductAreaSize</label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any" required ng-disabled="false"
                           ng-model="product.AreaSize" 
                           ng-change="isTotal(product_survey);updateAreaAllocationRatio();"/>
                    <div class="input-group-append">
                        <span class="unit">m2</span>
                    </div>
                </div>
                <label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(areaAllocationRatio)">
                    @Resource.AreaDistributionRatio  {{ areaAllocationRatio }}
                    @*快速設定不分配的按鈕*@
                    <button ng-click="setAllocationRatioToNone('AreaSize')">@Resource.AllocationNon</button>
                </label>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">
                    @Resource.ProductLCAFabProductionPcsPerYear
                </label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any" required
                           ng-model="lcaDetail.FabProductionPcs" 
                           ng-change="updatePcsAllocationRatio()"/>
                    <div class="input-group-append">
                        <span class="unit">pcs</span>
                    </div>
                </div>
                @*<label class="col-sm-2 col-form-label"> </label>
            <div class="col input-group" style="flex-wrap: nowrap !important">
            </div>*@
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductPcsPerYear</label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any"
                           ng-model="lcaDetail.ProductProductionPcs" 
                           ng-change="updatePcsAllocationRatio()"/>
                    <div class="input-group-append">
                        <span class="unit">pcs</span>
                    </div>
                </div>
                <label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(pcsAllocationRatio)">
                    @Resource.ProductionDistributionRatio {{ pcsAllocationRatio }}
                    @*快速設定不分配的按鈕*@
                    <button ng-click="setAllocationRatioToNone('ProductionQty')">@Resource.AllocationNon</button>
                </label>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">
                    @Resource.ProductLCAFabProductionEconomicValue
                </label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any" required
                           ng-model="lcaDetail.FabProductionEconomic" 
                           ng-change="updateEconomicAllocationRatio()"/>
                    <div class="input-group-append">
                        <span class="unit">$</span>
                    </div>
                </div>
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelSubjectProductEconomicValue</label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any" required
                           ng-model="lcaDetail.ProductProductionEconomic" 
                           ng-change="updateEconomicAllocationRatio()"/>
                    <div class="input-group-append">
                        <span class="unit">$</span>
                    </div>
                </div>
                <label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(economicAllocationRatio)">
                    @Resource.EconomicDistributionRatio {{ economicAllocationRatio }}
                    @*快速設定不分配的按鈕*@
                    <button ng-click="setAllocationRatioToNone('EconomicCost')">@Resource.AllocationNon</button>
                </label>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelStaffTotalWorkHour</label>
                <div class="col input-group">
                    <input type="number" step="any" required
                           ng-model="lcaDetail.FabProductionHour"
                           name="FabProductionHour"
                           ng-change="updateWorkhourAllocationRatio()" />
                    <div class="input-group-append">
                        <span class="unit">hr</span>
                    </div>
                </div>
                <label class="col-sm-2 col-form-label">@Resource.StaticLabelProductionTotalWorkHour</label>
                <div class="col input-group" style="flex-wrap: nowrap !important">
                    <input type="number" step="any" required
                           ng-model="lcaDetail.ProductProductionHour"
                           name="ProductProductionHour"
                           ng-change="updateWorkhourAllocationRatio()" />
                    <div class="input-group-append">
                        <span class="unit">hr</span>
                    </div>
                </div>
                <label class="col-sm-3 col-form-label" ng-style="checkRatioAndSetColor(workhourAllocationRatio)">
                    @Resource.WorkingHoursDistributionRatio  {{ workhourAllocationRatio }}
                    @*快速設定不分配的按鈕*@
                    <button ng-click="setAllocationRatioToNone('WorkHour')">@Resource.AllocationNon</button>
                </label> 
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.ProductLifecycle</label>
                <div class="col-sm-2">
                    <input type="checkbox" style="width:auto" 
                           ng-model="lcaDetail.HasProductLifeCycle_MaterialsObtained"
                           id="subscribeNews" />
                    <label for="subscribeNews">@Resource.MaterialsObtained</label>
                </div>
                <div class="col-sm-2">
                    <input type="checkbox" style="width:auto" 
                           ng-model="lcaDetail.HasProductLifeCycle_Manufacturing"
                           id="subscribeNews1" />
                    <label for="subscribeNews1">@Resource.Manufacturing</label>
                </div>
                <div class="col-sm-2">
                    <input type="checkbox" style="width:auto" 
                           ng-model="lcaDetail.HasProductLifeCycle_DeliverySales"
                           id="subscribeNews2" />
                    <label for="subscribeNews2">@Resource.DeliverySales</label>
                </div>
                <div class="col-sm-2">
                    <input type="checkbox" style="width:auto" 
                           ng-model="lcaDetail.HasProductLifeCycle_ProductUse"
                           id="subscribeNews3" />
                    <label for="subscribeNews3">@Resource.ProductUse</label>
                </div>
                <div class="col-sm-2">
                    <input type="checkbox" style="width:auto" 
                           ng-model="lcaDetail.HasProductLifeCycle_Abandonment"
                           id="subscribeNews4" />
                    <label for="subscribeNews4">@Resource.Abandonment</label>
                </div>
            </div>
        </div>
    </div>

    <div class="survey_info">
        <div class="title">
            @Resource.StaticLabelFabInfo
        </div>

        <div class="survey_content">
            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.FabName</label>
                <div class="col col-sm-4">
                    <input type="text" ng-disabled="true" ng-model="fab.Name" />
                </div>
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.FabPhone</label>
                <div class="col">
                    <input type="text" ng-disabled="true"
                           ng-model="fab.Phone" required />
                </div>
                @*<label class="col-sm-2 col-form-label">@Resource.IsIso14064Passed</label>
                <div class="col">
                    <select class="form-select"
                            disabled="disabled"
                            ng-model="fab.IsIso14064Passed"
                            ng-options="option.value as option.text for option in isoOptions"></select>
                </div>*@
            </div>

            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.FabAddress</label>
                <div class="col">
                    <input type="text" ng-disabled="true" ng-model="fab.Address" required />
                </div>
            </div>
        </div>

        <table-edit-modal display-option="fileImportModal" passed-form="editForm">
        </table-edit-modal>

        <div class="table_edit_wrap transition" ng-class="{show_table_edit: fileImportModal.show}">
            <div class="edit_form">
                <div>
                    <input id="importFile" type="file" file read-file="selectFile(file)" display-option="modalFormOption">
                    <button class="mt-2 mb-2 col-sm-2 survey_order_btn" style="float:unset" ng-click="import()" ng-show="hasFile">@Resource.StaticLabelImport</button>
                    <div style="white-space: pre">{{ importErrorMsg }}</div>
                </div>
                <div class="popout_cancel" ng-click="close()" style="top: 10px; right: 10px;">
                    <img ng-src="~/Browser_Local/img/header_image7_{{cancel_icon}}.png"
                         ng-init="cancel_icon = 1"
                         ng-mouseover="cancel_icon = 2"
                         ng-mouseleave="cancel_icon = 1" />
                </div>
            </div>

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