@{
    ViewBag.Title = "Menu";
}
<link href="~/Apps/tabletApp/menuapp.css" rel="stylesheet" />
<script src="~/Apps/TabletApp/globalvariables.js"></script>
<script src="~/Scripts/services.js"></script>
<script src="~/Apps/TabletApp/menu-v2.js"></script>
<script src="~/Apps/TabletApp/topNavigationSettings.js"></script>
<script src="~/Apps/TabletApp/bottomNavigationSettings.js"></script>
<script src="~/Apps/helpers.js"></script>
<div id="menu">
    <div data-bind="visible:!$root.IsLoading()" style="display:none;">
        <!--ko if:!$root.Authorize()-->
        @Html.Partial("_Login")
        <!--/ko-->
        <!--ko if: $root.Authorize()-->
        <div class="navbar" data-bind="visible:$root.CanViewByScroll()">
            @Html.Partial("_Header")
        </div>
        <div class="left-menu col-xs-12 col-sm-6 col-md-4" data-bind="visible:$root.AppMenuItems">
            @Html.Partial("_LeftMenu")
        </div>
        <div class="container">
            <div class="appBodyMargin"></div>
            @Html.Partial("_SearchBox")

            @Html.Partial("_Filters")

            <div data-bind="visible:$root.Navigation() == screens.masalar_screen">
                @Html.Partial("_Masalar")
            </div>
            <div data-bind="visible:$root.Navigation() == screens.transfer_screen">
                @Html.Partial("_Masalar")
            </div>
            <div data-bind="visible:$root.Navigation() == screens.appmode_screen">
                @Html.Partial("_Modes")
            </div>
            <div data-bind="visible:$root.Navigation() == screens.group_screen">
                @Html.Partial("_Menu")
            </div>
            <div data-bind="visible:$root.Navigation() ==screens.menu_screen">
                @Html.Partial("_MenuItems")
            </div>
            <div data-bind="visible:$root.Navigation() ==screens.detail_screen">
                @Html.Partial("_Product_Detail")
            </div>
            <div data-bind="visible:$root.Navigation() ==screens.edit_screen">
                @Html.Partial("_Edit_View")
            </div>
            <div data-bind="visible:$root.Navigation() ==screens.cart_screen" class="cart-view">
                @Html.Partial("_CartItems")
            </div>
            <div class="" data-bind="visible:$root.Navigation() ==screens.finish_screen">
                @Html.Partial("_Finish")
            </div>
            <div data-bind="visible:$root.Navigation() ==screens.adisyon_screen">
                @Html.Partial("_Adisyon_Screen")
            </div>
            <div data-bind="visible:$root.Navigation() ==screens.admin_screen">
                @Html.Partial("_Admin_Screen")
            </div>

            </div>
        <div class="" data-bind="visible:$root.CanViewByScroll()">
            @Html.Partial("_Bottom_Navigation")
        </div>
        <!--/ko-->

    </div>

    <div id="loader" data-bind="visible:$root.IsLoading()" style="display: flex;">
        <img src="~/Upload/icon/loading.gif" style="max-height:300px;max-width:300px" />
    </div>
    @Html.Partial("LoginPopup")
    @Html.Partial("_Parcali_Odeme_Form")

</div>
