<modal-dialvox v-model="targets.assoc" :cancel="traducirFrase('Cancel')" small :disabled="true" @closed="toggle('assoc')">
    <h4>{{ traducirFrase("Asociar clientes") }}</h4>
    <br><br>
    <div class="container">
        <div class="row" style="display: flex; align-items: center;">
            <div style="flex-grow: 1;">
            <select 
                id="add_audioPrincipal" 
                class="browser-default" 
                v-model="one.audioPrincipal" 
                :placeholder="traducirFrase('Audio Principal')"
            >
                    <option v-for="cliente in clientes" :key="cliente.value" :value="cliente.value">
                        {{cliente.label}}
                    </option>
                </select>
            </div>
            <div>
                <button class="waves-effect waves-light btn blue" @click="addAssoc">
                    agregar voz
                </button>
            </div>
        </div>
        <div>
            <table-dialvox 
                :headers="headersAssoc" 
                :data="clientesAsociados" 
                :options="optionsAssoc" 
                :loading="loading"
                :hsearch="true"
                @delete="deleteAssoc($event)" 
            ></table-dialvox>
        </div>
    </div>
</modal-dialvox>
<!--Tabla de registros
    nombre
    activo
    orden


-->