@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">
                <h5>@(descParentInglesina())</h5>
                <button class="btn btn-close" @onclick="ReqClose"></button>
        </div>
    </div>
    <div class="card-body py-2">
        <div class="d-flex align-items-center">
            <div class="d-flex gap-2 ms-auto">
                <select class="form-select w-auto" @bind="@MeasureType">
                    <option value="@MeasureTypes.ABSOLUTE">@Traduci("CWIng_Absolute") (mm)</option>
                    <option value="@MeasureTypes.PROPORTIONAL">@Traduci("CWIng_Proportional") (*)</option>
                    <option value="@MeasureTypes.PERCENTAGE">@Traduci("CWIng_Percentage") (%)</option>
                </select>
                <select class="form-select w-auto">
                    <option value="1">@Traduci("CWIng_Glass")</option>
                </select>
            </div>
        </div>
        <div class="row justify-content-start">
            <div class="col-4 text-start">
                <h5>@Traduci("CWIng_Inglesina")</h5>
            </div>
            @if (!BaseUser)
            {
                <div class="col-md-3">
                    <div class="input-group">
                        <button class="btn btn-outline-secondary btn-sm" @onclick="() => RemoveArea()">@Traduci("CWIng_RemoveIng")</button>
                    </div>
                </div>
            }
        </div>
        <div class="row py-2">
            <div class="col-md-12 col-lg-12">
                <div class="d-flex justify-content-start align-items-center" style="min-height: 2.5rem;">
                    <h6 class="fw-bold">@Traduci("CWIng_Shape")</h6>
                </div>
                @if (BaseUser)
                {
                    <div class="row align-items-center mb-2">
                        @foreach (var i in CurrInglesina.SplitShapeList)
                        {
                            <div class="col-auto">
                                <button type="button" class="btn-icone @ButtonShapeCss(i.Id) mx-1 px-1 py-1">
                                    <img class="img-fluid" src="@GetImageShapePath(i.Name)" title="@Traduci("CWIng_" + i.Name)" width="40" />
                                </button>
                            </div>
                        }
                        <div class="col-auto">
                            <div class="form-floating">
                                <input type="text" readonly class="form-control" value="@(CurrInglesina.SideList.FirstOrDefault(x => x.Id == SideIndex))">
                                <label>@Traduci("CWIng_Side")</label>
                            </div>
                        </div>
                        @if (CurrInglesina.SelSplitShape == Json.WindowConst.SplitShapes.GRID)
                        {
                            <div class="col-auto align-items-center">
                                <div class="px-1">
                                    <input class="form-check-input ml-auto me-1" type="checkbox" checked="@CurrInglesina.bSplitStartVert" @onclick:preventDefault>
                                    <label class="form-check-label fs-6 text-dark">@Traduci("CWIng_StartVert")</label>
                                </div>
                            </div>
                        }
                    </div>
                }
                else
                {
                    <div class="row align-items-center">
                        @foreach (var i in CurrInglesina.SplitShapeList)
                        {
                            <div class="col-auto">
                                <button type="button" class="btn-icone @ButtonShapeCss(i.Id) mx-1 px-1 py-1" @onclick="() => SelShapeInglesina(i.Id)">
                                    <img class="img-fluid" src="@GetImageShapePath(i.Name)" title="@Traduci("CWIng_" + i.Name)" width="40" />
                                </button>
                            </div>
                        }
                        <div class="col-3">
                            <div class="form-floating">
                                <select class="form-select" @bind="@SideIndex">
                                    @foreach (var sideType in CurrInglesina.SideList)
                                    {
                                        <option value=@(sideType.Id)>@Traduci("CWIng_" + sideType.Name)</option>
                                    }
                                </select>
                                <label>@Traduci("CWIng_Side")</label>
                            </div>
                        </div>
                        @if (CurrInglesina.SelSplitShape == Json.WindowConst.SplitShapes.GRID)
                        {
                            <div class="col-auto">
                                <div class="px-1">
                                    <input class="form-check-input ml-auto me-1" type="checkbox" checked="@CurrInglesina.bSplitStartVert" @oninput="(ChangeEventArgs e) => ChangeStartVert(e)">
                                    <label class="form-check-label fs-6 text-dark">@Traduci("CWIng_StartVert")</label>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        </div>
        @if (CurrInglesina.nSplitQtyHoriz > 0)
        {
            <hr />
            <div class="d-flex justify-content-start align-items-center" style="min-height: 2.5rem;">
                <h6 class="fw-bold">@Traduci("CWIng_HorizIng")</h6>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-6">
                    <div class="input-group mb-2">
                        <span class="input-group-text">@Traduci("CWIng_QtyElem")</span>
                        @if (BaseUser)
                        {
                            <input type="number" readonly class="form-control" value="@InglesinaQtyHoriz">
                        }
                        else
                        {
                            <input type="number" class="form-control" @bind="@InglesinaQtyHoriz">
                        }
                    </div>
                </div>
            </div>
            <div class="row">
                @for (int i = 0; i < CurrInglesina.SplitHorizList.Count; i++)
                {
                    <EditSplitDimensions CurrRec="CurrInglesina.SplitHorizList[i]"
                                         Name="Height"
                                         Index="i"
                                         TotElem="CurrInglesina.SplitHorizList.Count"
                                         EC_Update="UpdateDimension">
                    </EditSplitDimensions>
                }
            </div>
            <div class="row">
                @foreach (var element in horizList())
                {
                    <div class="col-md-12 col-lg-6">
                        <EditSplitElement CurrRec="element" Type="Horizontal" EC_Update="UpdateElement"></EditSplitElement>
                    </div>
                }
            </div>
        }
        @if (CurrInglesina.nSplitQtyVert > 0)
        {
            <hr />
            <div class="d-flex justify-content-start align-items-center" style="min-height: 2.5rem;">
                <h6 class="fw-bold">@Traduci("CWIng_VerticalIng")</h6>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-6">
                    <div class="input-group mb-2">
                        <span class="input-group-text">@Traduci("CWIng_QtyElem")</span>
                        @if (BaseUser)
                        {
                            <input type="number" readonly class="form-control" value="@InglesinaQtyVert">
                        }
                        else
                        {
                            <input type="number" class="form-control" @bind="@InglesinaQtyVert">
                        }
                    </div>
                </div>
            </div>
            <div class="row">
                @for (int i = 0; i < CurrInglesina.SplitVertList.Count; i++)
                {
                    <EditSplitDimensions CurrRec="CurrInglesina.SplitVertList[i]"
                                         Name="Width"
                                         Index="i"
                                         TotElem="CurrInglesina.SplitVertList.Count"
                                         EC_Update="UpdateDimension">
                    </EditSplitDimensions>
                }
            </div>
            <div class="row">
                @foreach (var element in vertList())
                {
                    <div class="col-md-12 col-lg-6">
                        <EditSplitElement CurrRec="element" Type="Vertical" EC_Update="UpdateElement"></EditSplitElement>
                    </div>
                }
            </div>
        }
    </div>
</div>