@model Fab2ApprovalSystem.Models.PartsRequest

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

<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" />            

            <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")

}

@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";

    }

</script>