<div class="card-panel white modal" style="height: 500px; overflow-y:scroll;" id="formuModal">
    <form method="post" action="" onsubmit="creaLista(); return false;">
        <div class="row modal-content">
            <div class="col s8 offset-s2">
                <h5 class="center">{{i18n.gettext("Crear una lista")}}</h5>
            </div>
            <div class="input-field col s8 offset-s2">
                <input id="nombreLista" type="text" required="required">
                <label class="active" for="nombreLista">{{i18n.gettext("Nombre de la lista")}}</label>
            </div>
            <div class="input-field col s8 offset-s2">
                <input id="descripcionLista" type="text">
                <label class="active" for="descripcionLista">{{i18n.gettext("Descripcion de la lista")}}</label>
            </div>
            <div class="input-field col s8 offset-s2">
                <select id="campana" class="browser-default" required="required">
                    <option v-for="campana in campanas" v-bind:value="campana.campaign_id">{{campana.campaign_name}}</option>
                </select>
                <label class="active" for="campana">{{i18n.gettext("Campaña")}}:</label>
            </div>
            <div class="input-field col s8 offset-s2">
                <select id="activa" required="required">
                    <option value='Y'>{{i18n.gettext("Si")}}</option>
                    <option value='N'>{{i18n.gettext("No")}}</option>
                </select>
                <label class="" for="activa">{{i18n.gettext("Activa")}}</label>
            </div>

            <!-- ==================================================== -->
            <!-- Seleccion de CRM -->
            <div class="input-field col s8 offset-s2">
                <p>
                    <label for="tieneCrmCrear">
                        <input type="checkbox" id="tieneCrmCrear" v-model="tieneCrmCrear">
                        <span>{{traducirFrase("Con CRM")}}</span>
                    </label>
                </p>
            </div>
            <div class="input-field col s8 offset-s2" v-if="tieneCrmCrear">
                <select id="crmCrear" class="browser-default" v-model="crmCrear">
                    <option value="" disabled selected>{{traducirFrase("Selecciona un CRM")}}</option>
                    <option
                        v-for="item in crms"
                        :key="item.value"
                        :value="item.value"
                    >
                        {{ item.label }}
                    </option>
                </select>
                <label for="crmCrear" class="active">{{traducirFrase("CRM")}}</label>
            </div>
            <!-- ==================================================== -->

            <div class="input-field col s8 offset-s2 center">
                <button class="modal-close btn waves-effect waves-light" onclick="$('#formuModal').modal('close');" type='button' id='CancelarCampa'>{{i18n.gettext("Cancelar")}}
                    <i class="material-icons right">cancel</i>
                </button>
                <button class="btn waves-effect waves-light " type="submit" name="action" id="botonCrea">{{i18n.gettext("Registrar")}}
                    <i class="material-icons right">send</i>
                </button>
            </div>
            <div height="400"></div>
        </div>
    </form>
</div>
