<modal-dialvox medium v-model="targets.assoc" disabled :cancel="traducirFrase('Cerrar')">
    <h4>{{traducirFrase("Asignar Encuestas")}}</h4>
    <br>
    <div class="container">
        <div class="row" style="display: flex; align-items:center;">
            <div style="flex-grow: 1;">
                <select
                    id="add_encuestaPrincipal"
                    class="browser-default"
                    v-model= "poll"
                    :placeholder= "traducirFrase('Encuesta')"
                >
                    <option :value="''">
                        {{ validPolls.length === 0 ? traducirFrase("No encuestas disponibles") : traducirFrase("Selecciona una encuesta") }}
                    </option>
                    <option v-for = "p in validPolls" :key="p.value" :value="p.value">
                        {{p.label}}
                    </option>
                </select>
            </div>
            <div>
                <button class="waves-effect waves-light btn blue" @click="addAssoc" style="margin-left: 1rem !important" >
                    {{traducirFrase("Agregar Encuesta")}}
                </button>
            </div>            
        </div>
        <div>
            <table-dialvox
                :headers="headerAssoc"
                :data="associatedPolls"
                :options="optionsAssoc"
                :hsearch="true"
                @delete="deleteAssoc($event)" 
            ></table-dialvox>
        </div>
    </div>
</modal-dialvox>