@page "/"
@page "/EditJWD"
@rendermode InteractiveServer

<PageTitle>EditJWD</PageTitle>

<div class="row mb-2">
    @* <div class="col-6">
        <div class="input-group mb-2 justify-content-center">
            <span class="input-group-text">FamilyHw</span>
            <select class="form-select" @bind="familyHWMassUpdate">
                @foreach (var item in AvailFamilyHardwareList)
                {
                    <option value="@item">@item</option>
                }
            </select>
        </div>
    </div> *@
    <div class="col-6">
        <div class="input-group mb-2 justify-content-center">
            <span class="input-group-text">Color</span>
            <select class="form-select" @bind="colorMassUpdate">
                @foreach (var item in AvailColorMaterialList)
                {
                    <option value="@item">@item</option>
                }
            </select>
        </div>
    </div>
    <div class="col-6">
        <div class="input-group mb-2 justify-content-center">
            <span class="input-group-text">Wood</span>
            <select class="form-select" @bind="woodMassUpdate">
                @foreach (var item in AvailWoodList)
                {
                    <option value="@item">@item</option>
                }
            </select>
        </div>
    </div>
    <div class="col-6">
        <div class="input-group mb-2 justify-content-center">
            <span class="input-group-text">Glass</span>
            <select class="form-select" @bind="glassMassUpdate">
                @foreach (var item in AvailGlassList)
                {
                    <option value="@item">@item</option>
                }
            </select>
        </div>
    </div>
    <div class="col-6">
        <div class="input-group mb-2 justify-content-center">
            <span class="input-group-text">Profile</span>
            <select class="form-select" @bind="profileMassUpdate">
                @foreach (var item in DescriptionProfileList)
                {
                    <option value="@item">@item</option>
                }
            </select>
        </div>
    </div>
</div>
<div class="row mb-2">
    <div class="col-2">
        <button class="btn btn-outline-secondary btn-sm" @onclick="() => UpdateInfoJwdAsync(CurrData.CurrJwd, familyHWMassUpdate, colorMassUpdate, woodMassUpdate, glassMassUpdate, profileMassUpdate)">Save</button>
    </div>
</div>

@if (doEdit)
{
    <WebWindowComplex.TableComp ListPayload="SetupList"
                                LiveData="CurrData"
                                SelectionData="SelectList"
                                PendReq="DictPendReq"
                                baseUser="User"
                                EC_ActionReq="DoAction"
                                EC_DoUpdate="ExecRequest"
                                EC_OnClose="CloseObj"
                                EC_UpdateReqPend="PendAction">
    </WebWindowComplex.TableComp>
}
else
{
    <div class="d-flex justify-content-between">
        <div class="px-0">
            <button class="btn btn-primary" @onclick="SetEdit">Click per editare</button>
        </div>
        <div class="px-0">
            <button class="btn btn-primary" @onclick="() => ToggleJwd()">Toggle JWD</button>
        </div>
    </div>
}

@if (!string.IsNullOrEmpty(outClose))
{
    <div class="alert alert-danger fs-4">
        @outClose
    </div>
}
else if (!string.IsNullOrEmpty(outSave))
{
    <div class="alert alert-success fs-4">
        @outSave
    </div>
}

<div class="card">
    <div class="card-body small">
        @JsonSer
    </div>
</div>