<script>
        function hideMe(requestId) {
        $('#' + requestId + 'warn').hide();
        $('#' + requestId + 'approve').show();
        $('#' + requestId + 'cancel').show();
        $('#' + requestId + 'pendApprove').show();
        $('#' + requestId + 'pendApprove').next().show();
        $('#' + requestId + 'pendWarn').hide();
    };

            function approveRequest(event, requestId, inform) {
            event.preventDefault();
            if (inform == 1) {
                $('#' + requestId + 'warn').show();
                $('#' + requestId + 'approve').hide();
                $('#' + requestId + 'cancel').hide();
            }
            else if (inform == 2) {
                $('#' + requestId + 'pendApprove').hide();
                $('#' + requestId + 'pendApprove').next().hide();
                $('#' + requestId + 'pendWarn').show();
            }
     }
</script>

<span class="pending" title="@request.ToolTipComment">@request.LastName, @request.FirstName (@request.PtoType)</span>
                                <a href="#" id="@(request.RequestId)approve"onclick="approveRequest(event, @request.RequestId, 1)" class="approveButton"><span>&#10004;</span></a>
                                <a href="#" id="@(request.RequestId)cancel" class="denyButton">X</a>
                                <textarea class="cancelText" id="@(request.RequestId)month" style="width: 180px; height:60px;"></textarea>
                                <a href="#" class="cancel" onclick="cancelRequest(event, @request.RequestId)">Send Rejection</a>
                                <a href="#" class="doNotCancel">Cancel Rejection</a>
                                <div id="@(request.RequestId)warn" class="alert alert-warning maxWarning">
                                    <a href="#" onclick="approveRequest(event, @request.RequestId, 0)" class="continueSubmit">continue</a>
                                    <a href="#" class="close" onclick="hideMe(@request.RequestId)" aria-label="close">&times;</a>
                                    <strong>Warning!</strong> Hours requested are more than available hours.
                                </div>