@page "/details/{ScheduleOrderId:int}"

@inject ScheduleOrderDetailsService ScheduleOrderDetailsService

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4 bg-light" style="min-height: 150vh;">
            <h2 style="margin: 5px">Indeksy:</h2>
            <Grid @ref="_grid"
                  TItem="ScheduleOrderDetailDto"
                  Class="table table-hover table-bordered table-striped"
                  DataProvider="ScheduleOrderDetailsDataProvider"
                  AllowFiltering="true"
                  Responsive="true"
                  AllowPaging="true"
                  PageSize="20"
                  AllowSelection="true"
                  AllowRowClick="true"
                  SelectionMode="GridSelectionMode.Single"
                  SelectedItemsChanged="SelectedItemChanged">
                <GridColumns>
                    <GridColumn TItem="ScheduleOrderDetailDto" HeaderText="Id" PropertyName="Id">
                        @context.ID
                    </GridColumn>
                    <GridColumn TItem="ScheduleOrderDetailDto" HeaderText="SalesChannelProductCode" PropertyName="SalesChannelProductCode">
                        @context.Sc_productCode
                    </GridColumn>
                    <GridColumn TItem="ScheduleOrderDetailDto" HeaderText="ShipperProductCode" PropertyName="ShipperProductCode">
                        @context.Sh_productCode
                    </GridColumn>
                    <GridColumn TItem="ScheduleOrderDetailDto" HeaderText="Price" PropertyName="Price">
                        @context.Price
                    </GridColumn>
                </GridColumns>
            </Grid>
            @if (_isVisible)
            {
                <div id="rightTopContainer" class="col-12 bg-light" style="height: auto;">
                    <h2 style="margin: 5px">Dodatkowe informacje:</h2>
                    <SortableList TItem="ScheduleOrderDetailMiscDto" Data="_scheduleOrderDetailMiscs">
                        <ItemTemplate>
                            <u>@context.Label:</u>&emsp;<b>@context.Value</b>
                        </ItemTemplate>
                    </SortableList>
                </div>
            }
        </div>
        <div class="col-md-8">
            <div class="row">
                @if (_isVisible)
                {
                    <div id="rightBottomContainer" class="col-12 bg-light">
                        <h2 style="margin: 5px">Harmonogramy:</h2>
                        <Grid @ref="_detailDetailsGrid"
                              TItem="ScheduleOrderDetailDetailDto"
                              Data="_scheduleOrderDetailsDetails"
                              Class="table table-hover table-bordered table-striped"
                              AllowFiltering="true"
                              Responsive="true"
                              AllowPaging="true"
                              PageSize="20"
                              AllowSelection="true"
                              SelectionMode="GridSelectionMode.Single"
                              SelectedItemsChanged="SelectedDetailDetailChanged">

                            <GridColumns>
                                <GridColumn TItem="ScheduleOrderDetailDetailDto" HeaderText="Id" PropertyName="Id">
                                    @context.ID
                                </GridColumn>
                                <GridColumn TItem="ScheduleOrderDetailDetailDto" HeaderText="DateFrom" PropertyName="DateFrom">
                                    @context.DateFrom
                                </GridColumn>
                                <GridColumn TItem="ScheduleOrderDetailDetailDto" HeaderText="DateTo" PropertyName="DateTo">
                                    @context.DateTo
                                </GridColumn>
                                <GridColumn TItem="ScheduleOrderDetailDetailDto" HeaderText="Qty" PropertyName="Qty">
                                    @context.Qty
                                </GridColumn>
                            </GridColumns>
                        </Grid>
                    </div>
                    @if (_isVisibleDetailDetail)
                    {
                        <div id="rightTopContainer" class="col-12 bg-light" style="height: auto;">
                            <h2 style="margin: 5px">Dodatkowe informacje:</h2>
                            <SortableList TItem="ScheduleOrderDetailDetailMiscDto" Data="_scheduleOrderDetailDetailMiscs">
                                <ItemTemplate>
                                    <u>@context.Label:</u>&emsp;<b>@context.Value</b>
                                </ItemTemplate>
                            </SortableList>
                        </div>
                    }
                }
            </div>
        </div>
    </div>
</div>

@code {
    [Parameter]
    public int ScheduleOrderId { get; set; }
    private bool _isVisible;
    private bool _isVisibleDetailDetail;

    Grid<ScheduleOrderDetailDto>? _grid;
    Grid<ScheduleOrderDetailDetailDto>? _detailDetailsGrid;

    private IEnumerable<ScheduleOrderDetailDto>? _scheduleOrderDetails;
    private IEnumerable<ScheduleOrderDetailDetailDto>? _scheduleOrderDetailsDetails;

    private List<ScheduleOrderDetailMiscDto>? _scheduleOrderDetailMiscs;
    private List<ScheduleOrderDetailDetailMiscDto>? _scheduleOrderDetailDetailMiscs;

    private async Task<GridDataProviderResult<ScheduleOrderDetailDto>> ScheduleOrderDetailsDataProvider(GridDataProviderRequest<ScheduleOrderDetailDto> request)
    {
        _scheduleOrderDetails = await ScheduleOrderDetailsService.GetScheduleOrderDetails(ScheduleOrderId) ?? new List<ScheduleOrderDetailDto>();
        StateHasChanged();

        return await Task.FromResult(request.ApplyTo(_scheduleOrderDetails));
    }

    private void SelectedItemChanged(HashSet<ScheduleOrderDetailDto> obj)
    {
        _isVisible = obj.Any();
        _scheduleOrderDetailMiscs = obj.FirstOrDefault()?.ScheduleOrderDetailMiscs.ToList();
        _scheduleOrderDetailsDetails = obj.FirstOrDefault()?.ScheduleOrderDetailDetails.ToList();
    }

    private void SelectedDetailDetailChanged(HashSet<ScheduleOrderDetailDetailDto> obj)
    {
        _isVisibleDetailDetail = obj.Any();
        _scheduleOrderDetailDetailMiscs = obj.FirstOrDefault()?.ScheduleOrderDetailDetailMiscs.ToList();
    }

}