@using EgwCoreLib.Lux.Core

<div class="row">
    <div class="col-4">
        <div class="form-floating mb-3">
            <select @bind="@CurrRecord.SellingItemID" class="form-select">
                <option value="0">--- Sel. Prodotto ---</option>
                @foreach (var item in ListSellinglItems)
                {
                    <option value="@item.SellingItemID">@item.Description | @item.SourceType</option>
                }
            </select>
            <label class="small">Prodotto</label>
        </div>
    </div>
    <div class="col-8">
        <div class="form-floating mb-3">
            <textarea @bind="@CurrRecord.Name" class="form-control" type="text"></textarea>
            <label class="small">Nome</label>
        </div>
    </div>
    @if (ShowImgUpload(CurrRecord.SellingItemID))
    {
        <div class="col-8">
            <div class="form-floating mb-3">
                <InputFile class="form-control" OnChange="UploadFile" />
                <label class="small bg-opacity-50">Carica Immagine</label>
            </div>
        </div>
        <div class="col-4 mb-3">
            <button class="btn btn-lg btn-info w-100" @onclick="() => DoClearImg()"><i class="fa-solid fa-eraser"></i> ClearImage</button>
        </div>
    }
    <div class="col-6">
        <button class="btn btn-lg btn-success w-100" @onclick="() => DoSave()"><i class="fa-solid fa-floppy-disk"></i> Save</button>
    </div>
    <div class="col-6">
        <button class="btn btn-lg btn-warning w-100" @onclick="() => DoCancel()"><i class="fa-solid fa-ban"></i> Cancel</button>
    </div>
</div>