<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>
<div id="formShow" class="modal">
    <div class="modal-content">
        <h5>Informacion encontrada</h5>
        <div class="modal-body">
            <div class="row ">
                <div class="col s12 m10 l10 xl10 offset-m1 offset-l1 offset-xl-1">
                    <table>
                        <thead>
                            <tr>
                                <th>Dato</th>
                                <th>Valor</th>
                            </tr>
                        </thead>
                        <tbody id='CRMHERE'>
                        </tbody>
                    </table>
                    <button class="modal-close btn btn-danger mb-2 mt-2 ml-2 mr-2 col-sm-12" type="button" v-on:click="cancelButtonCSV()">
                        Cancelar
                    </button>
                    <div id="message"></div>

                </div>
            </div>
        </div>
    </div>
</div>
