@using Resources
@model Qcarbon.ViewModels.DTO.RiskMaterialViewModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Lca/Views/Shared/_LcaRiskLayout.cshtml";
}

@* the detail modal form *@
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @Html.HiddenFor(x => x.cmd, new { @id = "cmd" })
    @Html.HiddenFor(x => x.singleRec.LCAID)
    <div class="survey_form container" style="padding: 0 16px;">
        <div class="add_survey_body">
            <div class="add_survey_header_title"></div>
            <div class="survey_info">
                <div class="title">
                    新增原物料
                </div>
                @if (!string.IsNullOrWhiteSpace(Model.successMsg))
                {
                    <div class="survey_content alert alert-success" role="alert">
                        @Model.successMsg
                    </div>
                }
                <div class="survey_content">
                    @Html.ValidationSummary(false, "", new { @class = "text-danger", style = "margin-left:15px;font-weight: bold;" })
                </div>
                <div class="survey_content">
                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.MaterialNo</label>
                        <div class="col col-sm-7">
                            @if (!Model.editing)
                            {
                                @Html.EditorFor(x => x.singleRec.MaterialNo, new { htmlAttributes = new { placeholder = Resource.RequiredMessage } })
                            }
                            else
                            {
                                @Html.EditorFor(x => x.singleRec.MaterialNo, new { htmlAttributes = new { placeholder = Resource.RequiredMessage, @readonly = "readonly" } })
                                @Html.HiddenFor(x=>x.singleRec.MaterialNo)
                            }
                            @*<input name="materialNo"
                                type="text"
                                placeholder="@Resource.RequiredMessage"
                                required
                                ng-model="selectRow.toBeEdit.MaterialNo">*@
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialName</label>
                        <div class="col col-sm-7">
                            @Html.EditorFor(x => x.singleRec.MaterialName, new { htmlAttributes = new { placeholder = Resource.RequiredMessage } })
                            @*<input type="text" ng-model="selectRow.toBeEdit.MaterialName" />*@
                        </div>
                        <div class="validation_block"></div>
                    </div>
                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialSpec (kg)</label>
                        <div class="col col-sm-7">
                            @Html.EditorFor(x => x.singleRec.MaterialSpec, new { htmlAttributes = new { onblur = "onVarChange()", placeholder = Resource.RequiredMessage, type = "number", step = "any" } })
                            @*<input name="materialSpec"
                                type="number" step="any"
                                max="{{CONSTANTS.MAXNUMVALUE}}"
                                placeholder="@Resource.RequiredMessage"
                                required
                                ng-model="selectRow.toBeEdit.MaterialSpec"
                                ng-change="calcActivityAndEmission(selectRow.toBeEdit)">*@
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialPCS</label>
                        <div class="col col-sm-7">
                            @Html.EditorFor(x => x.singleRec.AnnualPurchaseAmount, new { htmlAttributes = new { onblur = "onVarChange()", placeholder = Resource.RequiredMessage, type = "number", step = "any" } })
                            @*<input name="annualPurchaseAmount"
                                type="number" step="any"
                                placeholder="@Resource.RequiredMessage"
                                required
                                max="{{CONSTANTS.MAXNUMVALUE}}"
                                ng-model="selectRow.toBeEdit.AnnualPurchaseAmount"
                                ng-change="calcActivityAndEmission(selectRow.toBeEdit)">*@
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialScalar (@Resource.KgCO2e)</label>
                        <div class="col col-sm-7">
                            <div class="row">
                                @Html.EditorFor(x => x.singleRec.KgCO2e, new { htmlAttributes = new { onblur = "onVarChange()", placeholder = Resource.RequiredMessage, type = "number", step = "any" } })
                                <div class="header_image_button simapro-image-button" style="right:-40px"
                                     click="selectSimaproProcess(selectRow.toBeEdit)">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialActivity</label>
                        <div class="col col-sm-7">
                            <input value="@Model.singleRec.ActivityIntensity" readonly="readonly"/>
                            @*@Html.HiddenFor(x => x.singleRec.ActivityIntensity)
                            @Html.EditorFor(x => x.singleRec.ActivityIntensity, new { htmlAttributes = new { @readonly = "readonly" } })*@
                            @*<input name="activityIntensity"
                                type="number" step="any"
                                readonly="readonly"
                                ng-model="selectRow.toBeEdit.ActivityIntensity">*@
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialQty (@Resource.KgCO2e)</label>
                        <div class="col col-sm-7">
                            <input value="@Model.singleRec.Emission" readonly="readonly" />
                            @*@Html.HiddenFor(x=>x.singleRec.Emission)
                            @Html.EditorFor(x => x.singleRec.Emission, new { htmlAttributes = new { @readonly = "readonly" } })*@
                            @*<input name="emission"
                                type="number" step="any"
                                readonly="readonly"
                                ng-model="selectRow.toBeEdit.Emission">*@
                        </div>
                    </div>

                    @*<div class="row">
                            <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialAddressUnit</label>
                            <div class="col col-sm-7">
                                <input name="unit"
                                       type="text"
                                       required
                                       placeholder="@Resource.RequiredMessage"
                                       ng-model="selectRow.toBeEdit.Unit">
                            </div>
                        </div>*@

                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.RAMC3EMaterialActivityUnit</label>
                        <div class="col col-sm-7">
                            @Html.EditorFor(x => x.singleRec.Unit, new { htmlAttributes = new { placeholder = Resource.RequiredMessage } })
                            @*<input name="activityIntensityUnit"
                                type="text"
                                required
                                placeholder="@Resource.RequiredMessage"
                                ng-model="selectRow.toBeEdit.ActivityIntensityUnit">*@
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-sm-4 col-form-label">@Resource.RAIntlTravelRemark</label>
                        <div class="col col-sm-7">
                            @Html.EditorFor(x => x.singleRec.Comment)
                            @*<input type="text"
                                ng-model="selectRow.toBeEdit.Comment">*@
                        </div>
                    </div>

                    <div class="row">
                        <div class="survey_content">
                            <button class="header_button"
                                    type="button" onclick="$('#cmd').val('儲存');$('form').submit();">
                                @Resource.StaticLabelGlobal_Save
                            </button>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
}
<script>
    function onVarChange() {
        //console.log('onVarChange');
        $('#cmd').val('更新');
        $('form').submit();
    }
    //活動強度=採購數量(PCS)*物料規格

    //排放量=活動強度*係數

    //係數選擇icon
</script>