<h4>{{traducirFrase("Rango de grupo de entrada")}}</h4>
<br>
<div style="max-height: 300px; overflow: auto; position: relative;">
    <div class="row">
        <div class="col s12 input-field">
            <label for="selectIngroupRank" class="active">
                {{traducirFrase("Grupo de entrada")}}
            </label>
            <select v-model="userIngroupSelectedId" class="browser-default" id="selectIngroupRankGroup">
                <option v-for="ingroup in userIngroupsSelectOptions" :key="ingroup.value" :value="ingroup.value" >
                    {{ ingroup.label }}
                </option>
            </select>
        </div>
        <div class="col s12 input-field">
            <input type="number" min="-9" max="9" step="1" v-model="userIngroupSelectedRank">
            <label class="active" for="selectIngroupRankRank">{{traducirFrase("Rango")}}</label>
            <span class="helper-text">{{traducirFrase("Ingresa un valor entero entre -9 y 9")}}</span>
        </div>
    </div>
</div>
<br>
