@using Leica.Spider.BusinessCenter.Frontend.Utils
@{
    ViewBag.Title = Lang.Raw("IDS_MENU_ITEM_MOBILESITES");
    int maxPagesLimit = ViewBag.MaxPagesLimit;
}

@section styles {
    @Styles.Render("~/Styles/Admin/MobileSites/Index")
}

@section scripts {
    @Scripts.Render("~/Scripts/Admin/MobileSites/Index")
}
<script>
    Handlebars.registerHelper('getImage',
        function (url) {
            return new Handlebars.SafeString('<img class="sortable-handler" alt="" src="' + url + '">');
        });
</script>
<datatable id="sitesTable"
           source="@Url.Action("List")"
           mode="@DataTableMode.None"
           default-sort-index="0"
           default-sort-order="asc"
           id-field="Id"
           hide-index="true"
           edit-url-template="@(!Session.CanEditMobilePages(Application) ? null : Url.Action("Edit", "MobileSites", new
                              {
                                  id = DataTableTagHelper.IdPlaceholder
                              }))"
           view-url-template="@(Session.CanEditMobilePages(Application) ? null : Url.Action("View", "MobileSites", new
                              {
                                  id = DataTableTagHelper.IdPlaceholder
                              }))"
           delete-url-template="@(!Session.CanDeleteMobilePages(Application) ? null : Url.Action("Delete", "MobileSites"))">

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

    @if (Session.CanEditMobilePages(Application))
    {
        <datatable-column field="SortId"
                          sortable="true"
                          header="@Lang.Attr("IDS_CUSTOM_MENU_ENTRIES_ORDER_NUMBER_LABEL")">
            <div class="commandIcon" style="text-align: center">
                <div class="tooltip tooltipright icon icon-sort sortable-handler">{{SortId}}</div>
            </div>
        </datatable-column>
    }

    <datatable-column field="ImgUrl"
                      sortable="false"
                      class="mobilePageImage"
                      header="@Lang.Attr("IDS_MOBILESITES_VIEW_GRID_COLUMN_HEADER_IMAGE")">
        {{getImage ImgUrl}}
    </datatable-column>

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

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

    @if (Session.CanEditMobilePages(Application))
    {
        <datatable-column class="actionColumn">
            <a class="icon icon-menu10 commandIcon moveup"
               data-toggle="tooltip"
               data-container="body"
               href="#"
               title="@Lang.Attr("IDS_MOBILESITES_MOVEUP_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_MOBILESITES_MOVEDOWN_TOOLTIP")">
            </a>
        </datatable-column>
    }
</datatable>
<script type="text/javascript">
    var userRole = '@ViewBag.UserRole';
    var MaxMobileSiteLimit = @maxPagesLimit;
    var canEditMobileSites = '@Session.CanEditMobilePages(Application)';
    var canAddMobileSites = '@Session.CanAddMobilePages(Application)';
    var Localisation_Cancel = @Lang.JsString("IDS_CANCEL");
    var Localisation_Error = @Lang.JsString("IDS_ERROR");
    var Localisation_Close = @Lang.JsString("IDS_CLOSE");
    var Localisation_Total = @Lang.JsString("IDS_MOBILESITES_TEXT_TOTAL");
    var Localization_Deleted = @Lang.JsString("IDS_MOBILESITES_VIEW_SITE_DELETED");
    var Localization_Delete_Error = @Lang.JsString("IDS_MOBILESITES_VIEW_SITE_DELETE_ERROR");
    var Localisation_Delete_Dialog_Confirmation = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE");
    var Localisation_Delete_Yes = @Lang.JsString("IDS_YES");
    var Localisation_Delete_No = @Lang.JsString("IDS_NO");
    var Localisation_Delete_Dialog_Header = @Lang.JsString("IDS_DELETE_DIALOG_HEADER");
    var Localization_Site_Move_Error = @Lang.JsString("IDS_MOBILESITES_VIEW_SITE_MOVE_ERROR");
    var Localization_Site_Move_OK = @Lang.JsString("IDS_MOBILESITES_VIEW_SITE_MOVE_OK");
</script>