@inherits BaseComp

<div class="card shadow">
    <div class="card-header bg-info bg-opacity-50 bg-gradient">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <div class="px-1 fs-3">
                <b>@Traduci("risorsa_simulazCosti")</b>
            </div>
            <div class="px-1">
                @if (isEditing)
                {
                    <button class="btn btn-success pe-2" @onclick="DoSave">@Traduci("salva") <i class="fa-solid fa-floppy-disk"></i></button>
                    <button class="btn btn-warning" @onclick="DoCancel">@Traduci("annulla") <i class="fa-solid fa-ban"></i></button>
                }
                else
                {
                    <button class="btn btn-primary" @onclick="DoEdit">@Traduci("modifica") <i class="fa-solid fa-pencil"></i></button>
                }
            </div>
        </div>
        <div class="d-flex justify-content-between align-items-center">
            <div class="px-1">
                <div class="input-group">
                    <span class="input-group-text" title="@CurrRecord.DriverNav.Descript">@Traduci("risorsa_driver")</span>
                    <input placeholder="Qty Driver" @bind="@DriverQty" class="form-control form-control-sm text-end w-auto" type="number" step="0.001" style="width:5rem;" />
                    <span class="input-group-text" title="@CurrRecord.DriverNav.Descript"><b>@CurrRecord.DriverNav.Name</b> (@CurrRecord.DriverNav.Unit)</span>
                </div>
                @* <small class="small text-secondary" title="Prezzo">@CurrRecord.DriverNav.Descript</small> *@
            </div>
            <div class="px-1 fs-3">
                <div title="@Traduci("risorsa_prezzo")">
                    <b>@($"{PriceCalc:C2}")</b> <small class="text-secondary fs-5" title="@Traduci("risorsa_prezzo")">(@($"{CostCalc:C2}"))</small>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body p-1">
        <ul class="list-group">
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Codifica</b> per ordine/gruppo</div>
                    @* <div>@Traduci("cod")</div>
                    <small class="small text-secondary">
                        Codifica per ordine/gruppo
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@CurrRecord.CodResource</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <input class="form-control text-end w-auto" @bind="@CurrRecord.CodResource" type="text" />
                                <span class="input-group-text">#</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Denominazione</b> risorsa</div>
                    @* <div>@Traduci("nome")</div>
                    <small class="small text-secondary">
                        Denominazione Risorsa
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@CurrRecord.Name</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <input class="form-control text-end w-auto" @bind="@CurrRecord.Name" type="text" />
                                <span class="input-group-text">#</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Driver</b> di costing</div>
                    @* <div>@Traduci("risorsa_driver")</div>
                    <small class="small text-secondary">
                        Driver di Costing
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <span><b>@CurrRecord.DriverNav.Name</b> (@CurrRecord.DriverNav.Unit)</span>
                        }
                        else
                        {
                            <select @bind="@CurrRecord.CostDriverID" class="form-select">
                                @foreach (var itemAlt in CostDriverList)
                                {
                                    <option value="@itemAlt.CostDriverID">@itemAlt.Name (@itemAlt.Unit)</option>
                                }
                            </select>
                        }
                    </div>@* 
                    <small class="small text-secondary">
                        @CurrRecord.DriverNav.Descript
                    </small> *@
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Unità</b> di calcolo (es ore/periodo)</div>
                    @* <div>Budget Value Driver</div>
                    <small class="small text-secondary">
                        Base unità di calcolo (es ore/periodo)
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@($"{CurrRecord.CostDriverBudget:N2}")</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <InputDecimal Decimals="3" Step="0.001M" CssClass="form-control text-end w-auto" @bind-Value="@CurrRecord.CostDriverBudget"></InputDecimal>
                                <span class="input-group-text">#</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Costi Fissi</b> nell'unità di riferimento (affitti, ammortamenti)</div>
                    @* <div>@Traduci("risorsa_costiFissi")</div>
                    <small class="small text-secondary">
                        Costi Fissi nell'unità di riferimento (affitti, ammortamenti)
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@($"{CurrRecord.FixedCost:C2}")</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <InputDecimal Decimals="3" Step="0.001M" CssClass="form-control text-end w-auto" @bind-Value="@CurrRecord.FixedCost"></InputDecimal>
                                <span class="input-group-text">€</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Costi Variabili</b> nell'unità di riferimento (energia, consumabili, no materie prime)</div>
                    @* <div>@Traduci("risorsa_costiVariabili")</div>
                    <small class="small text-secondary">
                        Costi Variabili nell'unità di riferimento (energia, consumabili, no materie prime)
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@($"{CurrRecord.VariableCost:C2}")</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <InputDecimal Decimals="3" Step="0.001M" CssClass="form-control text-end w-auto" @bind-Value="@CurrRecord.VariableCost"></InputDecimal>
                                <span class="input-group-text">€</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Costi del lavoro</b> nell'unità di riferimento (diretti)</div>
                    @* <div>@Traduci("risorsa_costoLavoro")</div>
                    <small class="small text-secondary">
                        Costi HR nell'unità di riferimento (diretti)
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@($"{CurrRecord.LaborCost:C2}")</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <InputDecimal Decimals="3" Step="0.001M" CssClass="form-control text-end w-auto" @bind-Value="@CurrRecord.LaborCost"></InputDecimal>
                                <span class="input-group-text">€</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Costi OH</b> nell'unità di riferimento (indiretti)</div>
                    @* <div>@Traduci("risorsa_overhead")</div>
                    <small class="small text-secondary">
                        Costi OH nell'unità di riferimento (indiretti)
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@($"{CurrRecord.OverHeadCost:C2}")</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <InputDecimal Decimals="3" Step="0.001M" CssClass="form-control text-end w-auto" @bind-Value="@CurrRecord.OverHeadCost"></InputDecimal>
                                <span class="input-group-text">€</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Maggiorazione Costi OH</b> nell'unità di riferimento</div>
                    @* <div>@Traduci("risorsa_overhead") +%</div>
                    <small class="small text-secondary">
                        Maggiorazione Costi OH nell'unità di riferimento (indiretti)
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@($"{CurrRecord.OverHeadPerc:P2}")</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <InputPercent CssClass="form-control text-end" @bind-Value="@CurrRecord.OverHeadPerc"></InputPercent>
                                <span class="input-group-text">+</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Maggiorazione Utili</b> nell'unità di riferimento</div>
                    @* <div>EBT +%</div>
                    <small class="small text-secondary">
                        Maggiorazione Utili nell'unità di riferimento (indiretti)
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@($"{CurrRecord.EBTPerc:P2}")</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <InputPercent CssClass="form-control text-end" @bind-Value="@CurrRecord.EBTPerc"></InputPercent>
                                <span class="input-group-text">+</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
            <li class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <div><b class="fs-5">Margine Prezzo</b> nell'unità di riferimento</div>
                    @* <div>@Traduci("margine") +%</div>
                    <small class="small text-secondary">
                        Margine Prezzo (scontabile) nell'unità di riferimento (indiretti)
                    </small> *@
                </div>
                <div class="text-end">
                    <div class="fs-4">
                        @if (!isEditing)
                        {
                            <b>@($"{CurrRecord.PriceMargin:P2}")</b>
                        }
                        else
                        {
                            <div class="input-group">
                                <InputPercent CssClass="form-control text-end" @bind-Value="@CurrRecord.PriceMargin"></InputPercent>
                                <span class="input-group-text">+</span>
                            </div>
                        }
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>