<modal-dialvox v-model="targets.editDecision" :send="traducirFrase('Guardar')" small @submit="editDecision">
    <h4>{{traducirFrase("Editar 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" id="nombre">
                <label class="active" for="nombre"></label>
            </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">Colgar</option>
                    <option :value="2">Transferir</option>
                    <option :value="3">Pregunta</option>
                    <option :value="4">Decisión</option>
                </select>
                <label for="selectorTipoRespuesta" class="active">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">Teléfono</label>
            </div>
            <div class="dv-flex-grow-1 input-field col" v-if="decision.tipoDeAccionDefecto === 3">
                <label for="selectorValorPregunta" class="active">Pregunta</label>    
                <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>
            </div>
            <div class="dv-flex-grow-1 input-field col" v-if="decision.tipoDeAccionDefecto === 4">
                <label for="selectorValorDecision" class="active">Decisión</label>
                <select name="" id="selectorValorDecision" class="browser-default" v-model="decision.valorDeAccionDefecto">
                    <option v-for="v in decisiones" :key="v.value" :value="v.value">
                        {{ v.label }}
                    </option>
                </select>
            </div>
        </div>
    </div>
</modal-dialvox>