@model AMESCoreStudio.WebApi.Models.AMES.WorkingHoursCollection


@{ ViewData["Title"] = "WHS018U";
    Layout = "~/Views/Shared/_FormLayout.cshtml"; }
<style>
    .control-label {
        justify-content: flex-end !important;
    }
</style>
<div class="row">
    <div class="col-sm-12">
        <form enctype="multipart/form-data" method="post" asp-action="WHS018USave">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="TimeSheetID" />
            <input type="hidden" asp-for="CreateUserID" />
            <input type="hidden" asp-for="UpdateUserID" value="-1" />
            <input type="hidden" asp-for="CreateDate" />
            <input type="hidden" asp-for="UpdateDate" value="@System.DateTime.Now" />

            <div class="form-group form-inline my-sm-1">
                <label asp-for="UnitNo" class="control-label col-sm-3"></label>
                <select id="UnitNo" asp-for="UnitNo" asp-items="@ViewBag.FactoryUnit" class="custom-select col-sm-5">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="UnitNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="LineID" class="control-label col-sm-3"></label>
                <select id="LineID" asp-for="LineID" asp-items="@ViewBag.LineList" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="LineID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="StationID" class="control-label col-sm-3"></label>
                <select id="StationID" asp-for="StationID" asp-items="@ViewBag.StationList" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                    <option value="-1">N/A</option>
                </select>
                <span asp-validation-for="StationID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="Side" class="control-label col-sm-3"></label>
                <select id="Side" asp-for="Side" class="custom-select col-sm-9">
                    <option value="A面">A面</option>
                    <option value="B面">B面</option>
                </select>
                <span asp-validation-for="Side" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="WipNo" class="control-label col-sm-3"></label>
                <input asp-for="WipNo" class="form-control col-sm-6" />
                <span asp-validation-for="WipNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="ItemNo" class="control-label col-sm-3"></label>
                <input id="searchItemNo" asp-for="ItemNo" class="form-control col-sm-9" />
                <span asp-validation-for="ItemNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="OPCNT" class="control-label col-sm-3"></label>
                <input asp-for="OPCNT" class="form-control col-sm-9" />
                <span asp-validation-for="OPCNT" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="OpenTime" class="control-label col-sm-3"></label>
                <input asp-for="OpenTime" class="form-control col-sm-9" />
                <span asp-validation-for="OpenTime" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>

            <div class="form-group form-inline my-sm-1">
                <label asp-for="InputSensorID" class="control-label col-sm-3"></label>
                <select id="InputSensorID" asp-for="InputSensorID" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="InputSensorID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="OutputSensorID" class="control-label col-sm-3"></label>
                <select id="OutputSensorID" asp-for="OutputSensorID" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="StationID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="Memo" class="control-label col-sm-3"></label>
                <input asp-for="Memo" class="form-control col-sm-9" />
                <span asp-validation-for="Memo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <span style="color: firebrick;word-break: break-all;" class="text-danger offset-sm-3">@Html.ValidationMessage("error")</span>
            <div class="form-group">
                <input type="submit" value="儲存" class="btn btn-primary offset-sm-3" />
            </div>
        </form>
    </div>
</div>

@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");
        await Html.RenderPartialAsync("_FileinputScriptsPartial"); }

<script type="text/javascript">
    $(document).ready(function () {
        var error = '@Html.ValidationMessage("error")';
        if ($(error).text() != '') {
            parent.hg.msg(error);
        }
    });
    $('#searchItemNo').focus(function () {
        var data = $("#WipNo").val();
        if (data) {
            $.ajax({
                url: "/WHS/GetWipAtt",
                dataType: 'json',
                data: { id: data },
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (result.data) {
                        //console.info(result.data);//確認itemNO/modelNO
                        $("#searchItemNo").val(result.data.modelNO);
                    }
                    else {
                        alert("查無資料,請確認工單是否正確!");
                    }
                }
            });
        } else {
            alert("請填寫工單!");
        }

    });
    $('#countTime').click(function () {
        var data = "";
        var data1 = $("#StartTime").val();
        var data2 = $("#EndTime").val();
        console.log(data1 +"countTime" + data2);
        if (data1 && data2) {
            data = data1 + "%" + data2;
            $.ajax({
                url: "/WHS/GetCountTimes",
                dataType: 'json',
                data: { id: data},
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (result.data) {
                        $("#Time").val(result.data);
                    }
                    else {
                        alert(result.msg);
                        //alert("請確認時間區間填寫是否正確!");
                    }
                }
            });
        } else {
            alert("請填寫時間區間!");
        }

    });
    $("#UnitNo").change(function () {
        var data = $("#UnitNo").val();
        getLines(data);
        getStations(data);
        getStations2(data);
    });

    function getUserInfoes(data) {
        $.ajax({
            url: "/SYS/GetUserInfoes",
            dataType: 'json',
            contentType: "application/json",
            type: 'get',
            success: function (result) {
                if (result.data) {
                    $("#DecideUser").empty();
                    $('#DecideUser').append(new Option("請選擇", ""));
                    var count = 0;
                    $.each(result.data, function (index, item) {
                        if (item.deptID == data) {
                            $('#DecideUser').append(new Option(item.userName, item.userID));
                            count = count + 1;
                        }
                    });
                    if (count == 0) {
                        $("#DecideUser").empty();
                        $('#DecideUser').append(new Option("無選項", ""));
                    }
                }
                else {
                    $("#DecideUser").empty();
                    $('#DecideUser').append(new Option("無選項", ""));
                }
                layui.form.render("select");
            }
        });
    };
    function getLines(data) {
        $.ajax({
            url: "/BAS/GetLineInfoes",
            dataType: 'json',
            contentType: "application/json",
            type: 'get',
            success: function (result) {
                if (result.data) {
                    $("#LineID").empty();
                    $('#LineID').append(new Option("請選擇", ""));
                    var count = 0;
                    $.each(result.data, function (index, item) {
                        if (item.unitNo == data) {
                            $('#LineID').append(new Option(item.lineDesc, item.lineID));
                            count = count + 1;
                        }
                    });
                    if (count == 0) {
                        $("#LineID").empty();
                        $('#LineID').append(new Option("無選項", ""));
                    }
                }
                else {
                    $("#LineID").empty();
                    $('#LineID').append(new Option("無選項", ""));
                }
                layui.form.render("select");
            }
        });
    };
    function getStations(data) {
        $.ajax({
            url: "/BAS/GetStationses",
            dataType: 'json',
            contentType: "application/json",
            type: 'get',
            success: function (result) {
                if (result.data) {
                    $("#StationID").empty();
                    $('#StationID').append(new Option("請選擇", ""));
                    $('#StationID').append(new Option("N/A", "-1"));
                    var count = 0;
                    $.each(result.data, function (index, item) {
                        if (item.unitNo == data) {
                            $('#StationID').append(new Option(item.stationName, item.stationID));
                            count = count + 1;
                        }
                    });
                    if (count == 0) {
                        $("#StationID").empty();
                        $('#StationID').append(new Option("無選項", ""));
                    }
                }
                else {
                    $("#StationID").empty();
                    $('#StationID').append(new Option("無選項", ""));
                }
                layui.form.render("select");
            }
        });
    };
    function getStations2(data) {
        $.ajax({
            url: "/BAS/GetStationses",
            dataType: 'json',
            contentType: "application/json",
            type: 'get',
            success: function (result) {
                if (result.data) {
                    $("#InputSensorID").empty();
                    $('#InputSensorID').append(new Option("請選擇", ""));
                    $("#OutputSensorID").empty();
                    $('#OutputSensorID').append(new Option("請選擇", ""));
                    var count = 0;
                    $.each(result.data, function (index, item) {
                        if (item.unitNo == data) {
                            $('#InputSensorID').append(new Option(item.stationName, item.stationID));
                            $('#OutputSensorID').append(new Option(item.stationName, item.stationID));
                            count = count + 1;
                        }
                    });
                    if (count == 0) {
                        $("#InputSensorID").empty();
                        $('#InputSensorID').append(new Option("無選項", ""));
                        $("#OutputSensorID").empty();
                        $('#OutputSensorID').append(new Option("請選擇", ""));
                    }
                }
                else {
                    $("#InputSensorID").empty();
                    $('#InputSensorID').append(new Option("無選項", ""));
                    $("#OutputSensorID").empty();
                    $('#OutputSensorID').append(new Option("請選擇", ""));
                }
                layui.form.render("select");
            }
        });
    };

    layui.use(['laydate'], function () {
        //form = layui.form;
        laydate = layui.laydate;
        laydate.render({
            elem: '#StartTime'
            , trigger: 'click'
            , type: 'datetime'
            , format: 'yyyy-MM-dd HH:mm'
            , theme: 'grid'
        });
        laydate.render({
            elem: '#EndTime'
            , trigger: 'click'
            , type: 'datetime'
            , format: 'yyyy-MM-dd HH:mm'
            , theme: 'grid'
        });
    });
</script>


}