@using WeApp
@using WeApp.Authorization
@using WeApp.Configuration
@using WeApp.Helpers
@using WeApp.Views.Shared.Modals
@model WeApp.Models.Layout.RightSideBarViewModel
@{
    var settingName = new Func<string, string>((s) => L(s.Replace(".", "")));
}
<aside id="rightsidebar" class="right-sidebar">
    <div class="iwb-settings">
        @if (AbpSession.UserType == UsersAndRolesTypeDefinition.Supper)
        {
            <button class="btn btn-iwb btn-circle" id="LoginImage"> @(settingName(PermissionNames.PagesSystemMgSettingMgLoginImage)) </button>
            <button class="btn btn-iwb btn-circle" id="HomeImage"> @(settingName(PermissionNames.PagesSystemMgSettingMgHomeImage)) </button>
        }

        @if (AbpSession.UserType == UsersAndRolesTypeDefinition.Supper||AbpSession.UserType == UsersAndRolesTypeDefinition.System)
        {
            <button class="btn btn-iwb btn-circle" id="RefreshCache"> @(settingName(PermissionNames.PagesSystemMgSettingMgRefreshCache)) </button>
            <button class="btn btn-iwb btn-circle" id="RefreshLang"> @(settingName(PermissionNames.PagesSystemMgSettingMgRefreshLang)) </button>
        }

    </div>

    @*<ul class="nav nav-tabs " role="tablist">
        <li role="presentation"><a href="#skins" data-toggle="tab">@L("Skins")</a></li>
        <li role="presentation" class="active"><a href="#settings" data-toggle="tab">@L("Settings")</a></li>
    </ul>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade" id="skins">
            <ul class="choose-skin">
                @foreach (var theme in UiThemes.All)
                {
                    <li data-theme="@theme.CssClass" class="@(theme.CssClass == Model.CurrentTheme.CssClass ? "active" : "")">
                        <div class="@theme.CssClass"></div>
                        <span>@theme.Name</span>
                    </li>
                }
            </ul>
        </div>
        <div role="tabpanel" class="tab-pane fade in active " id="settings">
            <div class="iwb-settings">
                @if (AbpSession.UserType == UsersAndRolesTypeDefinition.Supper || AbpSession.UserType == UsersAndRolesTypeDefinition.System)
                {
                    <button class="btn btn-iwb btn-circle" id="LoginImage"> @(settingName(PermissionNames.PagesSystemMgSettingMgLoginImage)) </button>
                    <button class="btn btn-iwb btn-circle" id="HomeImage"> @(settingName(PermissionNames.PagesSystemMgSettingMgHomeImage)) </button>
                    <button class="btn btn-iwb btn-circle" id="RefreshCache"> @(settingName(PermissionNames.PagesSystemMgSettingMgRefreshCache)) </button>
                    <button class="btn btn-iwb btn-circle" id="RefreshLang"> @(settingName(PermissionNames.PagesSystemMgSettingMgRefreshLang)) </button>
                }

            </div>
        </div>
    </div>*@
</aside>
@{
    //超级管理员和管理员才可操作
    if (AbpSession.UserType == UsersAndRolesTypeDefinition.Supper )
    {
        var imageModal = new ModalViewModel(L("SettingImage"),"", new ModalBodyViewModel(new List<Input>()
        {
            new InputFile("image",L("SettingImagePath")).SetImageOption("ImageInfo","ImageName","ImageExt")
        }), "image-modal");
        var cacheModal = new ModalViewModel(L("SettingImage"),"", new ModalBodyViewModel(new List<Input>()
        {
            new Input("id",L("SettingCacheName")).SetNotRequired().SetSelectOptions(IwbCacheNames.GetCacheList(),isAddBlank:false)
        }), "cache-modal");
        @Html.Partial("Modals/_Modal", imageModal)
        @Html.Partial("Modals/_Modal", cacheModal);
    }

}
@using (Html.BeginScripts())
{
    <script>
        $(function() {
            $('#LoginImage').on('click', function () {
                $('#image-modal .iwb-file-label').text('@L("SelectFile")');
                window.OpenModal({
                    modal: 'image-modal',
                    url: '@(IwbConsts.ApiAppUrl)'+'Settings/LoginImage'
                });
            });
            $('#HomeImage').on('click',function() {
                $('#image-modal .iwb-file-label').text('@L("SelectFile")');
                window.OpenModal({
                    modal: 'image-modal',
                    url: '@(IwbConsts.ApiAppUrl)'+'Settings/HomeImage'
                });
            });
            $('#RefreshCache').on('click',function() {
                window.OpenModal({
                    modal: 'cache-modal',
                    url: '@(IwbConsts.ApiAppUrl)'+'Settings/CacheRefresh'
                });
            });
            $('#RefreshLang').on('click',function() {
                $.iwbAjax1({ url: '@(IwbConsts.ApiAppUrl)' + 'Settings/LangRefresh' });
            });
        });
    </script>
}


@*<aside id="rightsidebar" class="right-sidebar">
    <ul class="nav nav-tabs tab-nav-right" role="tablist">
        <li role="presentation" class="active"><a href="#skins" data-toggle="tab">SKINS</a></li>
        <li role="presentation"><a href="#settings" data-toggle="tab">SETTINGS</a></li>
    </ul>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active in active" id="skins">
            <ul class="demo-choose-skin">
                @foreach (var theme in UiThemes.All)
                {
                    <li data-theme="@theme.CssClass" class="@(theme.CssClass == Model.CurrentTheme.CssClass ? "active" : "")">
                        <div class="@theme.CssClass"></div>
                        <span>@theme.Name</span>
                    </li>
                }
            </ul>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="settings">
            <div class="demo-settings">
                <p>GENERAL SETTINGS</p>
                <ul class="setting-list">
                    <li>
                        <span>Report Panel Usage</span>
                        <div class="switch">
                            <label><input type="checkbox" checked><span class="lever"></span></label>
                        </div>
                    </li>
                    <li>
                        <span>Email Redirect</span>
                        <div class="switch">
                            <label><input type="checkbox"><span class="lever"></span></label>
                        </div>
                    </li>
                </ul>
                <p>SYSTEM SETTINGS</p>
                <ul class="setting-list">
                    <li>
                        <span>Notifications</span>
                        <div class="switch">
                            <label><input type="checkbox" checked><span class="lever"></span></label>
                        </div>
                    </li>
                    <li>
                        <span>Auto Updates</span>
                        <div class="switch">
                            <label><input type="checkbox" checked><span class="lever"></span></label>
                        </div>
                    </li>
                </ul>
                <p>ACCOUNT SETTINGS</p>
                <ul class="setting-list">
                    <li>
                        <span>Offline</span>
                        <div class="switch">
                            <label><input type="checkbox"><span class="lever"></span></label>
                        </div>
                    </li>
                    <li>
                        <span>Location Permission</span>
                        <div class="switch">
                            <label><input type="checkbox" checked><span class="lever"></span></label>
                        </div>
                    </li>
                </ul>

                <p style="color: red;">This settings are just for demonstration!</p>
            </div>
        </div>
    </div>
</aside>*@