<modal-dialvox v-model="targets.addDecision" :send="traducirFrase('Guardar')" small @submit="addDecision">
    <h4>{{traducirFrase("Agregar Decisión")}}</h4>
    <br>
    <div class="container">
        <div class="row dv-flex dv-centered noBottomMargin">
            <div class="input-field col dv-flex-grow-1">
                <input type="text" v-bind:placeholder="traducirFrase('Nombre')" class="nombreInput" v-model="decision.nombre">
            </div>
        </div>
        <div class="row dv-flex dv-centered topMargin" >
            <div class="dv-flex-grow-1 input-field col">
                <select name="" id="selectorTipoAccion" class="browser-default" v-model="decision.tipoDeAccionDefecto">
                    <option :value="1">{{traducirFrase("Colgar")}}</option>
                    <option :value="2">{{traducirFrase("Transferir")}}</option>
                    <option :value="3">{{traducirFrase("Pregunta")}}</option>
                    <option :value="4">{{traducirFrase("Decisión")}}</option>
                </select>
                <label for="selectorTipoRespuesta" class="active">{{traducirFrase("Acción por defecto")}}</label>
            </div>
            <div class="dv-flex-grow-1 input-field col" v-if="decision.tipoDeAccionDefecto === 2">
                <input type="text" id="telefonoInput" v-model="decision.valorDeAccionDefecto">
                <label for="telefonoInput" class="active">{{traducirFrase("Teléfono")}}</label>
            </div>
            <div class="dv-flex-grow-1 input-field col" v-if="decision.tipoDeAccionDefecto === 3">
                <select name="" id="selectorValorPregunta" class="browser-default" v-model="decision.valorDeAccionDefecto">
                    <option v-for="v in preguntas" :key="v.value" :value="v.value">
                        {{ v.label }}
                    </option>
                </select>
                <label for="selectorValorPregunta" class="active">{{traducirFrase("Pregunta")}}</label>
            </div>
            <div class="dv-flex-grow-1 input-field col" v-if="decision.tipoDeAccionDefecto === 4">
                <select name="" id="selectorValorDecision" class="browser-default" v-model="decision.valoreDeAccionDefecto">
                    <option v-for="v in decisiones" :key="v.value" :value="v.value">
                        {{ v.label }}
                    </option>
                </select>
                <label for="selectorValorDecision" class="active">{{traducirFrase("Decisión")}}</label>
            </div>
        </div>
    </div>
</modal-dialvox>