@using ParcelWeb.Core
<div data-scroll-to-active="true" class="main-menu menu-fixed menu-dark menu-accordion menu-shadow">
    <!-- main menu header-->
    <!-- / main menu header-->
    <!-- main menu content-->
    <div class="main-menu-content">
        <ul id="main-menu-navigation" data-menu="menu-navigation" class="navigation navigation-main">
            <li id="dashboard1" class="nav-item @Html.IsActive("Dashboard", "Index")">
                <a href="@Url.Action("Index","Dashboard")"><i class="icon-home3"></i><span data-i18n="nav.Dashboard.Index.main" class="menu-title">Dashboard</span></a>
            </li>

            @if (User.IsInRole(StaticUserRoles.InternationalCustomer))
            {
                <li class=" navigation-header">
                    <span data-i18n="nav.category.pages">International</span><i data-toggle="tooltip" data-placement="right" data-original-title="Pages" class="icon-ellipsis icon-ellipsis"></i>
                </li>
                <li class="nav-item @Html.IsActive("PurchaseRequest", "Index")">
                    <a href="@Url.Action("Index","PurchaseRequest")"><i class="icon-cart-plus"></i><span class="">Purchase and Ship</span></a>
                </li>
                <li class="nav-item @Html.IsActive("Order", "Booking")">
                    <a href="@Url.Action("Booking","Order")"><i class="icon-plus2"></i><span data-i18n="nav.Shipments.Create.main" class="menu-title">Add Shipment</span></a>
                </li>

                <li class="nav-item @Html.IsActive("Order", "Index")">
                    <a href="@Url.Action("Index","Order")"><i class="icon-send-o"></i><span data-i18n="nav.Shipments.Create.main" class="menu-title">Shipments</span></a>
                </li>

                <li class="nav-item @Html.IsEditActive("Order", "Invoices") ">
                    <a href="@Url.Action("Invoices","Order")">
                        <i class=" icon-document-text"></i><span data-i18n="nav.color_palette.main" class="menu-title">Invoices</span>
                    </a>
                </li>

                <li class="nav-item @Html.IsActive("CalculateShipping", "Index","International")">
                    <a href="@Url.Action("Index", "CalculateShipping",new { type = "International"})"><i class="icon-calculator2"></i><span data-i18n="nav.color_palette.main" class="menu-title">Calculate Shipping</span></a>
                </li>
            }

            @if (User.IsInRole(StaticUserRoles.DomesticCustomer))
            {
                <li class=" navigation-header">
                    <span data-i18n="nav.category.pages">Domestic</span><i data-toggle="tooltip" data-placement="right" data-original-title="Pages" class="icon-ellipsis icon-ellipsis"></i>
                </li>
                <li class="nav-item @Html.IsEditActive("Order", "List") ">
                    <a href="@Url.Action("List", "Order")">
                        <i class="icon-box"></i><span data-i18n="nav.color_palette.main" class="menu-title">Orders</span>
                    </a>
                </li>
                <li class="nav-item @Html.IsEditActive("DomesticShipment", "Index") ">
                    <a href="@Url.Action("Index", "DomesticShipment")">
                        <i class="icon-location2"></i><span data-i18n="nav.color_palette.main" class="menu-title">Shipments</span>
                    </a>
                </li>
                <li class="nav-item @Html.IsActive("DomesticShipment", "Create")">
                    <a href="@Url.Action("Create","DomesticShipment")"><i class="icon-plus2"></i><span data-i18n="nav.Shipments.Create.main" class="menu-title">Add Order</span></a>
                </li>

                <li class="nav-item @Html.IsEditActive("Billing", "Index") ">
                    <a href="@Url.Action("Index","Billing")">
                        <i class=" icon-dollar"></i><span data-i18n="nav.color_palette.main" class="menu-title">Billing</span>
                    </a>
                </li>
            }
            <li class=" navigation-header">
                <span data-i18n="nav.category.pages">General</span><i data-toggle="tooltip" data-placement="right" data-original-title="Pages" class="icon-ellipsis icon-ellipsis"></i>
            </li>
            <li class="nav-item @Html.IsActive("Shipments", "Search")">
                <a href="@Url.Action("Search","Shipments")"><i class="icon-search7"></i><span data-i18n="nav.color_palette.main" class="menu-title">Track Shipment</span></a>
            </li>

            <li class="nav-item @Html.IsActive("AddressBook", "Index")">
                <a href="@Url.Action("Index","AddressBook")"><i class="icon-address-book"></i><span data-i18n="nav.color_palette.main" class="menu-title">Address Book</span></a>
            </li>

            <li class="nav-item @Html.IsActive("Settings", "Index")">
                <a href="@Url.Action("Index","Settings")"><i class="icon-setting1"></i><span data-i18n="nav.color_palette.main" class="menu-title">Settings</span></a>
            </li>

        </ul>
    </div>
    <!-- /main menu content-->
    <!-- main menu footer-->
    <div class="main-menu-footer footer-close">
        <div class="header text-xs-center"><a href="#" class="col-xs-12 footer-toggle"><i class="icon-ios-arrow-up"></i></a></div>
        <div class="content">
            <div class="insights">
                <div class="col-xs-12">
                    <p>Shipment Delivery</p>
                    <progress value="100" max="100" class="progress progress-xs progress-success">100%</progress>
                </div>

            </div>
            <div class="actions"><a href="javascript: void(0);" data-placement="top" data-toggle="tooltip" data-original-title="Settings"><span aria-hidden="true" class="icon-cog3"></span></a><a href="javascript: void(0);" data-placement="top" data-toggle="tooltip" data-original-title="Lock"><span aria-hidden="true" class="icon-lock4"></span></a><a href="javascript: void(0);" data-placement="top" data-toggle="tooltip" data-original-title="Logout"><span aria-hidden="true" class="icon-power3"></span></a></div>
        </div>
    </div>
    <!-- main menu footer-->
</div>