@using EgwCoreLib.Razor

<div class="col-md-12 col-lg-6">
    <div class="input-group mb-2">
        <span class="input-group-text">@(Name + " " + (Index+ 1))</span>
        @if(BaseUser)
        {
            <input type="number" readonly class="form-control" value="@CurrVal">
            @switch (CurrRec.SelMeasureType.ToString())
            {
                case "ABSOLUTE":
                    {
                        <span class="input-group-text" style="width:6rem; background-color:#e9ecef">mm</span>
                        break;
                    }
                case "PROPORTIONAL":
                    {
                        <span class="input-group-text" style="width:6rem; background-color:#e9ecef">*</span>
                        break;
                    }
                case "PERCENTAGE":
                    {
                        <span class="input-group-text" style="width:6rem; background-color:#e9ecef">%</span>
                        break;
                    }
            }
        }
        else
        {
            <input type="number" class="form-control" @bind="@CurrVal">
            <select class="form-select" style="max-width:6rem; background-color:#e9ecef" @bind="@CurrType">
                @foreach (var mType in CurrRec.MeasureTypeList)
                {
                    <option value=@(mType.Id)>
                        @switch (mType.Name)
                        {
                            case "Absolute":
                                {
                                    <span class="input-group-text">mm</span>
                                    break;
                                }
                            case "Proportional":
                                {
                                    <span class="input-group-text">*</span>
                                    break;
                                }
                            case "Percentage":
                                {
                                    <span class="input-group-text">%</span>
                                    break;
                                }
                        }
                    </option>
                }
            </select>
        }
    </div>
</div>