@model Neo.LegitimateLicences.Common.ViewModels.ResponsiveAppWorkflowModel
@using Neo.LegitimateLicences.Common.Helpers

<div id="Actionbar" class="sidebar closed">

    <div class="scroll-wrapper sidebar-wrapper scrollbar scrollbar-inner" style="position: relative;">
        <div class="sidebar-wrapper scrollbar scrollbar-inner scroll-content" style="height: 927px; margin-bottom: 0px; margin-right: 0px; max-height: none;">
            <div class="sidebar-content">

                @*<div class="nav-toggle pull-right">
                        <button id="toggle-Actionbar" class="btn btn-toggle toggle-sidebar toggle-actionbar">
                            <i class="fas fa-tasks"></i>
                        </button>
                        <button class="topbar-toggler more"><i class="icon-options-vertical"></i></button>
                    </div>*@

                <!-- NAV -->
                <ul class="nav nav-primary">

                    @if (Model.Ui.canSubmit)
                    {
                        <li class="nav-item">
                            <a href="#" data-toggle="modal" data-target="#blankModal" data-title="Submit the request" data-url="/Afx/Submit?entityID=@WebHelper.EntityID&itemID=@WebHelper.ItemID">
                                <i class="fas fa-check"></i>
                                <p>
                                    Submit the request
                                </p>
                            </a>
                        </li>
                    }

                    @if (Model.Ui.canEscalate)
                    {
                        <li class="nav-item">
                            <a href="#" data-toggle="modal" data-target="#blankModal" data-title="Escalate the request" data-url="/Afx/Escalate?entityID=@WebHelper.EntityID&itemID=@WebHelper.ItemID">
                                <i class="fas fa-share"></i>
                                <p>
                                    Escalate the request
                                </p>
                            </a>
                        </li>
                    }

                    @if (Model.Ui.canSendEscalationBack)
                    {
                        <li class="nav-item">
                            <a href="#" data-toggle="modal" data-target="#blankModal" data-title="Return the request" data-url="/Afx/ReturnEscalation?entityID=@WebHelper.EntityID&itemID=@WebHelper.ItemID">
                                <i class="fas fa-share fa-flip-horizontal"></i>
                                <p>
                                    Return escalation
                                </p>
                            </a>
                        </li>
                    }

                    @if (Model.Ui.canApproveReject)
                    {
                        <li class="nav-item">
                            <a href="#" data-toggle="modal" data-target="#blankModal" data-title="Approve the request" data-url="/Afx/Approve?entityID=@WebHelper.EntityID&itemID=@WebHelper.ItemID">
                                <i class="fas fa-check"></i>
                                <p>
                                    Approve the request
                                </p>
                            </a>
                        </li>

                        <li class="nav-item">
                            <a href="#" data-toggle="modal" data-target="#blankModal" data-title="Reject the request" data-url="/Afx/Reject?entityID=@WebHelper.EntityID&itemID=@WebHelper.ItemID">
                                <i class="fas fa-times"></i>
                                <p>
                                    Reject the request
                                </p>
                            </a>
                        </li>
                    }

                    @if (Model.Ui.canRequestCorrection)
                    {
                        <li class="nav-item">
                            <a href="#" data-toggle="modal" data-target="#blankModal" data-title="Request a change" data-url="/Afx/RequestChange?entityID=@WebHelper.EntityID&itemID=@WebHelper.ItemID">
                                <i class="fas fa-redo-alt"></i>
                                <p>
                                    Request a change
                                </p>
                            </a>
                        </li>
                    }

                    @if (Model.Ui.canDelete)
                    {
                        <li class="nav-item">
                            <a href="#" data-toggle="modal" data-target="#blankModal" data-title="Cancel the request" data-url="/Afx/Cancel?entityID=@WebHelper.EntityID&itemID=@WebHelper.ItemID">
                                <i class="fas fa-ban"></i>
                                <p>
                                    Cancel the request
                                </p>
                            </a>
                        </li>
                    }
                </ul>

                <!-- /nav -->
            </div><!-- / sidebar-content -->
        </div>
        <div class="scroll-element scroll-x" style="">
            <div class="scroll-element_outer">
                <div class="scroll-element_size"></div>
                <div class="scroll-element_track"></div>
                <div class="scroll-bar ui-draggable ui-draggable-handle" style="width: 100px; left: 0px;">
                </div>
            </div>
        </div>
        <div class="scroll-element scroll-y" style="">
            <div class="scroll-element_outer">
                <div class="scroll-element_size"></div>
                <div class="scroll-element_track"></div>
                <div class="scroll-bar ui-draggable ui-draggable-handle" style="height: 100px;"></div>
            </div>
        </div>
    </div>
</div>


@*<script>
    $('#saveButton').on('click', function (event) {
        event.preventDefault();
        Save();
    });

    function Save() {
        alert('saving...');
    }
    </script>*@