@using Telerik.DataSource
@using Telerik.DataSource.Extensions

<TelerikGrid OnRead="@OnGridRead"
             TItem="@SampleModel"
             FilterMode="GridFilterMode.FilterRow"
             Pageable="true"
             Sortable="true">
    <GridColumns>
        <GridCommandColumn>
            <GridCommandButton OnClick="@( () => WindowVisible1 = true)" Icon="@SvgIcon.Window" />
        </GridCommandColumn>
        <GridColumn Field="@nameof(SampleModel.Name)" />
        <GridColumn Field="@nameof(SampleModel.Price)" />
        <GridColumn Field="@nameof(SampleModel.Quantity)" />
    </GridColumns>
</TelerikGrid>

<TelerikWindow @bind-Visible="@WindowVisible1"
               Modal="true">
    <WindowActions>
        <WindowAction Name="Close" />
    </WindowActions>
    <WindowTitle>
        1 Window Title 1
    </WindowTitle>
    <WindowContent>
        <TelerikGrid OnRead="@OnGridRead"
                     TItem="@SampleModel"
                     FilterMode="GridFilterMode.FilterRow"
                     Pageable="true"
                     Sortable="true">
            <GridColumns>
                <GridCommandColumn>
                    <GridCommandButton OnClick="@( () => WindowVisible2 = true)" Icon="@SvgIcon.Window" />
                </GridCommandColumn>
                <GridColumn Field="@nameof(SampleModel.Name)" />
                <GridColumn Field="@nameof(SampleModel.Price)" />
                <GridColumn Field="@nameof(SampleModel.Quantity)" />
            </GridColumns>
        </TelerikGrid>
    </WindowContent>
    <WindowFooter>
        <TelerikButton OnClick="@( () => WindowVisible1 = false )">Close</TelerikButton>
    </WindowFooter>
</TelerikWindow>

<TelerikWindow @bind-Visible="@WindowVisible2"
               Modal="true">
    <WindowActions>
        <WindowAction Name="Close" />
    </WindowActions>
    <WindowTitle>
        2 Window Title 2
    </WindowTitle>
    <WindowContent>
        2 Window Content 2
    </WindowContent>
    <WindowFooter>
        <TelerikButton OnClick="@( () => WindowVisible2 = false )">Close</TelerikButton>
    </WindowFooter>
</TelerikWindow>

@code {
    private bool WindowVisible1 { get; set; }
    private bool WindowVisible2 { get; set; }

    private List<SampleModel> GridData { get; set; } = new();

    private async Task OnGridRead(GridReadEventArgs args)
    {
        DataSourceResult result = await GridData.ToDataSourceResultAsync(args.Request);

        args.Data = result.Data;
        args.Total = result.Total;
        args.AggregateResults = result.AggregateResults;
    }

    protected override void OnInitialized()
    {
        for (int i = 1; i <= 7; i++)
        {
            GridData.Add(new SampleModel()
            {
                Id = i,
                Name = $"Name {i}",
                GroupName = $"Group {i % 3 + 1}",
                Price = Random.Shared.Next(1, 100) * 1.23m,
                Quantity = Random.Shared.Next(0, 1000),
                StartDate = DateTime.Now.AddDays(-Random.Shared.Next(60, 1000)),
                IsActive = i % 4 > 0
            });
        }
    }

    public class SampleModel
    {
        public int Id { get; set; }
        public string Name { get; set; } = string.Empty;
        public string GroupName { get; set; } = string.Empty;
        public decimal Price { get; set; }
        public int Quantity { get; set; }
        public DateTime StartDate { get; set; }
        public bool IsActive { get; set; }
    }
}