<div id="formuCRM" class="modal" style="min-height: 50vh;">
    <div class="modal-content">
        <h5>Subir registro a campaña de Whatsapp</h5>
        <div class="modal-body">
            <div class="row ">
                <div class="col s12 m10 l10 xl10 offset-m1 offset-l1 offset-xl-1">
                    <br>
                    <div class="row">
                        <div class="input-field col s12">
                            <select v-model="actionCRM" id="actionCRM">
                                <option :value="-1" disabled selected>Selecciona un opcion</option>
                                <option :value="0">Subir CRM</option>
                                <option :value="1">Eliminar CRM</option>
                                <option :value="2">Consultar CRM</option>
                            </select>
                            <label for="actionCRM">Accion</label>
                        </div>
                    </div>
                    <br>
                    <div class="row" v-if="actionCRM == 0">
                        <div class="col s12">
                            <span class="caption teal-text text-darken-1">
                                Selecciona el archivo CSV para subir el CRM. Recuerda que el campo del telefono debe estara para subir correctamente la mascara de datos.
                            </span>
                        </div>
                        <div class="col s12">
                            <div class="input-field file-field">
                                <div class="btn btn-small">
                                    <span>Archivo</span>
                                    <input type="file" id="archivoCRM">
                                </div>
                                <div class="file-path-wrapper">
                                    <input type="text" class="file-path" placeholder="Selecciona un archivo">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" v-if="actionCRM == 1">
                        <div class="col s12 input-field">
                            <i class="material-icons prefix">local_phone</i>
                            <input type="text" id="telefonoEliminarCRM">
                            <label for="telefonoEliminarCRM">Telefono a eliminar</label>
                        </div>
                    </div>
                    <div class="row" v-if="actionCRM == 2">
                        <div class="col s12 input-field">
                            <i class="material-icons prefix">search</i>
                            <input type="text" id="telefonoConsultarCRM">
                            <label for="telefonoConsultarCRM">Telefono</label>
                        </div>
                    </div>
                    <div class="row" v-if="actionCRM == -1">
                        <span class="caption blue-text text-darken-1">
                            No has seleccionado una accion
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-small  waves-effect" v-if="actionCRM == 0" onclick="enviarCRM()">Subir</button>
            <button class="btn btn-small  waves-effect" v-if="actionCRM == 1" onclick="borrarCRM()">Eliminar</button>
            <button class="btn btn-small  waves-effect" v-if="actionCRM == 2" onclick="buscarCRM()">Buscar</button>
            <button class="btn btn-small modal-close waves-effect">Cancelar</button>
        </div>
    </div>
</div>
