<div id="modalResult" class="modal">
    <div class="modal-content">
        <h4>{{i18n.gettext("Carga exitosa")}}</h4>

        <div class="collection">
            <a class="collection-item black-text"><span class="badge">{{responseResult.lista}}</span><b>{{i18n.gettext("Lista")}}:</b></a>
            <a class="collection-item black-text"><span class="badge">{{responseResult.total}}</span><b>{{i18n.gettext("Total de registros")}}:</b></a>
            <a class="collection-item teal-text"><span class="badge">{{responseResult.total - responseResult.erroneos.length}}</span><b>
                    {{i18n.gettext("Registros cargados exitosamente")}}:</b></a>
            <a class="collection-item red-text"><span class="badge">{{responseResult.erroneos.length}}</span><b>{{i18n.gettext("Registros erroneos")}}:</b></a>
            <ul class="collection">
                <div v-if="responseResult.erroneos.length>10">
                    <li class="collection-item">
                        <div>{{traducirFrase("Se muestran las 10 primeras lineas donde hay un error")}}<a href="#" class="secondary-content"><i class="material-icons">error_outline</i></a></div>
                    </li>
                </div>
                <div v-for='lineas in responseResult.erroneos.slice(0,10)'>
                    <li class="collection-item">
                        <div>{{traducirFrase("Error en la linea")+ " "+lineas.Linea+". "+traducirFrase("Telefono")+": "+lineas.Telefono}}<a href="#" class="secondary-content"><i class="material-icons">error</i></a></div>
                    </li>
                    <div>
            </ul>
            <center><button class="modal-close btn waves-effect waves-light" onclick="$('#modalResult').modal('close');" type='button' id='CancelarCampa'>Ok
                    <i class="material-icons right">done</i>
                </button></center>
        </div>
    </div>
</div>
