@page "/paginations"
@inject IStringLocalizer<Paginations> Localizer
@inject IStringLocalizer<Pagination> LocalizerPagination

<h3>Pagination</h3>

<h4>When there is too much data, use paging to break down the data.</h4>

<DemoBlock Title="Basic usage" Introduction="You can select the amount of data displayed per page by the drop-down box" Name="Normal">
    <Pagination PageCount="30" OnPageLinkClick="@OnPageClick"></Pagination>
    <BlockLogger @ref="Trace" class="mt-3" />
</DemoBlock>

<DemoBlock Title="Only text prompts are displayed" Introduction="Only one page does not display the switch page number component, only text prompts" Name="DispalyText">
    <Pagination PageCount="1"></Pagination>
</DemoBlock>

<DemoBlock Title="Only paginated components are displayed" Introduction="By <code>ShowPaginationInfo = 'false'</code> setting does not display text prompts" Name="MaxPageLinkCount">
    <Pagination PageCount="2000" MaxPageLinkCount="10"></Pagination>
</DemoBlock>

<DemoBlock Title="Alignment" Introduction="Set <code>Alignment</code> contorl the pagination alginment" Name="Alignment">
    <RadioList @bind-Value="Alignment" Items="AlignmentItems" />
    <Pagination PageCount="20" Alignment="@Alignment" class="mt-3"></Pagination>
</DemoBlock>

<DemoBlock Title="Goto navigator" Introduction="Set <code>ShowGotoNavigator</code> show/hide the Goto，can <code>GotoTemplate</code> custom the Goto navigator" Name="Goto">
    <Pagination PageCount="20" ShowGotoNavigator="true"></Pagination>
</DemoBlock>

<DemoBlock Title="Pager info" Introduction="Set <code>ShowInfo</code> show/hide the pager info" Name="PageInfoText">
    <Pagination PageCount="20" ShowPageInfo="true" PageInfoText="共 20 页" ShowGotoNavigator="true"></Pagination>
</DemoBlock>

<DemoBlock Title="Pager info template" Introduction="Set <code>PageInfoTemplate</code> curstom the template of page info" Name="InfoTemplate">
    <Pagination PageCount="@PageCount" ShowPageInfo="true" ShowGotoNavigator="true">
        <PageInfoTemplate>
            <div class="page-info me-2">@PageInfoText</div>
            <Select @bind-Value="PageItems" Items="PageItemsSource" style="width: 120px;" />
        </PageInfoTemplate>
    </Pagination>
</DemoBlock>

<AttributeTable Items="@GetAttributes()" />

// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

namespace BootstrapBlazor.Shared.Samples;

/// <summary>
/// 
/// </summary>
public sealed partial class Paginations
{
    private Alignment Alignment { get; set; } = Alignment.Right;

    [NotNull]
    private List<SelectedItem>? AlignmentItems { get; set; }

    [NotNull]
    private BlockLogger? Trace { get; set; }

    [NotNull]
    private List<SelectedItem>? PageItemsSource { get; set; }

    private int PageItems { get; set; } = 2;

    private int PageCount => 200 / PageItems;

    private string PageInfoText => $"每页 {PageItems} 条 共 {PageCount} 页";

    private Task OnPageClick(int pageIndex)
    {
        Trace.Log($"PageIndex: {pageIndex}");
        return Task.CompletedTask;
    }

    /// <summary>
    /// <inheritdoc/>
    /// </summary>
    protected override void OnParametersSet()
    {
        base.OnParametersSet();

        AlignmentItems ??= new List<SelectedItem>()
        {
            new("Left", "Start"),
            new("Center", "Center"),
            new("Right", "End")
        };

        PageItemsSource = new List<SelectedItem>()
        {
            new("2", "2条/页"),
            new("4", "4条/页"),
            new("10", "10条/页"),
            new("20", "20条/页")
        };
    }

    /// <summary>
    /// 获得属性方法
    /// </summary>
    /// <returns></returns>
    private IEnumerable<AttributeItem> GetAttributes() => new AttributeItem[]
    {
        new AttributeItem() {
            Name = "PageIndex",
            Description = Localizer["PageIndexAttr"],
            Type = "int",
            ValueList = " — ",
            DefaultValue = "1"
        },
        new AttributeItem() {
            Name = "PageCount",
            Description = Localizer["PageCountAttr"],
            Type = "int",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = "MaxPageLinkCount",
            Description = Localizer["MaxPageLinkCountAttr"],
            Type = "int",
            ValueList = " — ",
            DefaultValue = "5"
        },
        new AttributeItem() {
            Name = "OnPageLinkClick",
            Description = Localizer["OnPageLinkClickAttr"],
            Type = "Func<int, Task>",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = "Alignment",
            Description = Localizer["AlignmentAttr"],
            Type = "Alignment",
            ValueList = " — ",
            DefaultValue = "Alignment.Right"
        },
        new AttributeItem() {
            Name = "ShowPageInfo",
            Description = Localizer["ShowPageInfoAttr"],
            Type = "bool",
            ValueList = " — ",
            DefaultValue = "true"
        },
        new AttributeItem() {
            Name = "PageInfoText",
            Description = Localizer["PageInfoTextAttr"],
            Type = "string",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = "PageInfoTemplate",
            Description = Localizer["PageInfoTemplateAttr"],
            Type = "RenderFragment",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = "ShowGotoNavigator",
            Description = Localizer["ShowGotoNavigatorAttr"],
            Type = "bool",
            ValueList = " — ",
            DefaultValue = "false"
        },
        new AttributeItem() {
            Name = "GotoNavigatorLabelText",
            Description = Localizer["GotoNavigatorLabelTextAttr"],
            Type = "string",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = "GotoTemplate",
            Description = Localizer["GotoTemplateAttr"],
            Type = "RenderFragment",
            ValueList = " — ",
            DefaultValue = " — "
        },
        new AttributeItem() {
            Name = "PrevPageIcon",
            Description = Localizer["PrevPageIconAttr"],
            Type = "string",
            ValueList = " — ",
            DefaultValue = "fa-solid fa-angle-left"
        },
        new AttributeItem() {
            Name = "PrevEllipsisPageIcon",
            Description = Localizer["PrevEllipsisPageIconAttr"],
            Type = "string",
            ValueList = " — ",
            DefaultValue = "fa-solid fa-ellipsis"
        },
        new AttributeItem() {
            Name = "NextPageIcon",
            Description = Localizer["NextPageIconAttr"],
            Type = "string",
            ValueList = " — ",
            DefaultValue = "fa-solid fa-angle-right"
        },
        new AttributeItem() {
            Name = "NextEllipsisPageIcon",
            Description = Localizer["NextEllipsisPageIconAttr"],
            Type = "string",
            ValueList = " — ",
            DefaultValue = "fa-solid fa-ellipsis"
        }
    };
}