@page "/_Admin/FrameworkMenu/Edit/{id}"
@using WalkingTec.Mvvm.Mvc.Admin.ViewModels.FrameworkMenuVMs
@using WalkingTec.Mvvm.Core.Extensions
@inherits BasePage


<ValidateForm @ref="vform" Model="@Model" OnValidSubmit="@Submit">
    <Row ItemsPerRow="ItemsPerRow.Two" RowType="RowType.Normal">
        <Select @bind-Value="@Model.Entity.IsInside" Items="@AllType" />
    </Row>
    @if (Model.Entity.IsInside != false)
    {
        <Row ItemsPerRow="ItemsPerRow.Two" RowType="RowType.Normal">
            <Select @bind-Value="@Model.SelectedModule" Items="@AllModels" OnSelectedItemChanged="OnModelChange" />
            <div></div>
            <Row ColSpan="2">
                <Transfer @bind-Value="@Model.SelectedActionIDs" Items="@AllActions" />
            </Row>
        </Row>
    }
    else
    {
        <Row ItemsPerRow="ItemsPerRow.One" RowType="RowType.Normal">
            <BootstrapInput @bind-Value="@Model.Entity.Url" />
        </Row>
    }
    <Row ItemsPerRow="ItemsPerRow.Two" RowType="RowType.Normal">
        <BootstrapInput @bind-Value="@Model.Entity.PageName" />
        <Select @bind-Value="@Model.Entity.ParentId" Items="@AllFolders" />
        <Select @bind-Value="@SelectedIconType" Items="@IconTypes" OnSelectedItemChanged="OnIconChange" DisplayText="@WtmBlazor.Localizer["_Admin.IconFont"]" />
        <Select TValue="string" @bind-Value="@Model.Entity.Icon" Items="@Icons">
            <ItemTemplate>
                <div class="dropdown-item-demo">
                    <i class="@SelectedIconType @context.Text"></i>
                    <span>@context.Text</span>
                </div>
            </ItemTemplate>
        </Select>
        <BootstrapInputNumber @bind-Value="@Model.Entity.DisplayOrder" />
    </Row>
    <Row ItemsPerRow="ItemsPerRow.Four" RowType="RowType.Normal">
        <Switch @bind-Value="@Model.Entity.ShowOnMenu" />
        <Switch @bind-Value="@Model.Entity.FolderOnly" />
        <Switch @bind-Value="@Model.Entity.IsPublic" />
        <NullSwitch @bind-Value="@Model.Entity.TenantAllowed" />
    </Row>
    <div class="modal-footer table-modal-footer">
        <Button Color="Color.Primary" Icon="fa fa-save" Text="@WtmBlazor.Localizer["Sys.Close"]" OnClick="OnClose" />
        <Button Color="Color.Primary" ButtonType="ButtonType.Submit" Icon="fa fa-save" Text="@WtmBlazor.Localizer["Sys.Edit"]" IsAsync="true" />
    </div>
</ValidateForm>

@code {
    private FrameworkMenuVM2 Model = null;
    private List<SelectedItem> AllType = new List<SelectedItem>();
    private List<SelectedItem> AllModels = new List<SelectedItem>();
    private List<SelectedItem> AllFolders = new List<SelectedItem>();
    private List<SelectedItem> AllActions = new List<SelectedItem>();
    private List<SelectedItem> IconTypes = new List<SelectedItem>();
    private List<SelectedItem> Icons = new List<SelectedItem>();
    private List<FrameworkMenu> ClientPages;
    public string SelectedIconType { get; set; } = "";

    private ValidateForm vform { get; set; }
    [Parameter]
    public string id { get; set; }

    protected override async Task OnInitializedAsync()
    {
        AllType.Add(new SelectedItem { Text = WtmBlazor.Localizer["_Admin.Inside"], Value = "True" });
        AllType.Add(new SelectedItem { Text = WtmBlazor.Localizer["_Admin.Outside"], Value = "False" });
        AllFolders = await WtmBlazor.Api.CallItemsApi("/api/_FrameworkMenu/GetFolders", placeholder: WtmBlazor.Localizer["Sys.PleaseSelect"]);
        IconTypes = await WtmBlazor.Api.CallItemsApi("/api/_FrameworkMenu/GetIcons", placeholder: WtmBlazor.Localizer["Sys.PleaseSelect"]);
        var items = WtmBlazor.GetAllPages();
        ClientPages = WtmBlazor.GetAllPages();
        AllModels.Add(new SelectedItem { Text = WtmBlazor.Localizer["Sys.PleaseSelect"], Value = "" });
        foreach (var item in ClientPages)
        {
            foreach (var sub in item.Children)
            {
                AllModels.Add(new SelectedItem { Text = sub.PageName, Value = sub.ClassName ?? sub.Url, GroupName = item.PageName });
            }
        }
        var rv = await WtmBlazor.Api.CallAPI<FrameworkMenuVM2>($"/api/_FrameworkMenu/{id}");
        if (string.IsNullOrEmpty(rv?.Data?.Entity?.Icon) == false)
        {
            rv.Data.Entity.Icon = rv.Data.Entity.Icon.Trim();
            var iconinfo = rv.Data.Entity.Icon.Split(" ");
            SelectedIconType = iconinfo[0];
            await OnIconChange(new SelectedItem { Value = SelectedIconType });
        }
        AllActions = await WtmBlazor.Api.CallItemsApi($"/api/_FrameworkMenu/GetActionsByModel?ModelName={rv.Data.SelectedModule}");
        Model = rv.Data;

    }

    private async Task OnModelChange(SelectedItem item)
    {
        var url = ClientPages.FlatTree().Where(x => x.ClassName == item.Value || x.Url == item.Value).Select(x => x.Url).FirstOrDefault();
        AllActions = await WtmBlazor.Api.CallItemsApi($"/api/_FrameworkMenu/GetActionsByModel?ModelName={item.Value}");
        Model.Entity.Url = url;
        StateHasChanged();
    }

    private async Task OnIconChange(SelectedItem item)
    {
        Icons = await WtmBlazor.Api.CallItemsApi($"/api/_FrameworkMenu/GetIconItems?key={item.Value}", placeholder: WtmBlazor.Localizer["Sys.PleaseSelect"]);
        foreach (var icon in Icons)
        {
            if (icon.Value != "")
            {
                icon.Value = SelectedIconType + " " + icon.Value;
            }
        }
        StateHasChanged();
    }


    private async Task Submit(EditContext context)
    {
        await PostsForm(vform, $"/api/_frameworkmenu/edit", (s) => "Sys.OprationSuccess", method: HttpMethodEnum.PUT);
    }

    public void OnClose()
    {
        CloseDialog();
    }

}