@using jeansBlazorAsh.Data
@using jeansBlazorAsh.Models
@if (ObjGoods == null)
{
    <p><em>Loading....</em></p>
}
else
{
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <nav class="navbar navbar-expand-lg navbar-light bg-light">
                   
                    <div class="container" name="unitsCheckboxDiv">
                       
                        
                        @foreach (ViewGoodsStocksMvc type in typelistgroup)
                        {
              
                            <label><input type="checkbox" value="@type.TypeId" />@type.Type</label>
                        }

                    </div>
                </nav>
            </div>
        </div>
    </div>
}


@code {


    [Parameter]
    public List<ViewGoodsStocksMvc> ObjGoods { get; set; }

    public List<ViewGoodsStocksMvc> typelistgroup = (from good in ObjGoods
                                                     select new
                                                     {
                                                         _typeID = good.TypeId,
                                                         _typeName = good.Type
                                                     }).Distinct();


    }

@using jeansBlazorAsh.Data
@using jeansBlazorAsh.Models
@if (ObjGood == null)
{
    <p><em>Loading....</em></p>
}
else
{
<div class="container-fluid">
    <div class="row">
        <div class="col">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <div class="container">
                    @foreach (Types gt in GetTypes(ObjGood).Distinct<Types>())
                    {
                    <label><input type="checkbox" value=" @gt.TypeId" />@gt.Type</label>
                    }
                </div>
            </nav>
        </div>
    </div>
</div>
}
@code {
    [Parameter]
    public List<ViewGoodsStocksMvc> ObjGood { get; set; }
    public IEnumerable<Types> GetTypes(IEnumerable<ViewGoodsStocksMvc> goodList) =>
       goodList.Select(g => new Types { TypeId = g.TypeId, Type = g.Type })
        .GroupBy(x => x.Type)
        .Select(x => x.First());
}

@page "/selectsizes"
@using jeansBlazorAsh.Data
@using jeansBlazorAsh.Models

@if (GetSize == null)
{
    <p><em>Loading....</em></p>
}
else
{

    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <nav class="navbar navbar-expand-lg navbar-light bg-light">


                    <form>
                        @foreach (var ws in GetSize)
                        {
                            <label class="label-type">

                                <input type="checkbox"
                                       @onchange= "EventArgs=> { CheckboxClicked(ws.WidhtId.ToString(), EventArgs.Value); }"/>

                                @ws.Widht
                                <span class="checkmark"></span>
                            </label>
                            
                        }
                        @if (SizeIdList.Count != 0)
                        {
                            <button @onclick="@OnClick">Применить фильтр </button>
                        }
                        <div>
                            @foreach(var s in SizeIdList)
                            {
                                @s
                            }
                        </div>

                    </form>
                    
                </nav>
            </div>
        </div>
    </div>
}

@code {
    [Parameter]
    public EventCallback<List<string>> OnClickCallback { get; set; }
    void OnClick()
    {
        OnClickCallback.InvokeAsync(SizeIdList);
    }
    [Parameter]
    public IEnumerable<WidhtSizes> GetSize { get; set; }



    public List<string> SizeIdList = new List<string>();
    //public string SizeID { get; set; }
    void CheckboxClicked(string sizeID, object checkedValue)
    {

        if ((bool)checkedValue)
        {
            if (!SizeIdList.Contains(sizeID))
            {
                SizeIdList.Add(sizeID);
            }
        }
        else
        {
            if (SizeIdList.Contains(sizeID))
            {
                SizeIdList.Remove(sizeID);
            }
        }
      
    }

}

@page "/"
@inherits LayoutComponentBase
@using jeansBlazorAsh.Pages
@using jeansBlazorAsh.Data
@using jeansBlazorAsh.Models

@inject NavigationManager NavigationManager
@inject GoodStockService objGoodStockService
<div class="container-fluid">
   mn,mn,mn,mn,mn
    <ul>
        @if (SizeIdList.Count != 0)
        {
            @foreach (var s in SizeIdList)
            {
                <li>@s</li>
            }
        }

    </ul>
</div>

@if (objGoods == null)
{
    <p><em>Loading....</em></p>
}
else
{


    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <nav class="navbar navbar-expand-lg navbar-light bg-light">
                    <a class="navbar-brand" href="#">40ПАР</a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item active">
                                <a class="nav-link" href="#">Главная <span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">О нас</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Доставка</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Контакты</a>
                            </li>
                        </ul>

                        <form class="form-inline my-2 my-lg-0">
                            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
                        </form>

                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a href="#" class="nav-link">
                                    <i class="fas fa-shopping-cart text-dark"><span class="badge">4</span></i>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="nav-link">
                                    <span>Войти</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="nav-link">
                                    <span>Регистрация</span>
                                </a>

                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </div>
    <div>
        <RadioGender OnClickCallback="@CheckChanged"></RadioGender>
    </div>
    <div>
        <SelectTypes Types="@GetTypes(objGoods)" OnClCallback="@ShowSizes" />
    </div>
    <div>
        <SelectSizes GetSize="GetSize(objGoods,typeId)" OnClickCallback="@AddNewSize" />
    </div>

    <div>
        <GoodStock ObjGoods="@objGoods"></GoodStock>
    </div>
    
            
        }

@code {
    #region вызов из сервиса objGoods к-т GoodStock
    protected override async Task OnInitializedAsync()
    {
        // запускаем без ожидания, для отзывчивости UI
        await InitAsync();
    }
    IEnumerable<ViewGoodsStocksMvc> objGoods;

    private async Task InitAsync()
    {
        objGoods = await objGoodStockService.GetGoodsAsync(radioItem);
        await InvokeAsync(StateHasChanged);

    }
    #endregion
    #region для к-та группа типов RadioGender
    string radioItem = "1";
    //private string checkChanged;
    private void CheckChanged(ChangeEventArgs e)
    {
        radioItem = e.Value.ToString();
        InitAsync();
    }
    #endregion

    #region для к-та выбор типа  SelectTypes
    int typeId;
    private void ShowSizes(ChangeEventArgs e)
    {
        typeId = Convert.ToInt32(e.Value);
    }
    public IEnumerable<Types> GetTypes(IEnumerable<ViewGoodsStocksMvc> goodList) =>
  goodList.Select(g => new Types { TypeId = g.TypeId, Type = g.Type })
   .GroupBy(x => x.TypeId)
   .Select(x => x.First());
    #endregion
    #region for comp SelectSizes
    WidhtSizes _size = new WidhtSizes();
    private List<WidhtSizes> sizes = new List<WidhtSizes>();
    private void AddNewSize(WidhtSizes size)
    {
        _size = size;
        sizes.Add(_size);
    }

    public IEnumerable<WidhtSizes> GetSize(IEnumerable<ViewGoodsStocksMvc> goodList, int typeID) =>
        goodList.Where(x => x.TypeId == typeID)
        .Select(x => new WidhtSizes { WidhtId = x.WidhtId, Widht = x.Widht })
        .GroupBy(x => x.WidhtId)
        .Select(x => x.First());


    private List<string> SizeIdList = new List<string>();

    private async Task AddNewSize(List<string> sizeList)
    {
         SizeIdList =  sizeList;
       
    }
    #endregion
}

 <ul>
        @if (SizeIdList.Count != 0)
        {
            @foreach (var s in SizeIdList)
            {
                <li>@s</li>
            }
        }

    </ul>

 IEnumerable<ViewGoodsStocksMvc> objGoods;

    private async Task InitAsync()
    {
        objGoods = await objGoodStockService.GetGoodsAsync(radioItem);
        await InvokeAsync(StateHasChanged);

    }

<div class="col">
                
                    @foreach (Types gt in Types) //Types это лист категорий
                    {
                    <label class="label-type">
                        <input type="checkbox"
                               name="type1"
                               @onchange="eventArgs => { OnChange(gt.TypeId, eventArgs.Value); }">
                        @gt.Type
                        <span class="checkmark"></span>
                    </label>
                    }
                
        </div>

@code {
    [Parameter]
    public IEnumerable<Types> Types { get; set; }
    [Parameter]
    public EventCallback<List<int>> OnChangeCallBack { get; set; }
    public List<int> TypeIdList = new List<int>();
    void OnChange(int typeID, object checkedValue)
    {
        if ((bool)checkedValue)
        {
            if (!TypeIdList.Contains(typeID))
            {
                TypeIdList.Add(typeID);
            }
        }
        else
        {
            if (TypeIdList.Contains(typeID))
            {
                TypeIdList.Remove(typeID);
            }
        }
        OnChangeCallBack.InvokeAsync(TypeIdList ); // Это для отправки в родительский компонент
    }

}

OnChangeCallBack.InvokeAsync(TypeIdList )

 private void ShowSizes( List<int> TypeIdList) // Параметр метода это лист категорий 
    {
        SizeList = new List<WidhtSizes>(); // Мне надо получить лист размеров Widht это тоже самое что Size (размер джинсов)

        foreach (int typeId in TypeIdList)
        {
            IEnumerable<WidhtSizes> ws =
         objGoods.Where(x => x.TypeId == typeId)
         .Select(x => new WidhtSizes { WidhtId = x.WidhtId, Widht = x.Widht })
         .GroupBy(x => x.WidhtId)
         .Select(x => x.First());
            SizeList = SizeList.Union(ws);

        };

    }

 sizelist.GroupBy(x => x.WidhtId) // Widht это тоже самое что Size (размер джинсов)
        .Select(x => x.First());