@using static WebWindowComplex.LayoutConst

<table class="table table-responsive table-sm mx-auto table-hover align-middle table-borderless">
    <colgroup>
        @for (int i = 0; i < maxCol; i++)
        {
            <col style="min-width: 80px;" />
        }
    </colgroup>
    <tbody>
        @for (int i = 0; i < ItemTableList.Count; i++)
        {
            <tr>
                @for (int j = 0; j < maxCol; j++)
                {
                    var index = RowCollapsedDict.Keys.Order().Where(k => k <= i).LastOrDefault();
                    @if ((RowCollapsedDict.ContainsValue(true) && RowCollapsedDict.GetValueOrDefault(index))
                                && i - 1 > 0 && ItemTableList.ElementAt(i).Col > ItemTableList.ElementAt(index-1).Col){
                        continue;
                    }
                    else
                    {
                        CompileStep cs = CompileStep.Frame;
                        int row = i;
                        int ind = -1;
                        string s = "Vai a step ";
                        @if (j + 1 == ItemTableList[i].Col)
                        {
                            @if (ItemTableList[i].Type is Json.WindowConst.AreaTypes.FRAME)
                            {
                                cs = CompileStep.Frame;
                                s = s + cs.ToString();
                            }
                            else if (ItemTableList[i].Type is Json.WindowConst.AreaTypes.SPLIT)
                            {
                                cs = CompileStep.Split;
                                ind = ItemTableList[i].IndexItem;
                                s = s + cs.ToString() + ((ind + 1) > 0 ? (ind + 1): "");
                            }
                            else if (ItemTableList[i].Type is Json.WindowConst.AreaTypes.SASH)
                            {
                                cs = CompileStep.Sash;
                                ind = ItemTableList[i].IndexItem;
                                s = s + cs.ToString() + ((ind + 1) > 0 ? (ind + 1) : "");
                            }
                            else if (ItemTableList[i].Type is Json.WindowConst.AreaTypes.FILL)
                            {
                                cs = CompileStep.Fill;
                                ind = ItemTableList[i].IndexItem;
                                s = s + cs.ToString() + ((ind + 1) > 0 ? (ind + 1) : "");
                            }
                            else if (ItemTableList[i].Type is Json.WindowConst.AreaTypes.INGLESINA)
                            {
                                cs = CompileStep.Inglesina;
                                ind = ItemTableList[i].IndexItem;
                                s = s + cs.ToString() + ((ind + 1) > 0 ? (ind + 1) : "");
                            }
                            <td colspan="2">
                                <div class="card text-center p-1 shadow-sm hover-shadow w-100">
                                    <div class="d-flex gap-2">
                                        <button class="btn btn-sm btn-rounded flex-grow-1" @onclick="() => RaiseNextStep(cs, ind)" title="@(s)"
                                                style="font-size: 1rem;flex-basis: 80%;">
                                                @ItemTableList[i].Desc
                                        </button>
                                        @* @if (ItemTableList[row].NumChild > 3)
                                        {
                                            <button class="btn btn-sm" @onclick="() => ChangeCollapsed(ItemTableList[row].Row)"
                                                    style="bs-btn-padding-y: .25rem; bs-btn-padding-x: .5rem; bs-btn-font-size: .75rem; flex-basis: 20%;">
                                                        <i class="@ChildIcon(ItemTableList[i].Row)" style="width:0.5rem;"></i>
                                            </button>
                                        } *@
                                        @if(!BaseUser)
                                        {
                                            @if (ItemTableList[i].Type is Json.WindowConst.AreaTypes.SASH ||
                                                                    ItemTableList[i].Type is Json.WindowConst.AreaTypes.SPLIT ||
                                                                    ItemTableList[i].Type is Json.WindowConst.AreaTypes.INGLESINA)
                                            {
                                                <button class="btn btn-sm" style="font-size: 1rem; flex-basis: 20%;" @onclick="() => Remove(cs, ind)" title="@Traduci("CWTree_Remove")">
                                                    <i class="fa-solid fa-trash"></i>
                                                </button>
                                            }
                                            @if (ItemTableList[i].Type is Json.WindowConst.AreaTypes.FRAME &&
                                                                    ((SashGroupList.Count == 0 && SplitList.Count == 0) || !(FrameWindow.AreaList.First() is Split)))
                                            {
                                                <div class="dropdown px-4" @onfocusout="HandleFocusOutFrame">
                                                    <button class="btn btn-sm dropdown-toggle" type="button" @onclick="ToggleDropdownFrame">
                                                        <i class="fa-solid fa-plus"></i>
                                                    </button>
                                                    <ul class="dropdown-menu @(isOpenFrame ? "show" : "")" style="min-width:5rem; max-width:10rem">
                                                        @if (SashGroupList.Count == 0 && SplitList.Count == 0)
                                                        {
                                                        <li><button class="dropdown-item" @onclick="RaiseAddSash">@Traduci("CWTree_Sash")</button></li>
                                                        }
                                                        @if (!(FrameWindow.AreaList.First() is Split))
                                                        {
                                                        <li><button class="dropdown-item" @onclick="RaiseAddSplit">@Traduci("CWTree_Split")</button></li>
                                                        }
                                                    </ul>
                                                </div>
                                            }
                                            @if (ItemTableList[i].Type is Json.WindowConst.AreaTypes.FILL)
                                            {
                                                int currIndexFill = ItemTableList[i].IndexItem;
                                                if (FillList.ElementAt(currIndexFill).ParentArea is Frame)
                                                {
                                                    <div class="dropdown px-4" @onfocusout="() => HandleFocusOutFill(currIndexFill)">
                                                        <button class="btn btn-sm dropdown-toggle" type="button" @onclick="() => ToggleDropdownFill(currIndexFill)">
                                                            <i class="fa-solid fa-plus"></i>
                                                        </button>
                                                        <ul class="dropdown-menu @(isOpenFill.ElementAt(currIndexFill) ? "show" : "")" style="min-width:5rem; max-width:10rem">
                                                            <li><button class="dropdown-item" @onclick="() => AddInglesinaIntoFill(currIndexFill)">@Traduci("CWTree_AddInglesina")</button></li>
                                                        </ul>
                                                    </div>
                                                }
                                                else if (SplittedList != null && SplittedList.Count > 0)
                                                {
                                                    Splitted? currSplitted = SplittedList.Where(x => x.AreaList.First().Equals(FillList[currIndexFill])).FirstOrDefault();
                                                    @if (currSplitted != null)
                                                    {
                                                        @if (currSplitted.ParentArea != null && currSplitted.ParentWindow != null
                                                                                && currSplitted.AreaList.FirstOrDefault() != null && currSplitted.AreaList.First()!.AreaList.Count == 0)
                                                        {
                                                            <div class="dropdown px-4" @onfocusout="() => HandleFocusOutFill(currIndexFill)">
                                                                <button class="btn btn-sm dropdown-toggle" type="button" @onclick="() => ToggleDropdownFill(currIndexFill)">
                                                                    <i class="fa-solid fa-plus"></i>
                                                                </button>
                                                                <ul class="dropdown-menu @(isOpenFill.ElementAt(currIndexFill) ? "show" : "")" style="min-width:5rem; max-width:10rem">
                                                                    <li><button class="dropdown-item" @onclick="() => AddSashIntoFill(currIndexFill)">@Traduci("CWTree_AddSash")</button></li>
                                                                    @for (int k = 0; k < SashGroupList.Count; k++)
                                                                    {
                                                                        int Index = k;
                                                                        <li><button class="dropdown-item" @onclick="() => CopySashIntoFill(Index, currIndexFill)">@Traduci("CWTree_CopySash") @(SashGroupList.Count == 1 ? "" : (Index + 1))</button></li>
                                                                    }
                                                                </ul>
                                                            </div>
                                                        }
                                                    }
                                                }
                                            else if (FillList.ElementAt(currIndexFill).ParentArea is Splitted && FillList.ElementAt(currIndexFill).ParentArea.ParentArea is Sash)
                                                {
                                                    <div class="dropdown px-4" @onfocusout="() => HandleFocusOutFill(currIndexFill)">
                                                        <button class="btn btn-sm dropdown-toggle" type="button" @onclick="() => ToggleDropdownFill(currIndexFill)">
                                                            <i class="fa-solid fa-plus"></i>
                                                        </button>
                                                        <ul class="dropdown-menu @(isOpenFill.ElementAt(currIndexFill) ? "show" : "")" style="min-width:5rem; max-width:10rem">
                                                            <li><button class="dropdown-item" @onclick="() => AddInglesinaIntoFill(currIndexFill)">@Traduci("CWTree_AddInglesina")</button></li>
                                                        </ul>
                                                    </div>
                                                }
                                            }
                                        }
                                    </div>
                                </div>
                            </td>
                            <td class="text-start" colspan="1">
                                @if (ItemTableList[row].NumChild > 3)
                                {
                                    <div class="card text-center p-0 shadow-sm hover-shadow w-25">
                                        <button class="btn btn-sm" @onclick="() => ChangeCollapsed(ItemTableList[row].Row)">
                                            <i class="@ChildIcon(ItemTableList[i].Row)" style="width:0.5rem;"></i>
                                        </button>
                                    </div>
                                }
                            </td>
                        }
                        else
                        {
                            <td> </td>
                        }
                    }
                }
            </tr>
        }
    </tbody>
</table>