<modal-dialvox v-model="targets.add" small @submit="add('agregarCRM', 'add')" :disabled="!validForm">
    <h4>{{ traducirFrase("Registrar CRM") }}</h4>
    <br><br>
    <div class="container">
        <div class="row">
            <div class="input-field">
                <input type="text" id="addCRMName" v-model="one.nombre" :placeholder="traducirFrase('Nombre')">
                <label for="addCRMName">{{ traducirFrase("Nombre") }}</label>
            </div>
            <div class="input-field">
                <select class="browser-default" v-model="one.color" placeholder="Color" id="addCRMColor">
                    <option v-for="color in colores" :value="color.value" :key="color.value">
                        {{ color.label }}
                    </option>
                </select>
                <label class="active" for="addCRMColor">Color</label>
            </div>
            <div class="input-field">
                <p>
                    <label>
                        <input type="checkbox" v-model="one.ocultarInfo" id="addCRMInfo" />
                        <span>{{ traducirFrase('Ocultar pestaña "Informacion general"') }}</span>
                    </label>
                </p>
            </div>
            <br>
        </div>
    </div>
</modal-dialvox>