@model Pilotfish.Afx.ViewModels.WorkflowConsoleViewModelBase

@{
//Click event javascript can be found in scripts\afx\workflowactions.js
}
<div class="workflow-action-buttons">
    <input type="submit" value="Submit" data-bind="enable: ui.canSubmit, click: WorkflowSubmit" css-action="submit" class="css-approve-disabled" />
    <input type="submit" value="Approve" data-bind="enable: ui.canApproveReject, click: WorkflowApprove" css-action="approve" />
    <input type="submit" value="Reject" data-bind="enable: ui.canApproveReject, click: WorkflowReject" css-action="reject" />
    <input type="submit" value="Request Correction" data-bind="enable: ui.canRequestCorrection, click: WorkflowCorrect" css-action="correction" />
</div>

<div id="sendCorrectionDiv">
    <section class="field-container">
        <span>Are you sure you want to request correction?</span><br /><br />
        <hgroup col-display style="width: 100%">
            <label>Reason *:</label>
            <textarea id="sendCorrectionDiv-text" style="height: 100px; width: 100%"></textarea>
        </hgroup>
        <hgroup col-display style="width: 100%">
            <label>Step to send back to</label><br />
            <select id="sendCorrectionDiv-select" data-bind="options: CompletedWorkflowTasks, optionsText: 'WorkflowStepCompletedByDescription', optionsValue:'WorkflowTemplateStepID', optionsCaption: 'Choose...'"></select>
        </hgroup>
    </section>
</div>

<script language='javascript'>
$(document).ready(function () {
    $('#sendCorrectionDiv').dialog({
        autoOpen: false,
        modal: true,
        title: 'Workflow Action',
        width: 'auto',
        showClose: false, 
        buttons: [{
            text: "Ok",
            click: function () {
                var txtArea = $('#sendCorrectionDiv-text');
                var dropDown = $('#sendCorrectionDiv-select');

                if (txtArea.val() == '') {
                    alert('Reason is required');

                    return;
                }

                if (dropDown.val() == '') {
                    alert('Step to move to is required');
                    return;
                }

                var data = {
                    workflowInstanceTaskStatusID: 5, //request correction
                    requestCorrectionWorkflowTemplateStepID: dropDown.val(),
                    comments: txtArea.val()
                };

                app.dialogs.showLoading('Workflow Action', 'Requesting correction.');
                viewModel.WorkflowTaskAction("SubmitWorkflowTaskAction", data, null);

                $(this).dialog("close");
            }
        },
        {
            text: "Close",
            click: function () {
                $(this).dialog("close");
            }
        }],
        close: function () {
            $('#sendCorrectionDiv-text').val(null);
            $('#sendCorrectionDiv-select').val(null);
        }
    });
});
</script>