<modal-dialvox v-model="targets.add" small @submit="add('crearMenu', 'add')" :disabled="!validForm">
    <h4>{{traducirFrase("Registrar menú")}}</h4>
    <br><br>
    <div class="container">
        <div class="row">
            <div class="input-field">
                <input type="text" id="add_name" v-model="one.nombreMenu" v-bind:placeholder="traducirFrase('Nombre')">
                <label for="add_name">{{traducirFrase("Nombre")}}</label>
            </div>
            <div class="input-field">
                <label for="add_audioPrincipal" class="active">
                    {{traducirFrase("Audio Principal")}}
                </label>
                <select id="add_audioPrincipal" class="browser-default" v-model="one.audioPrincipal" v-bind:placeholder="traducirFrase('Audio Principal')">
                    <option :value="null" selected>
                        {{traducirFrase("Sin audio")}}
                    </option>
                    <option v-for="audio in audios" :key="audio.value" :value="audio.value">
                        {{audio.label}}
                    </option>
                </select>
            </div>
            <div class="input-field">
                <label for="add_audioTLE" class="active">
                    {{traducirFrase("Audio Tiempo Limite Excedido (TLE)")}}
                </label>
                <select id="add_audioTLE" class="browser-default" v-model="one.audioTLE" placeholder="Audio Tiempo Limite Excedido (TLE)">
                    <option :value="null" selected>
                        {{traducirFrase("Sin audio")}}
                    </option>
                    <option v-for="audio in audios" :key="audio.value" :value="audio.value">
                        {{audio.label}}
                    </option>
                </select>
            </div>
            <div class="input-field">
                <label for="add_audioOpcionInvalida" class="active">
                    {{traducirFrase("Audio Opción Inválida")}}
                </label>
                <select id="add_audioOpcionInvalida" class="browser-default" v-model="one.audioOpcionInvalida" placeholder="Audio Opción Inválida">
                    <option :value="null" selected>
                        {{traducirFrase("Sin audio")}}
                    </option>
                    <option v-for="audio in audios" :key="audio.value" :value="audio.value">
                        {{audio.label}}
                    </option>
                </select>
            </div>
            <div class="input-field">
                <label class="active">
                    {{traducirFrase("Horario de llamada")}}
                </label>
                <select class="browser-default" v-model="one.call_time_id" placeholder="Horario de llamada">
                    <option v-for="v in calltimes" :key="v.value" :value="v.value">
                        {{ v.label }}
                    </option>
                </select>
            </div>
        </div>
    </div>
</modal-dialvox>
