@model Neo.LegitimateLicences.Common.ViewModels.ResponsiveAppWorkflowModel

<div id="Quick-Sidebar" class="quick-sidebar">
    <a href="#" class="close-quick-sidebar">
        <i class="flaticon-cross"></i>
    </a>
    <div id="quickSidebarWrapper" class="quick-sidebar-wrapper">

    </div>
</div>

<script>
    var sidePaneOpen = false;

    function OpenSidepane(url) {
        var toggle = $('.quick-sidebar-toggler');
        if (!sidePaneOpen) {
            $('.quick-sidebar-toggler').removeClass('toggled');
            $('.quick-sidebar-overlay').remove();
            $("#quickSidebarWrapper").addClass("is-loading");
            $('html').addClass('quick_sidebar_open');
            toggle.addClass('toggled');
            $('<div class="quick-sidebar-overlay"></div>').insertAfter('.quick-sidebar');
        }
        else {
            $("#quickSidebarWrapper").empty();
            $("#quickSidebarWrapper").addClass("is-loading");
            sidePaneOpen = true;
        }

        $.ajax(url, {
            dataType: "html",
            cache: false,
            success: function (data, textStatus, jqXHR) {
                var target = "#quickSidebarWrapper";
                $(target).empty();
                $('<div style="left: 100%" id="' + "blankModalID" + '">' + data + '</div>').appendTo($(target));
            },
            complete: function (jqXHR, textStatus) {
                $("#quickSidebarWrapper").removeClass("is-loading");
            }
        });

    }

    $('.wrapper').mouseup(function (e) {
        var subject = $('.quick-sidebar');

        if (e.target.className != subject.attr('class') && !subject.has(e.target).length) {
            $('html').removeClass('quick_sidebar_open');
            $('.quick-sidebar-toggler').removeClass('toggled');
            $('.quick-sidebar-overlay').remove();
            sidePaneOpen = false;
        }
    });

    $(".close-quick-sidebar").on('click', function () {
        $('html').removeClass('quick_sidebar_open');
        $('.quick-sidebar-toggler').removeClass('toggled');
        $('.quick-sidebar-overlay').remove();
        sidePaneOpen = false;
    });
</script>