@using Leica.Spider.BusinessCenter.Frontend.Utils
@{
    ViewBag.Title = Lang.Raw("IDS_CUSTOM_MENU_ENTRIES_HEADING");
    var currentUserRole = Session.UserPrivileges;
}

@section scripts {
    @Scripts.Render("~/Scripts/Admin/CustomMenu/Index")
}

<script>
    var displayEnum = {
        None: 0,
        Footer: 1,
        SideNavigation: 2
    };

    Handlebars.registerHelper('getDisplayType',
        function (displayType) {
            var label = "";
            if ((displayType & displayEnum.Footer) === displayEnum.Footer) {
                label += @Lang.JsString("IDS_CUSTOM_MENU_ENTRIES_FOOTER_LABEL") + "<br/>";
            }
            if ((displayType & displayEnum.SideNavigation) === displayEnum.SideNavigation) {
                label += @Lang.JsString("IDS_CUSTOM_MENU_ENTRIES_SIDE_NABIGATION_LABEL");
            }
            return new Handlebars.SafeString(label);
        });

    Handlebars.registerHelper('getStatusText',
        function (status) {
            switch (status) {
                case 1:
                    return @Lang.JsString("IDS_CUSTOM_MENU_ENTRIES_STATUS_PUBLISHED_TOOLTIP");
                case 2:
                    return @Lang.JsString("IDS_CUSTOM_MENU_ENTRIES_STATUS_HIDDEN_TOOLTIP");
            }
            return '';
        });

    Handlebars.registerHelper('getStatusIcon',
        function (status) {
            switch (status) {
                case 1:
                    return "icon-eye";
                case 2:
                    return "icon-eye-blocked";
            }
            return '';
        });
</script>

<datatable id="customMenuTable"
           source="@Url.Action("List")"
           default-sort-index="0"
           default-sort-order="asc"
           id-field="Id"
           mode="@DataTableMode.None"
           hide-index="true"
           edit-url-template="@(!Session.CanEditCustomMenu(Application) ? null : Url.Action("Edit", "CustomMenu", new
                              {
                                  id = DataTableTagHelper.IdPlaceholder
                              }))"
           view-url-template="@(Session.CanEditCustomMenu(Application) ? null : Url.Action("View", "CustomMenu", new
                              {
                                  id = DataTableTagHelper.IdPlaceholder
                              }))"
           delete-url-template="@(!Session.CanDeleteCustomMenu(Application) ? null : Url.Action("Delete", "CustomMenu"))">

    @if (Session.CanAddCustomMenu(Application))
    {
        <datatable-button url="@Url.Action("Add")"
                          icon="icon-plus2"
                          tooltip="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_ADD_ENTRY_TOOLTIP")" />
    }

    <datatable-column field="SortId"
                      sortable="true"
                      header="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_ORDER_NUMBER_LABEL")">
        {{SortId}}
    </datatable-column>

    <datatable-column field="Status"
                      sortable="true"
                      header="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_STATUS_PUBLISHED_TOOLTIP")">
        <div class="tooltip icon status {{getStatusIcon Status}}">
            <span>{{getStatusText Status}}</span>
        </div>
    </datatable-column>

    <datatable-column field="Label"
                      sortable="true"
                      header="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_LABEL")"
                      class ="displayName">
        <div class="overflowText">{{Label}}</div>
    </datatable-column>

    <datatable-column field="Url"
                      sortable="true"
                      header="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_URL_LABEL")">
        <a href="{{Url}}" target="_blank">{{Url}}</a>
    </datatable-column>

    <datatable-column field="DisplayType"
                      sortable="true"
                      header="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_APPEARANCE_LABEL")">
        {{getDisplayType DisplayType}}
    </datatable-column>

    @if (Session.CanEditCustomMenu(Application))
    {
        <datatable-column class="actionColumn">
            <a class="icon icon-menu10 commandIcon moveup"
               data-toggle="tooltip"
               data-container="body"
               href="#"
               title="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_MOVE_UP_TOOLTIP")">
            </a>
        </datatable-column>

        <datatable-column class="actionColumn">
            <a class="icon icon-menu9 commandIcon movedown"
               data-toggle="tooltip"
               data-container="body"
               href="#"
               title="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_MOVE_DOWN_TOOLTIP")">
            </a>
        </datatable-column>
    }
</datatable>

<script>
    var userRole = '@currentUserRole';
    var Localisation_Delete_Dialog_Header = @Lang.JsString("IDS_DELETE_DIALOG_HEADER");
    var Localisation_Delete_Dialog_Confirmation = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE");
    var Localization_Deleted = @Lang.JsString("IDS_CUSTOM_MENU_ENTRIES_DELETE_SUCCESS");
    var Localization_Delete_Error = @Lang.JsString("IDS_CUSTOM_MENU_ENTRIES_DELETE_ERROR");
    var Localization_Menu_Move_Error = @Lang.JsString("IDS_CUSTOM_MENU_ENTRIES_MOVE_ERROR");
    var Localization_Menu_Move_OK = @Lang.JsString("IDS_CUSTOM_MENU_ENTRIES_MOVE_OK");
</script>