@model Neo.LegitimateLicences.Common.ViewModels.ResponsiveAppWorkflowTaskActionModel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Mvc

@{
    Layout = "~/Views/Shared/_LayoutBlank.cshtml";
}

<script type="text/javascript">
    function ViewModelSubmit() { }

    $.extend(ViewModelSubmit.prototype,
    {
        WorkflowInstanceTaskID: ko.observable('@Html.Raw(Model.WorkflowInstanceTaskID)'),
        IsComplete: ko.observable('@Html.Raw(Model.IsComplete)'),
        ItemID: ko.observable('@Html.Raw(Model.ItemID)'),
        WorkflowID: ko.observable('@Html.Raw(Model.WorkflowID)'),
        CanApproveReject: ko.observable(@Model.CanApproveReject.ToString().ToLower()),
        itemID: ko.observable(@Model.ItemID),
        CompletedWorkflowTasks: ko.observable(),
        comments: ko.observable(''),
        showValidationMessage: ko.observable(false),

        RejectButtonClick: function () {
            var self = this;

            if (!self.comments()) {
                self.showValidationMessage(true);
                return;
            }
            self.showValidationMessage(false);

            var data =
            {
                workflowInstanceTaskID: self.WorkflowInstanceTaskID(),
                workflowInstanceTaskStatusID: 3, //Rejected
                requestCorrectionWorkflowTemplateStepID: -1,
                comments: self.comments()
            };

            dialogViewModel.WorkflowTaskAction("SubmitWorkflowTaskAction", data, 'Task Rejected');

        },

        WorkflowTaskAction: function (action, data, alertText) {
            var self = dialogViewModel;
            var url = app.serviceUrl + "WorkflowService.svc/" + action;

            $('#submitButton').addClass("is-loading");
            $('#submitButton').prop('disabled', true);

            app.dataManager.postUrl(url, data,
                function (result) {
                    if (result.length == 2) {
                        window.location.href = "/";

                    } else {
                        alert();

                    }
                },
                function (errorObj, errorStatus, errorText) {
                    alert(errorText);
                });
        }
    });
</script>


<div id="approveDiv" class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">@ViewBag.Title</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Enter a reason below and click 'Reject Request' to <span style="color:darkred;">reject</span> the application</label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Reason : *</label><label id="valid" data-bind="visible:showValidationMessage;" style="color:darkred !important;padding-left:5px !important;visibility:hidden;"> Required</label>
                        <textarea id="comments" type="text" data-bind="value: comments" rows="5" style="width: 95%" class="form-control"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            @if (Model.CanApproveReject)
            {
                <button id="submitButton" class="btn btn-primary" onclick="dialogViewModel.RejectButtonClick()" data-bind="enable: CanApproveReject()">Reject Request</button>
            }
        </div>
    </div>
</div>


<script type="text/javascript">
    var dialogViewModel = new ViewModelSubmit();

    $().ready(function () {
        var mainDiv = $("#approveDiv");

        ko.cleanNode(mainDiv[0]);
        ko.applyBindings(dialogViewModel, mainDiv[0]);
        $("#valid").css("visibility", "visible");
    });
</script>