@using Weee.ViewModels
@using Resources

@model LCARequestAnonymousReplyViewModel

@section PageStyles {
    @Styles.Render("~/account/css")
    @Styles.Render("~/bootstrap/css")
    <link type="text/css" rel="stylesheet" href="~/Browser_Local/css/home.css" />
    <link type="text/css" rel="stylesheet" href="~/Browser_Local/css/html5-doctor-reset-stylesheet.css" />
}

@section PageScripts
{
    @Scripts.Render("~/jQuery")
    @Scripts.Render("~/bootstrap")
}
@{
    Layout = "~/Views/Shared/_LayoutRegister.cshtml";
    ViewBag.Title = Resource.Register;
}
@*<div class="home_wrap">
        <div class="home_body_wrap">
            <div class="body">
                <div class="home_logo_wrap">
                    <div class="home_logo">
                        <img src="~/Browser_Local/img/home_logo.png" />
                    </div>
                </div>
            </div>
        </div>
    </div>*@
<style>
    .form-group .required .control-label:after {
        content: "*";
        color: red;
    }

    .registerMain {
        width: calc(100% - 86px);
        margin: 0 auto;
        background-color: #fff;
    }
</style>

<div class="registerMain">
    <div style="width: 60%;min-width:702px;margin: 0 auto; padding: 80px 0 58px 0;">

        @*<h2>@Resource.AnonymousReply</h2>*@

        <h4 style="font-size: 20px; border-bottom: 1px solid #CCCFD3; padding-bottom: 16px; margin-bottom: 32px">
            @Resource.AnonymousReply
        </h4>

        <div class="form-horizontal">
            @using (Html.BeginForm("AnonymousReply", "LCARequest", FormMethod.Post, new { enctype = "multipart/form-data" }))
            {
                @Html.AntiForgeryToken()
                @Html.ValidationSummary(true)
                <div class="form-group">
                    @Html.LabelFor(model => model.SenderCompanyName, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Model.SenderCompanyName
                    </div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(model => model.SenderName, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Model.SenderName
                    </div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(model => model.MaterialName, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Model.MaterialName
                    </div>
                </div>

                @*<div class="form-group">
                @Html.LabelFor(model => model.Distribute, new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    <div class="form-control">@Model.Distribute</div>
                </div>
            </div>*@

                <div class="form-group">
                    <label class="control-label col-md-4">@Resource.LCAReplyMode</label>
                    <div class="col-md-5">
                        @Html.DropDownListFor(model => model.replyMode, new List<SelectListItem>(){
                            new SelectListItem{ Text=Resource.CertifiedCarbonReport, Value="3"},
                            new SelectListItem{ Text=Resource.SalesProportion, Value="4"},
                        }, new { @class = "form-control", id = "replymode", disabled="disabled" })
                        @*<select id="replymode" class="form-control">
                        <option value="3">經第三方查證的碳足跡研究報告 </option>
                        <option value="4">經濟分配 </option>
                    </select>*@
                    </div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(model => model.KgCO2e, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.EditorFor(model => model.KgCO2e, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.KgCO2e, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(model => model.KgCO2eUnit, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        <select name="KgCO2eUnit" id="KgCO2eUnit" class="form-control">
                            <option value="kg">kg</option>
                            <option value="t">t</option>
                            <option value="g">g</option>
                            <option value="mg">mg</option>
                        </select>
                        @*@Html.EditorFor(model => model.KgCO2eUnit, new { htmlAttributes = new { @class = "form-control" } })*@
                        @Html.ValidationMessageFor(model => model.KgCO2eUnit, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(model => model.FunctionUnit, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.EditorFor(model => model.FunctionUnit, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.FunctionUnit, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(model => model.WeightPerFunctionUnit, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.EditorFor(model => model.WeightPerFunctionUnit, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.WeightPerFunctionUnit, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(model => model.uploadReportFile, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.TextBoxFor(model => model.uploadReportFile, null, new { type = "file", @class = "input-file" })
                        @*<input type="file" id="ReferenceFile" name="ReferenceFile" class="form-control" />*@
                        @Html.ValidationMessageFor(model => model.uploadReportFile, "", new { @class = "text-danger" })
                    </div>
                </div>
                @Html.HiddenFor(model => model.ReportFile)
                @Html.HiddenFor(model => model.ReferenceFile)
                <div class="form-group">
                    @Html.LabelFor(model => model.uploadReferenceFile, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.TextBoxFor(model => model.uploadReferenceFile, null, new { type = "file", @class = "input-file" })
                        @*<input type="file" id="ReferenceFile" name="ReferenceFile" class="form-control" />*@
                        @Html.ValidationMessageFor(model => model.uploadReferenceFile, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group replymode4">
                    @Html.LabelFor(model => model.tCO2e, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.EditorFor(model => model.tCO2e, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.tCO2e, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group replymode4">
                    @Html.LabelFor(model => model.YearlyRevenue, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.EditorFor(model => model.YearlyRevenue, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.YearlyRevenue, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group replymode4">
                    @Html.LabelFor(model => model.TotalAmount, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.EditorFor(model => model.TotalAmount, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.TotalAmount, "", new { @class = "text-danger" })
                    </div>
                </div>

                <div class="form-group replymode4">
                    @Html.LabelFor(model => model.TotalQuantity, new { @class = "control-label col-md-4" })
                    <div class="col-md-5">
                        @Html.EditorFor(model => model.TotalQuantity, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.TotalQuantity, "", new { @class = "text-danger" })
                    </div>
                </div>
                <div class="form-group">
                    <div class=" col-md-10" style="text-align: center;">
                        <input type="submit" class="btn btn-default" value="@Resource.StaticLabelGlobal_Confirm" />
                    </div>
                </div>
            }
        </div>
    </div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


@Scripts.Render("~/jQuery")
<script>
    $("#replymode").change(function () {
        if ($(this).val() == "3") {
            $(".replymode3").show();
            $(".replymode4").hide();
            $(".replymode4").each(function () {
                $(this).find("input").val("");
            });
        }
        else {
            $(".replymode3").hide();
            $(".replymode4").show();
            $(".replymode3").each(function () {
                $(this).find("input").val("");
            });
        }
    })
    $("form").submit(function (event) {
        $("#EcoResult").val($("#tCO2e").val() * $("#TotalAmount").val() / $("#YearlyRevenue").val());
    });

    if ($("#replymode").val() == "3") {
        $(".replymode3").show();
        $(".replymode4").hide();
        $(".replymode4").each(function () {
            $(this).find("input").val("");
        });
    }
    else {
        $(".replymode3").hide();
        $(".replymode4").show();
        $(".replymode3").each(function () {
            $(this).find("input").val("");
        });
    }
</script>
@Styles.Render("~/bootstrap/css")