@using static WebWindowComplex.Json.WindowConst

<div class="card shadow-sm rounded mb-4">
    <div class="card-header bg-light bg-opacity-25">
        <div class="d-flex justify-content-between align-items-center">
            <div class="px-2">
                <h5>@(descParentInglesina())</h5>
            </div>
            <div class="px-2">
                <button class="btn btn-close" @onclick="ReqClose"></button>
            </div>
        </div>
    </div>
    <div class="card-body py-2">
        <div class="d-flex justify-content-end align-items-center">
            <div class="col-md-3">
                <select class="form-select" @bind="@MeasureType">
                    <option value="@MeasureTypes.ABSOLUTE">Absolute (mm)</option>
                    <option value="@MeasureTypes.PROPORTIONAL">Proportional (*)</option>
                    <option value="@MeasureTypes.PERCENTAGE">Percentage (%)</option>
                </select>
            </div>
            <div class="col-md-2">
                <select class="form-select">
                    <option value="1">Glass</option>
                </select>
            </div>
        </div>
        <div class="d-flex justify-content-start align-items-center py-2">
            <div class="col-lg-2 justify-content-start">
                <h5>Inglesina</h5>
            </div>
            @if (!User)
            {
                <div class="col-lg-10 justify-content-start">
                    <div class="input-group">
                        <button class="btn btn-outline-secondary btn-sm" @onclick="() => RemoveArea()">Remove inglesina</button>
                    </div>
                </div>
            }
        </div>
        <div class="row">
            <div class="col-md-12 col-lg-6">
                <div class="input-group mb-2">
                    @if (User)
                    {
                        <span class="input-group-text">Shape</span>
                        <input type="text" readonly class="form-control" value="@(CurrInglesina.SplitShapeList.FirstOrDefault(x => x.Id == InglesinaShapeIndex))">
                    }
                    else
                    {
                        <label class="input-group-text">Shape</label>
                        <select class="form-select" @bind="@InglesinaShapeIndex">
                            @foreach (var shapeType in CurrInglesina.SplitShapeList)
                            {
                                <option value=@(shapeType.Id)>@(shapeType.Name)</option>
                            }
                        </select>
                    }
                </div>
            </div>
            <div class="col-md-12 col-lg-6">
                <div class="input-group mb-2">
                    @if (User)
                    {
                        <span class="input-group-text">Side</span>
                        <input type="text" readonly class="form-control" value="@(CurrInglesina.SideList.FirstOrDefault(x => x.Id == SideIndex))">
                    }
                    else
                    {
                        <label class="input-group-text">Side</label>
                        <select class="form-select" @bind="@SideIndex">
                            @foreach (var sideType in CurrInglesina.SideList)
                            {
                                <option value=@(sideType.Id)>@(sideType.Name)</option>
                            }
                        </select>
                    }
                </div>
            </div>
        </div>
        <div class="row">
            @if (CurrInglesina.nSplitQtyVert > 0)
            {
                <div class="col-md-12 col-lg-6">
                    <div class="input-group mb-2">
                        <span class="input-group-text">QtyVert</span>
                        @if (User)
                        {
                            <input type="number" readonly class="form-control" value="@InglesinaQtyVert">
                        }
                        else
                        {
                            <input type="number" class="form-control" @bind="@InglesinaQtyVert">
                        }
                    </div>
                </div>
            }
            @if (CurrInglesina.nSplitQtyHoriz > 0)
            {
                <div class="col-md-12 col-lg-6">
                    <div class="input-group mb-2">
                        <span class="input-group-text">QtyHoriz</span>
                        @if (User)
                        {
                            <input type="number" readonly class="form-control" value="@InglesinaQtyHoriz">
                        }
                        else
                        {
                            <input type="number" class="form-control" @bind="@InglesinaQtyHoriz">
                        }
                    </div>
                </div>
            }
        </div>
        <div class="row">
            @if (CurrInglesina.SplitVertList.Count > 0 && CurrInglesina.SplitHorizList.Count > 0)
            {
                <div class="col-md-12 col-lg-6">
                    @for (int i = 0; i < CurrInglesina.SplitVertList.Count; i++)
                    {
                        <EditSplitDimensions CurrRec="CurrInglesina.SplitVertList[i]"
                                             Name="Width"
                                             Index="i"
                                             EC_Update="UpdateDimension">
                        </EditSplitDimensions>
                    }
                </div>
                <div class="col-md-12 col-lg-6">
                    @for (int i = 0; i < CurrInglesina.SplitHorizList.Count; i++)
                    {
                        <EditSplitDimensions CurrRec="CurrInglesina.SplitHorizList[i]"
                                             Name="Height"
                                             Index="i"
                                             EC_Update="UpdateDimension">
                        </EditSplitDimensions>
                    }
                </div> 
            }
            else if (CurrInglesina.SplitHorizList.Count > 0)
            {
                @for (int i = 0; i < CurrInglesina.SplitHorizList.Count; i++)
                {
                    <EditSplitDimensions CurrRec="CurrInglesina.SplitHorizList[i]"
                                         Name="Height"
                                         Index="i"
                                         EC_Update="UpdateDimension">
                    </EditSplitDimensions>
                }
            }
            else if (CurrInglesina.SplitVertList.Count > 0)
            {
                @for (int i = 0; i < CurrInglesina.SplitVertList.Count; i++)
                {
                    <EditSplitDimensions CurrRec="CurrInglesina.SplitVertList[i]"
                                         Name="Width"
                                         Index="i"
                                         EC_Update="UpdateDimension">
                    </EditSplitDimensions>
                }
            }
        </div>
        @if (CurrInglesina.SelSplitShape == Json.WindowConst.SplitShapes.GRID)
        {
            <div class="row">
                <div class="col-md-12 col-lg-6">
                    <div class="d-flex justify-content-start fs-5 mb-2">
                        <div class="px-1">
                            @if (User)
                            {
                                <input class="form-check-input ml-auto" disabled="disabled" type="checkbox" name="SplitStartVert" checked="@CurrInglesina.bSplitStartVert">
                            }
                            else
                            {
                                <input class="form-check-input ml-auto" type="checkbox" name="SplitStartVert" checked="@CurrInglesina.bSplitStartVert" @oninput="(ChangeEventArgs e) => ChangeStartVert(e)">
                            }
                        </div>
                        <div class="px-2">
                            <label class="form-check-label fs-6 text-dark">StartVert</label>
                        </div>
                    </div>
                </div>
            </div>
        }
        <hr/>
        <div class="row">
            @if (CurrInglesina.nSplitQtyVert > 0)
            {
                <div class="col-md-12 col-lg-6">
                    <div class="d-flex justify-content-start align-items-center px-2">
                        <h6>Element vert</h6>
                    </div>
                    @foreach (var element in vertList())
                    {
                        <EditSplitElement CurrRec="element" EC_Update="UpdateElement"></EditSplitElement>
                    }
                </div>
            }
            @if (CurrInglesina.nSplitQtyHoriz > 0)
            {
                <div class="col-md-12 col-lg-6">
                    <div class="d-flex justify-content-start align-items-center px-2">
                        <h6>Element horiz</h6>
                    </div>
                    @foreach (var element in horizList())
                    {
                        <EditSplitElement CurrRec="element" EC_Update="UpdateElement"></EditSplitElement>
                    }
                </div>
            }
        </div>
    </div>
</div>