@model Fab2ApprovalSystem.Models.PartsRequest

@{
    ViewBag.Title = "Parts Request - Approval";
}

<style>
    table {
        border-spacing: 5px;
        padding: 5px;
        border-color: white;
        border-color: white;
        vertical-align: top;
    }

    .k-header .k-link {
        text-align: center;
        vertical-align: top;
    }

    .k-grid-edit-row input {
        width: 100%;
    }

    .k-grid .k-grid-header .k-header .k-link {
        height: auto;
    }

    .k-grid .k-grid-header .k-header {
        white-space: normal;
    }

    .k-grid .k-edit-cell input {
        width: 100%;
    }
</style>

<link rel="stylesheet" href="/Content/kendo/kendo.blueopal.min.css" />
<link rel="stylesheet" href="~/Content/kendogridcustom.css" />

@using (Html.BeginForm())
{
    <input type="hidden" id="currentStep" value="@Model.CurrentStep" />

    <div>
        <div class="panel panel-default center-block" data-spy="affix">
            <input type="button" value="Back to List" class="btn btn-primary btn-xs" id="PRList" />            

            @if (Convert.ToBoolean(ViewBag.IsApprover))
            {
                <input type="button" value="Approve" class="btn btn-success btn-xs" id="ApproveDocument" />

                if (Convert.ToBoolean(ViewBag.AllowReject))
                {
                    <input type="button" value="Reject" class="btn btn-warning btn-xs" id="RejectDocument" />
                }
            }

            <input type="button" value="Approval Log History" class="btn btn-primary btn-xs" id="ApprovalLogHistoryData" />
        </div>
    </div>
    <div class="panel panel-default center-block" style="font-size: 10px">
        <div class="panel-body bg-warning">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <font style="color: crimson; font-size:24px;font-weight: bolder">
                        New/Repair Spare Parts Request
                    </font>
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default" style="font-size: 10px">
        <div class="panel-body bg-warning">
            <div class="form-horizontal row">
                <div class="form-group col-sm-4">
                    <div class="col-xs-4">
                        <label for="txtPRNumber" class="control-label pull-right">Request #:</label>
                    </div>
                    <div class="col-xs-8">
                        @Html.TextBoxFor(model => model.PRNumber, @Functions.ReturnPartsRequestNoStringFormat(@Model.PRNumber),
                            new { id = "txtPRNumber", @class = "k-textbox form-control", Readonly = "Readonly", style = "background-color:lightblue" })                    
                    </div>
                </div>      
                <div class="form-group col-sm-8">
                    <div class="col-xs-4">
                        <label for="txtTitle" class="control-label pull-right">Title:</label>
                    </div>
                    <div class="col-xs-8">
                        @Html.TextBoxFor(model => model.Title, new { id = "txtTitle", @class = "k-textbox form-control", Readonly = "Readonly" })
                    </div>
                </div>
            </div>
            <div class="form-horizontal row">
                <div class="form-group col-sm-4">
                    <div class="col-xs-4">
                        <label class="control-label pull-right">Submit Date:</label>
                    </div>
                    <div class="col-xs-8">
                        @Html.TextBoxFor(model => model.SubmitDate, "{0:MM/dd/yyyy}", new { id = "txSubmitDate", @class = "k-textbox", disabled = "disabled", style = "background-color:lightblue" })
                    </div>
                </div>
                <div class="form-group col-sm-8">
                    <div class="col-xs-4">
                        <label class="control-label pull-right">Tech Lead:</label>
                    </div>
                    <div class="col-xs-8">
                        @(Html.Kendo().DropDownList()
                            .Name("TechLeadID")
                            .BindTo(new SelectList(ViewBag.UserList, "UserID", "FullName"))
                            .OptionLabel("Select")
                            .Value(Model.TechLeadID.ToString())
                            .HtmlAttributes(new { disabled = "disabled" })
                        )
                    </div>
                </div>
            </div>
            <div class="form-horizontal row">
                <div class="form-group col-sm-4">
                    <div class="col-xs-4">
                        <label class="control-label pull-right">Originator:</label>
                    </div>
                    <div class="col-xs-8">
                        @(Html.Kendo().DropDownList()
                            .Name("OriginatorID")
                            .BindTo(new SelectList(ViewBag.UserList, "UserID", "FullName"))
                            .Value(Model.OriginatorID.ToString())
                            .HtmlAttributes(new { disabled = "disabled" })
                        )
                    </div>
                </div>
                <div class="form-group col-sm-8">
                    <div class="col-xs-4">
                        <label class="control-label pull-right">Requestor:</label>
                    </div>
                    <div class="col-xs-8">
                        @(Html.Kendo().DropDownList()
                            .Name("RequestorID")
                            .BindTo(new SelectList(ViewBag.UserList, "UserID", "FullName"))
                            .OptionLabel("Select")
                            .Value(Model.RequestorID.ToString())
                            .HtmlAttributes(new { disabled = "disabled" })
                        )
                    </div>
                </div>
            </div>
            <div class="form-horizontal row">
                <div class="form-group col-sm-4">
                    <div class="col-xs-4">
                        <label class="control-label pull-right">Status:</label>
                    </div>
                    <div class="col-xs-8">
                        @Html.TextBoxFor(model => model.Status, new { id = "txtStatus", @class = "k-textbox", Readonly = "Readonly", style = "background-color:lightblue" })                    
                    </div>
                </div>
           </div>
        </div>
    </div>

    <div class="panel panel-default" style="font-size: 10px">
        <div class="panel-body bg-warning">
            <div class="form-group">
                <label class="control-label">Attached Documents:</label>
                <div>

                    @(Html.Kendo().Grid<Fab2ApprovalSystem.Models.PartsRequestAttachmentList>()
                        .Name("Attachments")
                        .Columns(columns =>
                        {
                            columns.Bound(a => a.AttachmentID).Visible(false);
                            columns.Bound(a => a.PRNumber).Visible(false);
                            columns.Bound(a => a.FileName).Template(@<text> @Html.ActionLink(@item.FileName.ToString(), null)</text>);
                            columns.Bound(a => a.FullName);
                            columns.Bound(a => a.UploadDate).Format("{0:MM/dd/yy hh:mm:ss}");
                            columns.Command(command => command.Custom("View").Click("DownloadAttachment"));
                        })
                        .Sortable()
                        .Scrollable()
                        .HtmlAttributes(new { style = "height:100px; width:100%; font-size: 10px" })
                        .DataSource(dataSource => dataSource
                            .Ajax()
                            .ServerOperation(false)
                            .Events(events => events.Error("ErrorHandler"))
                            .Model(model =>
                            {
                                model.Id(p => p.AttachmentID);
                            })
                            .PageSize(50)
                            .Read(read => read.Action("Attachment_Read", "PartsRequest", new { PRNumber = Model.PRNumber }))
                            )
                    )
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default" style="font-size: 10px">
        <div class="panel-info" style="font-size: 11px">
            <div class="panel-heading">
                <h5 style="font-weight:600">Description</h5>
            </div>
        </div>
        <div class="panel-body bg-warning">
            <div class="form-horizontal col-sm-12">
                @Html.TextAreaFor(model => model.Description, 10, 60, new {
                    id = "txtDescription",
                    @class = "form-control",
                    style = "font-size: 11px;width: 100%;",
                    disabled = "disabled" })
            </div>
        </div>
    </div>

    @Html.Partial("_ApproversListPartial")

}

<div class="modal fade" id="ApprovalComments" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Enter Approval Comments:</h4>
            </div>
            <div class="modal-body">
                <textarea class="form-control" rows="3" id="approvalComments"></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="submitApprovalComments">Confirm Approval</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="RejectComments" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Enter Reject Comments:</h4>
            </div>
            <div class="modal-body">
                <textarea class="form-control" rows="3" id="rejectComments"></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="submitRejectComments">Confirm Reject</button>
            </div>
        </div>
    </div>
</div>

@Html.Partial("_ApprovalLogPartial")

<script type="text/javascript">

    $("#PRList").on('click', function () {
        var url = '@Url.Action("PartsRequestList", "Home")';
        window.location = url;
    });

    function ReloadUI() {
        var url = '@Url.Action("EditApproval", "PartsRequest", new { issueID = "__id__" })';
        url = url.replace('amp;', '');
        window.location.href = url.replace('__id__', GetPRNumber());
    }

    function GetPRNumber() {
        return $('#txtPRNumber').val().substr(2);
    }

    function ErrorHandler(e) {
        if (e.errors) {
            var message = "Errors:\n";
            $.each(e.errors, function (key, value) {
                if ('errors' in value) {
                    $.each(value.errors, function () {
                        message += this + "\n";
                    });
                }
            });
            alert(message);
        }
    }

    function DownloadAttachment(e) {

        e.preventDefault();

        var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
        var fileName = dataItem.FileName;
        var attachmentID = dataItem.AttachmentID;

        window.location = '/PartsRequest/DownloadFile?attachmentID=' + attachmentID + '&prNumber=' + "@Model.PRNumber";

    }

    $('#ApproveDocument').on('click', function () {

        $('#submitApprovalComments').attr("disabled", false);
        $("#ApprovalComments").modal('show');

        return false;

    });

    $('#submitApprovalComments').on('click', function () {

        $('#submitApprovalComments').attr("disabled", true);

        $.ajax({
            url: "/PartsRequest/Approve",
            type: "POST",
            datatype: "json",
            data: {
                prNumber: GetPRNumber(),
                currentStep: $("#currentStep").val(),
                comments: $("#approvalComments").val(),
            },
            success: function (data) {
                $("#ApprovalComments").modal('hide');
                if (data != "OK") {
                    alert(data);
                } 
                ReloadUI();
            },
            error: function (xhr, ajaxOptions, thrownError) {
                $('#submitApprovalComments').attr("disabled", false);
                DisplayAPIError("Approval.  Please approve the document again.", xhr);
            }
        });
    });

    $('#RejectDocument').on('click', function () {        
        $('#RejectDocument').attr("disabled", false);
        $("#RejectComments").modal('show');
        return false;
    });

    $('#submitRejectComments').on('click', function () {
        $('#RejectDocument').attr("disabled", true);

        $.ajax({
            url: "/PartsRequest/Reject",
            type: "POST",
            datatype: "json",
            data: {
                prNumber: GetPRNumber(),
                currentStep: $("#currentStep").val(),
                comments: $("#rejectComments").val(),                
            },
            success: function (data) {
                $("#RejectComments").modal('hide');
                if (data != "OK") {
                    alert(data);
                } 
                ReloadUI();
            },
            error: function (xhr, ajaxOptions, thrownError) {
                $('#submitRejectComments').attr("disabled", false);
                DisplayAPIError("Reject.  Please reject the document again.", xhr);
            }
        });
    });

</script>