@extends('adminlte::page')

@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'Registros de Puntos Antiguos')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="card card-aspen">
        <div class="card-header">
            <h3 class="card-title">Registros de Puntos Antiguos</h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="datatable">
                    <thead>
                        <tr>
                            <th>Local</th>
                            <th>UTM</th>
                            <th>Punto Medición</th>
                            <th>Punto Sondaje</th>
                            <th>Contrato</th>
                            <th>Área/Sector</th>
                            <th>Este Local Terreno</th>
                            <th>Norte Local Terreno</th>
                            <th>Cota Local Terreno</th>
                            <th>Este UTM Terreno</th>
                            <th>Norte UTM Terreno</th>
                            <th>Cota UTM Terreno</th>
                            <th>Responsable Terreno</th>
                            <th>Observacion Terreno</th>
                            <th>Fecha Medición Terreno</th>
                            <th>Azimut Perforación</th>
                            <th>Inclinación Perforación</th>
                            <th>Este Local Collar</th>
                            <th>Norte Local Collar</th>
                            <th>Cota Local Collar</th>
                            <th>Este UTM Collar</th>
                            <th>Norte UTM Collar</th>
                            <th>Cota UTM Collar</th>
                            <th>Responsable Collar</th>
                            <th>Fecha Medición Collar</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.card-body -->
    </div>

    <div class="modal fade" id="modalImportacionDePuntosAntiguoTerreno" tabindex="-1" aria-labelledby="LabelModalImportacionDeArticulos" aria-hidden="true">
        <form enctype="multipart/form-data" id="formularioModalImportacionDePuntosAntiguoTerreno">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="LabelModalImportacionDePuntosAntiguoTerreno">Importar Puntos Antiguos Terreno</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Seleccionar Archivos</label>
                            <input type="file" class="form-control-file" id="campoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno" accept=".xlsx">
                            <div class="invalid-feedback" id="validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno">

                            </div>
                        </div>

                        <div id="contenedorDeErroresDeLaImportacionPuntosAntiguoTerreno" style="display:none;">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Fila</th>
                                            <th>Punto Medición</th>
                                            <th>Contrato</th>
                                            <th>Área/Sector</th>
                                            <th>Este Local Terreno</th>
                                            <th>Norte Local Terreno</th>
                                            <th>Cota Local Terreno</th>
                                            <th>Este UTM Terreno</th>
                                            <th>Norte UTM Terreno</th>
                                            <th>Cota UTM Terreno</th>
                                            <th>Responsable Terreno</th>
                                            <th>Observacion Terreno</th>
                                            <th>Fecha Medición Terreno</th>
                                        </tr>
                                    </thead>
                                    <tbody id="registrosDeErroresDeImportacionDePuntosAntiguoTerreno">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonImportacionDePuntosAntiguoTerreno" onclick="importarPuntosAntiguoTerreno()">Importar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="modalImportacionDePuntosAntiguoCollar" tabindex="-1" aria-labelledby="LabelModalImportacionDeArticulos" aria-hidden="true">
        <form enctype="multipart/form-data" id="formularioModalImportacionDePuntosAntiguoCollar">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #007bff; color:white;">
                        <h5 class="modal-title" id="LabelModalImportacionDePuntosAntiguoCollar">Importar Puntos Antiguos Collar</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Seleccionar Archivos</label>
                            <input type="file" class="form-control-file" id="campoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar" accept=".xlsx">
                            <div class="invalid-feedback" id="validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar">

                            </div>
                        </div>

                        <div id="contenedorDeErroresDeLaImportacionPuntosAntiguoCollar" style="display:none;">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Fila</th>
                                            <th>Punto Medición</th>
                                            <th>Punto Sondaje</th>
                                            <th>Contrato</th>
                                            <th>Área/Sector</th>
                                            <th>Azimut Perforación</th>
                                            <th>Inclinación Perforación</th>
                                            <th>Este Local Collar</th>
                                            <th>Norte Local Collar</th>
                                            <th>Cota Local Collar</th>
                                            <th>Este UTM Collar</th>
                                            <th>Norte UTM Collar</th>
                                            <th>Cota UTM Collar</th>
                                            <th>Responsable Collar</th>
                                            <th>Fecha Medición Collar</th>
                                        </tr>
                                    </thead>
                                    <tbody id="registrosDeErroresDeImportacionDePuntosAntiguoCollar">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-aspen" id="botonImportacionDePuntosAntiguoCollar" onclick="importarPuntosAntiguoCollar()">Importar</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/generico.css') }}">
    <style>
        div.dt-button-collection {
            position: absolute;
            z-index: 2001;
            background-color: white;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 4px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            padding: 0.5rem;
            width: 250px;
        }

        div.dt-button-collection .dt-button:not(.dt-btn-split-drop) {
            min-width: 130px;
        }
    </style>
@stop

@section('js')
    <script>
        let botonesImportacion=[];
    </script>

    @if (Gate::check('puntos-antiguos.importar-terreno'))
        <script>
            botonesImportacion.push({
                text: '<i class="fas fa-upload"></i> &nbsp; Importar Puntos de Terreno',
                action: function(e, dt, node, config) {
                    abrirModalImportarPuntosAntiguoTerreno();
                }
            });
        </script>
    @endif

    @if (Gate::check('puntos-antiguos.importar-definitivos'))
        <script>
            botonesImportacion.push({
                text: '<i class="fas fa-upload"></i> &nbsp; Importar Puntos Definitivos',
                action: function(e, dt, node, config) {
                    abrirModalImportarPuntosAntiguoCollar();
                }
            });
        </script>
    @endif

    <script>
        botonesImportacion.push({
            extend: "excelHtml5",
            text: '<i class="fas fa-file-excel"></i> &nbsp; Exportar &nbsp;',
            titleAttr: "Exportar a Excel",
            exportOptions: {
                columns: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]
            }
        });
    </script>

    <script>
        let botonesDatatable = [{
            extend: 'collection',
            text: '<i class="fas fa-file-excel"></i> &nbsp; Importar/Exportar &nbsp;',
            className: "btn btn-excel-en-datatable",
            buttons: botonesImportacion
        }];
    </script>
    
    <script>
        let datatable = $("#datatable").DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('puntos-antiguos.obtener-registros-datatable') }}',
                dataType: "json",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}"
                },
            },
            columns: [{
                "data": "local",
                "name": "local",
                orderable: false
            },{
                "data": "utm",
                "name": "utm",
                orderable: false
            },{
                "data": "punto",
                "name": "punto",
            }, {
                "data": "punto_sondaje",
                "name": "punto_sondaje"
            },{
                "data": "contrato",
                "name": "contrato"
            },{
                "data": "area",
                "name": "area"
            }, {
                "data": "este_terreno",
                "name": "este_terreno"
            }, {
                "data": "norte_terreno",
                "name": "norte_terreno"
            },{
                "data": "cota_terreno",
                "name": "cota_terreno"
            },{
                "data": "este_utm_terreno",
                "name": "este_utm_terreno"
            }, {
                "data": "norte_utm_terreno",
                "name": "norte_utm_terreno"
            },{
                "data": "cota_utm_terreno",
                "name": "cota_utm_terreno"
            },  {
                "data": "responsable_terreno",
                "name": "responsable_terreno"
            }, {
                "data": "observacion_terreno",
                "name": "observacion_terreno"
            }, {
                "data": "fecha_medicion_terreno",
                "name": "fecha_medicion_terreno"
            }, {
                "data": "azimuth_medido_perforacion",
                "name": "azimuth_medido_perforacion"
            }, {
                "data": "inclinacion_medido_perforacion",
                "name": "inclinacion_medido_perforacion"
            }, {
                "data": "este_collar",
                "name": "este_collar"
            }, {
                "data": "norte_collar",
                "name": "norte_collar"
            }, {
                "data": "cota_collar",
                "name": "cota_collar"
            }, {
                "data": "este_utm_collar",
                "name": "este_utm_collar"
            }, {
                "data": "norte_utm_collar",
                "name": "norte_utm_collar"
            }, {
                "data": "cota_utm_collar",
                "name": "cota_utm_collar"
            }, {
                "data": "responsable_collar",
                "name": "responsable_collar"
            }, {
                "data": "fecha_medicion_collar",
                "name": "fecha_medicion_collar"
            }, ],
            orderCellsTop: true,
            ordering: true,
            lengthMenu: [
                [10, 25, 50, 100, -1],
                [10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Procesando...",
                search: "Buscar",
                lengthMenu: "Mostrar _MENU_ Registros",
                info: "Mostrando _START_ al _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
                aria: {
                    sortAscending: ": Activar orden de columna ascendente",
                    sortDescending: ": Activar orden de columna desendente"
                }
            },
            dom: "<'row'<'col-sm-4'B><'col-sm-4 d-flex justify-content-center' l><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>",
            buttons: botonesDatatable,
        });
    </script>
    
    <script>
        function abrirModalImportarPuntosAntiguoTerreno(){
            document.getElementById("formularioModalImportacionDePuntosAntiguoTerreno").reset();
            document.getElementById("contenedorDeErroresDeLaImportacionPuntosAntiguoTerreno").style.display="none";
            $("#modalImportacionDePuntosAntiguoTerreno").modal("show");
        }
    
        function importarPuntosAntiguoTerreno() {
            document.getElementById("botonImportacionDePuntosAntiguoTerreno").setAttribute("disabled", true);
            document.getElementById("preloader").removeAttribute("style");
            document.getElementById("img-preloader").style.display = "block";

            let campoArchivo = document.getElementById("campoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno").value;
            if (campoArchivo.length > 0) {
                extension = campoArchivo.substring(campoArchivo.lastIndexOf('.'), campoArchivo.length);
                if (document.getElementById('campoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno').getAttribute('accept').split(',').indexOf(extension) < 0) {
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno").style.display = "block";
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno").innerHTML = "El campo seleccionar archivos debe ser un archivo de tipo: xlsx";
                    document.getElementById("botonImportacionDePuntosAntiguoTerreno").removeAttribute("disabled");
                    document.getElementById("preloader").style.height = "0px";
                    document.getElementById("img-preloader").style.display = "none";
                } else {
                    let formData = new FormData();
                    formData.append('archivo_importacion',  document.getElementById("campoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno").files[0]);
                    let csrf = '{{ csrf_token() }}';

                    $.ajax({
                        url: '{{ route('puntos-antiguos.importar-antiguos-terrenos') }}',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                            Swal.fire({
                                icon: 'success',
                                title: '¡Puntos Importados!',
                                text: 'Puntos importados con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("contenedorDeErroresDeLaImportacionPuntosAntiguoTerreno").style.display="block";
                            let fila="<td>0</td>";
                            let nombreMedicion="<td>campo valido</td>";
                            let contrato="<td>campo valido</td>";
                            let area="<td>campo valido</td>";
                            let esteLocal="<td>campo valido</td>";
                            let norteLocal="<td>campo valido</td>";
                            let cotaLocal="<td>campo valido</td>";
                            let esteUtm="<td>campo valido</td>";
                            let norteUtm="<td>campo valido</td>";
                            let cotaUtm="<td>campo valido</td>";
                            let responsable="<td>campo valido</td>";
                            let observacion="<td>campo valido</td>";
                            let fechaMedicion="<td>campo valido</td>";
                            data.responseJSON.forEach((elemento) => {
                                fila="<td>"+elemento['row']+"</td>";
                                if(elemento['attribute']=="punto_medicion"){
                                    nombreMedicion="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="contrato"){
                                    contrato="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                                
                                if(elemento['attribute']=="area"){
                                    area="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                                
                                if(elemento['attribute']=="este_local"){
                                    esteLocal="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                                
                                if(elemento['attribute']=="norte_local"){
                                    norteLocal="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="cota_local"){
                                    cotaLocal="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="este_utm"){
                                    esteUtm="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                                
                                if(elemento['attribute']=="norte_utm"){
                                    norteUtm="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="cota_utm"){
                                    cotaUtm="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="responsable"){
                                    responsable="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="observacion"){
                                    observacion="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="fecha_medicion"){
                                    fechaMedicion="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                            });                                
                            
                            document.getElementById("registrosDeErroresDeImportacionDePuntosAntiguoTerreno").innerHTML=
                            '<tr>'+
                                fila+
                                nombreMedicion+
                                contrato+
                                area+
                                esteLocal+
                                norteLocal+
                                cotaLocal+
                                esteUtm+
                                norteUtm+
                                cotaUtm+
                                responsable+
                                observacion+
                                fechaMedicion+
                            '</tr>';
                            document.getElementById("botonImportacionDePuntosAntiguoTerreno").removeAttribute("disabled");
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                        }
                    })
                }
            } else {
                if (campoArchivo.length > 0) {
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno").style.display = "none";
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno").innerHTML = "";
                } else {
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno").style.display = "block";
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoTerreno").innerHTML = "El campo seleccionar archivos es obligatorio";
                }
                document.getElementById("botonImportacionDePuntosAntiguoTerreno").removeAttribute("disabled");
                document.getElementById("preloader").style.height = "0px";
                document.getElementById("img-preloader").style.display = "none";
            }
        }
    </script>

    <script>
        function abrirModalImportarPuntosAntiguoCollar(){
            document.getElementById("formularioModalImportacionDePuntosAntiguoCollar").reset();
            document.getElementById("contenedorDeErroresDeLaImportacionPuntosAntiguoCollar").style.display="none";
            $("#modalImportacionDePuntosAntiguoCollar").modal("show");
        }
    
        function importarPuntosAntiguoCollar() {
            document.getElementById("botonImportacionDePuntosAntiguoCollar").setAttribute("disabled", true);
            document.getElementById("preloader").removeAttribute("style");
            document.getElementById("img-preloader").style.display = "block";

            let campoArchivo = document.getElementById("campoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar").value;
            if (campoArchivo.length > 0) {
                extension = campoArchivo.substring(campoArchivo.lastIndexOf('.'), campoArchivo.length);
                if (document.getElementById('campoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar').getAttribute('accept').split(',').indexOf(extension) < 0) {
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar").style.display = "block";
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar").innerHTML = "El campo seleccionar archivos debe ser un archivo de tipo: xlsx";
                    document.getElementById("botonImportacionDePuntosAntiguoCollar").removeAttribute("disabled");
                    document.getElementById("preloader").style.height = "0px";
                    document.getElementById("img-preloader").style.display = "none";
                } else {
                    let formData = new FormData();
                    formData.append('archivo_importacion',  document.getElementById("campoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar").files[0]);
                    let csrf = '{{ csrf_token() }}';

                    $.ajax({
                        url: '{{ route('puntos-antiguos.importar-antiguos-collar') }}',
                        method: 'POST',
                        data: formData,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                            Swal.fire({
                                icon: 'success',
                                title: '¡Puntos Importados!',
                                text: 'Puntos importados con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            }).then((result) => {
                                location.reload();
                            })
                            .catch((error) => {
                                location.reload();
                            });
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("contenedorDeErroresDeLaImportacionPuntosAntiguoCollar").style.display="block";
                            let fila="<td>0</td>";
                            let nombreMedicion="<td>campo valido</td>";
                            let nombreSondaje="<td>campo valido</td>";
                            let contrato="<td>campo valido</td>";
                            let area="<td>campo valido</td>";
                            let azimuthMedido="<td>campo valido</td>";
                            let dipMedido="<td>campo valido</td>";
                            let esteLocal="<td>campo valido</td>";
                            let norteLocal="<td>campo valido</td>";
                            let cotaLocal="<td>campo valido</td>";
                            let esteUtm="<td>campo valido</td>";
                            let norteUtm="<td>campo valido</td>";
                            let cotaUtm="<td>campo valido</td>";
                            let responsable="<td>campo valido</td>";
                            let fechaMedicion="<td>campo valido</td>";
                            data.responseJSON.forEach((elemento) => {
                                fila="<td>"+elemento['row']+"</td>";
                                if(elemento['attribute']=="punto_medicion"){
                                    nombrePropuesto="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="sondaje"){
                                    nombreSondaje="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="contrato"){
                                    contrato="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                                
                                if(elemento['attribute']=="area"){
                                    area="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                                
                                if(elemento['attribute']=="azimuth_medido"){
                                    azimuthMedido="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                                
                                if(elemento['attribute']=="dip_medido"){
                                    dipMedido="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="este_local"){
                                    esteLocal="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="norte_local"){
                                    norteLocal="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="cota_local"){
                                    cotaLocal="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="este_utm"){
                                    esteUtm="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="norte_utm"){
                                    norteUtm="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="cota_utm"){
                                    cotaUtm="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="responsable"){
                                    responsable="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }

                                if(elemento['attribute']=="fecha_medicion"){
                                    fechaMedicion="<td style='background-color:#E8C3C6;'>"+elemento['errors'][0]+"</td>";
                                }
                            });                                
                            
                            document.getElementById("registrosDeErroresDeImportacionDePuntosAntiguoCollar").innerHTML=
                            '<tr>'+
                                fila+
                                nombreMedicion+
                                nombreSondaje+
                                contrato+
                                area+
                                azimuthMedido+
                                dipMedido+
                                esteLocal+
                                norteLocal+
                                cotaLocal+
                                esteUtm+
                                norteUtm+
                                cotaUtm+
                                responsable+
                                fechaMedicion+
                            '</tr>';
                            document.getElementById("botonImportacionDePuntosAntiguoCollar").removeAttribute("disabled");
                            document.getElementById("preloader").style.height = "0px";
                            document.getElementById("img-preloader").style.display = "none";
                        }
                    })
                }
            } else {
                if (campoArchivo.length > 0) {
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar").style.display = "none";
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar").innerHTML = "";
                } else {
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar").style.display = "block";
                    document.getElementById("validacionCampoSeleccionarArchivoExcelParaImportacionPuntosAntiguoCollar").innerHTML = "El campo seleccionar archivos es obligatorio";
                }
                document.getElementById("botonImportacionDePuntosAntiguoCollar").removeAttribute("disabled");
                document.getElementById("preloader").style.height = "0px";
                document.getElementById("img-preloader").style.display = "none";
            }
        }
    </script>
@stop