@inherits BaseComp

<div class="rounded rounded-3 bg-secondary bg-opacity-25 bg-gradient p-2 m-0 shadow">
    @if (CurrRecord != null)
    {
        <div>
            <span class="fs-5"># <b>@(CurrRecord.SellingItemID)</b></span> | Codice @CurrRecord.ItemCode
        </div>
        <div class="row g-1">
            <div class="col-md-3">
                <div class="form-floating">
                    <select @bind="@CurrRecord.Envir" class="form-select">
                        <option value="NULL">--- Sel. Envir ---</option>
                        @foreach (var item in ListEnvir())
                        {
                            <option value="@item">@item</option>
                        }
                    </select>
                    <label class="small bg-opacity-50">@Traduci("ambiente")</label>
                </div>
            </div>           
            <div class="col-md-1">
                <div class="form-floating">
                    <div class="form-control ">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" checked="@CurrRecord.IsService">
                        </div>
                    </div>
                    <label class="small bg-opacity-50">@Traduci("articoli_servizio")</label>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-floating">
                    <input type="text" class="form-control" @bind="@CurrRecord.ExtItemCode" disabled="@CurrRecord.IsProtected">
                    <label class="small bg-opacity-50">@Traduci("articoli_itemCode")</label>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-floating">
                    <input type="text" class="form-control" @bind="@CurrRecord.SupplCode" disabled="@CurrRecord.IsProtected">
                    <label class="small bg-opacity-50">@Traduci("articoli_supplCode")</label>
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-floating">
                    <InputDouble CssClass="form-control form-control-lg text-end" Decimals="2" Step="0.05" @bind-Value="@CurrRecord.Cost"></InputDouble>
                    <label class="small bg-opacity-50">@Traduci("articoli_costo")</label>
                </div>
            </div>
            <div class="col-md-1">
                <div class="form-floating">
                    <InputPercent CssClass="form-control form-control-lg text-end" ForceInvariantParsing="true" Decimals="1" @bind-Value="@MarginDec"></InputPercent>
                    <label class="small bg-opacity-50">@Traduci("margine")</label>
                </div>
            </div>
            <div class="col-md-1">
                <div class="form-floating">
                    <input type="text" class="form-control text-end" @bind="@CurrRecord.UM">
                    <label class="small bg-opacity-50">@Traduci("unitaMisura")</label>
                </div>
            </div>
            <div class="col-md-8">
                <div class="form-floating">
                    <input type="text" class="form-control" @bind="@CurrRecord.Description" disabled="@CurrRecord.IsProtected">
                    <label class="small bg-opacity-50">@Traduci("descrizione")</label>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-floating">
                    <select @bind="@CurrRecord.JobID" class="form-select" disabled="@CurrRecord.IsProtected">
                        @foreach (var jType in ListJobTask)
                        {
                            <option value="@jType.JobID">@jType.Description</option>
                        }
                    </select>
                    <label class="small bg-opacity-50">@Traduci("cicli_jobTask")</label>
                </div>
            </div>
                           
            <div class="col-md-3">
                <div class="d-flex justify-content-between">
                    <div class="px-0 w-100">
                        <div class="form-floating">
                            <select @bind="@CurrRecord.SourceType" class="form-select" disabled="@CurrRecord.IsProtected">
                                @foreach (var sType in Enum.GetValues(typeof(EgwCoreLib.Lux.Core.Enums.ItemSourceType)))
                                {
                                    <option value="@sType">@sType</option>
                                }
                            </select>
                            <label class="small bg-opacity-50">@Traduci("articoli_sorgente")</label>
                        </div>
                    </div>
                    <div class="px-0 w-100">
                        <div class="form-floating">
                            <select @bind="@CurrRecord.ImgType" class="form-select" disabled="@CurrRecord.IsProtected">
                                @foreach (var sType in Enum.GetValues(typeof(EgwCoreLib.Lux.Core.Enums.ImageType)))
                                {
                                    <option value="@sType">@sType</option>
                                }
                            </select>
                            <label class="small bg-opacity-50">@Traduci("articoli_immagine")</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                @if (CurrRecord.ImgType != Enums.ImageType.Calculated)
                {
                    <div class="form-floating">
                        <InputFile class="form-control" OnChange="UploadFile" />
                        <label class="small bg-opacity-50">@Traduci("caricaImmagine")</label>
                    </div>
                }
            </div>
            <div class="col-md-6">
                <div class="row g-1 py-1">
                    <div class="col-md-6">
                        <button class="btn btn-lg btn-success w-100" @onclick="DoSave">@Traduci("salva")</button>
                    </div>
                    <div class="col-md-6">
                        <button class="btn btn-lg btn-warning w-100" @onclick="DoCancel">@Traduci("annulla")</button>
                    </div>
                </div>
            </div>
        </div>
    }
</div>