@extends('layouts.app')
@push('css')
<link href="{{ asset('js/select2/select2.min.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<style>
    .input-material{
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }
</style>
@endpush
@section('content')
    <div class="container ml-0 mr-0 pl-0 pr-0 row">
        <div class="animate__animated animate__fadeInUp container tarjetas tarjeta-gris p-3 p-sm-2 p-md-3 p-lg-5 p-xl-5 col-12">
            <div class="row row-bottom">
               <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                   <h3 class="texto-obscuro">Solicitud de reparación</h3>
                   <nav class="breadcrumb"><a class="breadcrumb-item" href="{{ url('reparacions') }}">Reparaciones</a><span class="breadcrumb-item active">Creación de reparación</span></nav>
               </div>
           </div>
           <div class="row">
                {!! Form::open(['route' => 'reparacions.store','class' => 'formulario-principal col-12','files' => true,'id' => 'form']) !!}
                    <div class="empty-space-30"></div>
                    @include('reparacions.fields')
                    <div class="empty-space-30"></div>
                {!! Form::close() !!}
           </div>
           <div class="empty-space-50"></div>
           <div class="row botonera-inferior">
                <div class="col-12 p-0 m-0 text-right botonera-formulario">
                    <a href="{{ url('reparacions') }}" class="btn btn-secundario text-white width-250">Cancelar <span><-</span></a>
                    <button type="button" id="guardar-cambios" class="btn btn-principal width-250">Enviar solicitud<span>-></span></button>
                </div>
            </div>
           <div class="empty-space-50"></div>
       </div>
    </div>
@endsection
@push('scripts')
    <script src="{{ asset('js/select2/select2.min.js') }}"></script>
    <script src="{{ asset('js/validaciones/validaciones.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
    <script>
         var m = 0;
         var isPSP = false;
         $('#psp_fecha_expira').datetimepicker({
            format: 'DD-MM-YYYY',
            useCurrent: true,
            icons: {
                up: "icon-arrow-up-circle icons font-2xl",
                down: "icon-arrow-down-circle icons font-2xl"
            },
            sideBySide: true
        })
        $("#add-imagen").click(function(){
            m++;
            $("#list_imagenes").append('<div class="div_imagenes p-2" id="div_imagen'+m+'" style="display:none">'+
               '<input class="input-material" type="file" name="imagenes[]" id="imagen'+m+'" accept="image/jpeg, image/png," style="display:none">'+
               '<label class="for-materiales" for="material'+m+'">'+
                    '<span id="span-imagen'+m+'">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#imagen"+m).click();
            cargar_nombre();
            evento_eliminar();
        })
        $("#add-imagen2").click(function(){
            m++;
            $("#list_imagenes2").append('<div class="div_imagenes p-2" id="div_imagen1'+m+'" style="display:none">'+
               '<input class="input-material" type="file" name="imagenes1[]" id="imagen1'+m+'" accept="image/jpeg, image/png," style="display:none">'+
               '<label class="for-materiales" for="material'+m+'">'+
                    '<span id="span-imagen1'+m+'">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#imagen1"+m).click();
            cargar_nombre();
            evento_eliminar();
        })
        $("#psp_add-imagen").click(function(){
            m++;
            $("#psp_list_imagenes").append('<div class="div_imagenes p-2" id="div_imagen2'+m+'" style="display:block">'+
               '<input class="input-material" type="file" name="psp_imagenes2[]" id="psp_imagen2'+m+'" accept="image/jpeg, image/png," style="display:none">'+
               '<label class="for-materiales" for="material'+m+'">'+
                    '<span id="span-imagen2'+m+'">Archivo '+m+'</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#psp_imagen2"+m).click();
            cargar_nombre();
            evento_eliminar();
        })
        $('.hidePaqueteriaComo').fadeOut(10);
        $('#fechaEnvio').datetimepicker({
            format: 'DD-MM-YYYY',
            useCurrent: true,
            icons: {
                up: "icon-arrow-up-circle icons font-2xl",
                down: "icon-arrow-down-circle icons font-2xl"
            },
            sideBySide: true
        });

        $('#fechaEnvioMapro').datetimepicker({
            format: 'DD-MM-YYYY',
            useCurrent: true,
            icons: {
                up: "icon-arrow-up-circle icons font-2xl",
                down: "icon-arrow-down-circle icons font-2xl"
            },
            sideBySide: true
        });

        function cargar_nombre(){
            $('.input-material').change(function(){
                var filename = $(this).val().split('\\').pop();
                var idname = $(this).attr('id');
                if($(this).val() == ""|| $(this).val() == null)
                {
                    $("#div_"+idname).remove();
                    return true;
                }
                $('#span-'+idname).html(filename);
                $("#div_"+idname).css('display','block');
                $('.hidePaqueteriaComo').fadeIn(1000);
            });
        }
        function evento_eliminar(){
                $(".btn-close-materiales").click(function(){
                    elemento = $(this);
                    elemento.parent().remove();
                    $('.hidePaqueteriaComo').fadeOut(10);
                });
        }

        $("#add-material21").click(function(){
            $("#list_materiales21").append('<div class="div_materiales p-2" id="div_material" style="display:none">'+
               '<input class="input-material" type="file" name="material" id="material" accept="application/pdf" style="display:none">'+
               '<label class="for-materiales" for="material">'+
                    '<span id="span-material">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#material").click();
            cargar_nombre();
            evento_eliminar();
        });

        $("#add-material").click(function(){
            $("#list_materiales").append('<div class="div_materiales maproUsa p-2" id="div_material" style="display:none">'+
               '<input class="input-material" type="file" name="material" id="material" accept="application/pdf" style="display:none">'+
               '<label class="for-materiales" for="material">'+
                    '<span id="span-material">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#material").click();
            cargar_nombre();
            evento_eliminar();
        });

        $("#psp_add-material").click(function(){
            $("#psp_list_materiales44").append('<div class="div_materiales psp p-2" id="div_material" style="display:block">'+
               '<input class="input-material" type="file" name="material44" id="material44" accept="image/jpeg, image/png, application/pdf" style="display:none">'+
               '<label class="for-materiales" for="material44">'+
                    '<span id="span-material">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#material44").click();
            cargar_nombre();
            evento_eliminar();
        });

        $("#btn-imagen-destacada").click(function(){
            m++;
            $("#list_imagenes").append('<div class="div_imagenes p-2" id="div_imagen'+m+'" style="display:none">'+
               '<input class="input-material" type="file" name="imagenes[]" id="imagen'+m+'" accept="image/jpeg, image/png," style="display:none">'+
               '<label class="for-materiales" for="material'+m+'">'+
                    '<span id="span-imagen'+m+'">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#imagen"+m).click();
            cargar_nombre();
            evento_eliminar();
        })
        $('.bateria').click(function(){
            var valor = $(this).val();

            if(valor != 'No'){
                $('.hideCheckBateria').fadeIn(1000);
            }else{
                $('.hideCheckBateria').fadeOut(1000);
            }
        });
        $('.js-example-basic-single').select2({});
        var validador_imagen = false;
        var texto_imagen = '';
        // $('#output_imagen_destacada').css('background-image','');
        // if (window.FileList && window.File && window.FileReader) {
        //     validador_imagen = false;
        //     document.getElementById('imagen_destacada').addEventListener('change', event => {
        //     // output.css = '';
        //     $(".span-file").show();
        //     $('#output_imagen_destacada').css('background-image','');
        //     $("#status_imagen_destacada").text('');
        //     $("#status_imagen_destacada").hide();
        //     const file = event.target.files[0];
        //     if (!file.type) {
        //         $("#status_imagen_destacada").text('Error: el archivo '+file.name+' no es compatible con este navegador, intente con un archivo con extensión JPG o PNG.');
        //         $("#status_imagen_destacada").show();
        //         texto_imagen = '.';
        //         return;
        //     }
        //     if (!file.type.match('image.*')) {
        //         $("#status_imagen_destacada").text('Error: el archivo seleccionado no parece ser una imagen, intente con un archivo con extensión JPG o PNG.');
        //         $("#status_imagen_destacada").show();
        //         texto_imagen = '.';
        //         return;
        //     }
        //     const reader = new FileReader();
        //     reader.addEventListener('load', event => {
        //         $(".span-file").hide();
        //         $('#output_imagen_destacada').css('background-image','url("'+event.target.result+'")');
        //         validador_imagen = true;
        //         texto_imagen = '';
        //     });
        //     reader.readAsDataURL(file);
        //     });
        // }

        $("#btn-imagen-destacada").click(function(){
            $("#imagen_destacada").click();
        });



        var validador_imagen2 = false;
        var texto_imagen2 = '';
        // $('#output_imagen_destacada2').css('background-image','');
        // if (window.FileList && window.File && window.FileReader) {
        //     validador_imagen2 = false;
        //     document.getElementById('imagen_destacada2').addEventListener('change', event => {
        //     // output.css = '';
        //     $(".span-file").show();
        //     $('#output_imagen_destacada2').css('background-image','');
        //     $("#status_imagen_destacada2").text('');
        //     $("#status_imagen_destacada2").hide();
        //     const file = event.target.files[0];
        //     if (!file.type) {
        //         console.log(file);
        //         $("#status_imagen_destacada2").text('Error: el archivo '+file.name+' no es compatible con este navegador, intente con un archivo con extensión JPG o PNG.');
        //         $("#status_imagen_destacada2").show();
        //         texto_imagen2 = '.';
        //         return;
        //     }
        //     if (!file.type.match('image.*')) {
        //         $("#status_imagen_destacada2").text('Error: el archivo seleccionado no parece ser una imagen, intente con un archivo con extensión JPG o PNG.');
        //         $("#status_imagen_destacada2").show();
        //         texto_imagen2 = '.';
        //         return;
        //     }
        //     const reader = new FileReader();
        //     reader.addEventListener('load', event => {
        //         $(".span-file").hide();
        //         $('#output_imagen_destacada2').css('background-image','url("'+event.target.result+'")');
        //         validador_imagen2 = true;
        //         texto_imagen2 = '';
        //     });
        //     reader.readAsDataURL(file);
        //     });
        // }

        // $("#btn-imagen-destacada2").click(function(){
        //     $("#imagen_destacada2").click();
        // });

        $('#mapro').fadeOut(10);
        $('#como').fadeOut(10);
        $('#psp').fadeOut(10);
        var url_dinamica = "{{ url('/') }}";
        $('#catalogo').change(function(){
            let valor_tipo = $('#catalogo option:selected').attr('equipo');
            $('#modelo').empty();
            $.ajax({
                url: url_dinamica+'/api/getModelo/'+valor_tipo,
                method: 'GET',
                dataType: 'json',
                success : function(value){

                    $('#modelo').append('<option selected disabled value="0">Modelo del equipo</option>');
                    $.each(value.data, function(key,valor){
                        if(valor.id != 16 && valor.id != 17){
                            if(valor.id < 33 || valor.id > 40){
                                $('#modelo').append('<option value="'+valor.nombre+'" tipo="'+valor.tipo+'" id="'+valor.id+'" precio="'+valor.precio+'" sedes="'+valor.sede+'" tipo-producto="'+valor.tipo_producto+'">'+valor.nombre+'</option>');
                                $('#modelo').select2({
                                    data: valor
                                });
                            }
                        }
                    });
                },
                error : function(xhr,error,valor){
                    console.log('error');

                }
            });
            $('#mapro').fadeOut(10);
            $('#como').fadeOut(10);
        });
        $('.classMaproSF').fadeOut(10);
        var sede = '';
        $('#modelo').change(function(){
            let valor_tipo = $('#modelo option:selected').attr('tipo');
            let id  = $('#modelo option:selected').attr('id');
            let valor_precio = $('#modelo option:selected').attr('precio');
            let valor_sede = $('#modelo option:selected').attr('sedes');
            let tipo = $('#modelo option:selected').attr('tipo-producto');
            sede = valor_sede;
            $('#categorias').val(id);
            if(valor_tipo == 'MaPro'){
                if(valor_sede == 'Puebla'){
                    $('.showPuebla').css('display','block');
                    $('.showUsa').css('display','none');
                    $('.classMaproSF').fadeOut(10);
                    $('.classUSA').fadeOut(10);
                    $('.showMaproLocal').fadeIn(1000);
                    $('.local').fadeIn(1000);
                    $('.usa').fadeOut(1000);
                }else{
                    $('.showUsa').css('display','block');
                    $('.showPuebla').css('display','none');
                    $('.classMaproSF').fadeIn(1000);
                    $('.classUSA').fadeIn(1000);
                    $('#precioMapro').text(valor_precio);
                    $('.showMaproLocal').fadeOut(100);
                    $('.local').fadeOut(1000);
                    $('.usa').fadeIn(1000);
                }
                $('#mapro').fadeIn(1000);
                $('#como').fadeOut(10);
                $('#psp').fadeOut(10);
                $('#tipo').val('MaPro');
            }else{
                $('#mapro').fadeOut(10);
                // $('#como').fadeIn(1000);
                // $('#psp').fadeOut(10);
                $('#tipo').val('CoMo');
                $('#psp_isPSP').val('false');
                $('#precioComo').text(valor_precio);
                if(tipo == 'calibracion'){
                    $('.hideCalibracion').fadeOut(10);
                    $('.hideReparacionCoMo').fadeIn(1000);
                    $('.hidePSP').fadeOut(10);
                    $('.caliChecked').prop('checked',true);
                    $('.repaChecked').prop('checked',false);
                    $('#como').fadeIn(1000);
                    $('#psp').fadeOut(10);
                    $('#psp_isPSP').val('false');
                    isPSP = false;
                }else if(tipo == 'psp'){
                    $('.hideCalibracion').fadeOut(10);
                    $('.hideReparacionCoMo').fadeOut(10);
                    $('.hidePSP').fadeIn(1000);
                    $('#psp').fadeIn(1000);
                    $('#como').fadeOut(10);
                    $('.caliChecked').prop('checked',true);
                    $('.repaChecked').prop('checked',false);
                    $('#psp_isPSP').val('true');
                    isPSP = true;
                }else{
                    $('.hideCalibracion').fadeIn(1000);
                    $('.hideReparacionCoMo').fadeOut(10);
                    $('.hidePSP').fadeOut(10);
                    $('.repaChecked').prop('checked',true);
                    $('.caliChecked').prop('checked',false);
                    $('#como').fadeIn(1000);
                    $('#psp').fadeOut(10);
                    $('#psp_isPSP').val('false');
                    isPSP = false;
                }
            }
        });

        $('#guardar-cambios').click(function(){
            aplicar_validaciones(event);
        });

        var valor_devolucion = "";
        $('.devolucion').change(function(){
            var valor = $(this).attr('activacion');
            valor_devolucion = $(this).attr('activacion');
            if(valor == 'Si'){
                $('.preventivo').removeAttr('disabled');
                $('.actualizacion').attr('disabled','true');
                $('.actualizacion').prop('checked', false);
                $("#comomsg19").slideUp();
                $("#comomsg19").text('');
            }else if(valor == 'No'){
                $('.preventivo').attr('disabled','true');
                $('.actualizacion').removeAttr('disabled');
                $('.preventivo').prop('checked', false);
                $("#comomsg18").slideUp();
                $("#comomsg18").text('');
            }else{
                $('.preventivo').attr('disabled','false');
                $('.actualizacion').attr('disabled','false');
                $('.preventivo').prop('checked', false);
                $('.actualizacion').prop('checked', false);
            }
        })
        var bandera = false;
        $('#ambiente').css('display','none');
        var valor_devolucion = "";
        $('.expuesto').change(function(){
            if($(this).val() == 'Otro'){
                if(bandera == false){
                    $('#ambiente').css('display','block');
                    valor_devolucion = "Si";
                    bandera = true;
                }else if(bandera == true){
                    $('#ambiente').css('display','none');
                    valor_devolucion = "No";
                    $("#ambiente_mensaje").text('');
                    $("#ambiente_mensaje").slideDown();
                    bandera = false;
                }
            }
        });
        var selectOne = '';
        $('#entidad').change(function(){
            var id = $(this).val();
            var estado = $('#entidad option:selected').attr('idState');
            $('#municipio').empty();
            $.ajax({
                url: url_dinamica+'/api/getMunicipios/'+id,
                method: 'GET',
                dataType: 'json',
                success : function(value){

                    $('#municipio').append('<option selected disabled value="0">Municipios del Edo. de '+estado+'</option>');
                    $.each(value.data, function(key,valor){
                        $('#municipio').append('<option value="'+valor.id_mun+'">'+valor.municipio+'</option>');
                        $('#municipio').select2({
                            data: valor
                        });
                    });
                },
                error : function(xhr,error,valor){
                    console.log('error');
                }
            });
        })

        var selectTwo = '';
        $('#f_entidad2').change(function(){
            var id = $(this).val();
            var estado = $('#f_entidad2 option:selected').attr('idState');
            $('#municipio2').empty();
            $.ajax({
                url: url_dinamica+'/api/getMunicipios/'+id,
                method: 'GET',
                dataType: 'json',
                success : function(value){

                    $('#municipio2').append('<option selected disabled value="0">Municipios del Edo. de '+estado+'</option>');
                    $.each(value.data, function(key,valor){
                        $('#municipio2').append('<option value="'+valor.id_mun+'">'+valor.municipio+'</option>');
                        $('#municipio2').select2({
                            data: valor
                        });
                    });
                },
                error : function(xhr,error,valor){
                    console.log('error');
                }
            });
        })
        $('#psp_f_entidad3').change(function(){
            var id = $(this).val();
            var estado = $('#psp_f_entidad3 option:selected').attr('idState');
            $('#psp_municipio3').empty();
            $.ajax({
                url: url_dinamica+'/api/getMunicipios/'+id,
                method: 'GET',
                dataType: 'json',
                success : function(value){

                    $('#psp_municipio3').append('<option selected disabled value="0">Municipios del Edo. de '+estado+'</option>');
                    $.each(value.data, function(key,valor){
                        $('#psp_municipio3').append('<option value="'+valor.id_mun+'">'+valor.municipio+'</option>');
                        $('#psp_municipio3').select2({
                            data: valor
                        });
                    });
                },
                error : function(xhr,error,valor){
                    console.log('error');
                }
            });
        })
        $('#municipio').change(function(){
            var id = $(this).val();
            selectOne = id;
        })
        $('#municipio2').change(function(){
            var id = $(this).val();
            selectTwo = id;
        })
        $('#psp_municipio3').change(function(){
            var id = $(this).val();
            selectTwo = id;
        })

        function aplicar_validaciones(event){
            var validacion = true;
            if($('#catalogo').select2('data')[0].id == 0)
            {
                $("#mensaje").text('Debes de seleccionar una opción valida.');
                $("#mensaje").slideDown();
                validacion = false;
                $("#catalogo").addClass('is-invalid');
                $(".select2-selection--single").css('border-bottom','1px solid #f86c6b !important');
            }else{
                $("#mensaje").slideUp();
                $("#mensaje").text('');
                $("#catalogo").removeClass('is-invalid');
                $(".select2-selection--single").css('border-bottom','1px solid #000 !important');
            }
            if($('#modelo').select2('data')[0].id == 0)
            {
                $("#mensaje230").text('Debes de seleccionar una opción valida.');
                $("#mensaje230").slideDown();
                validacion = false;
                $("#modelo").addClass('is-invalid');
                $(".select2-selection--single").css('border-bottom','1px solid #f86c6b !important');
            }else{
                $("#mensaje230").slideUp();
                $("#mensaje230").text('');
                $("#modelo").removeClass('is-invalid');
                $(".select2-selection--single").css('border-bottom','1px solid #000 !important');
            }
            if($('#tipo').val() == 'MaPro'){
                if(sede == 'Usa'){
                    if($('#list_materiales .div_materiales').hasClass('maproUsa')  == false){
                        validacion = false;
                        $('#ordenMsg').text('Campo requerido');
                        $('#ordenMsg').css('display','block');
                    }else{
                        validacion = true;
                        $('#ordenMsg').text('');
                    }

                    if (!validar_texto_minimo('#numeroCompra', '#numeroMsg', 3)) {
                        validacion = false;
                    }
                }
                if (!validar_texto_minimo('#razon_social', '#mensaje3', 3)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#direccion', '#mensaje4', 3)) {
                        validacion = false;
                    }
                if($('#entidad').select2('data')[0].id == 0)
                    {
                        $("#mensaje5").text('Debes de seleccionar una opción valida.');
                        $("#mensaje5").slideDown();
                        validacion = false;
                        $("#entidad").addClass('is-invalid');
                        $(".select2-selection--single").css('border-bottom','1px solid #f86c6b !important');
                    }else{
                        $("#mensaje5").slideUp();
                        $("#mensaje5").text('');
                        $("#entidad").removeClass('is-invalid');
                        $(".select2-selection--single").css('border-bottom','1px solid #000 !important');
                    }

                    if(selectOne == '')
                    {
                        $("#municipioMsg").text('Debes de seleccionar una opción valida.');
                        $("#municipioMsg").slideDown();
                        validacion = false;
                        $("#muncipio").addClass('is-invalid');
                        $(".select2-selection--single").css('border-bottom','1px solid #f86c6b !important');
                    }else{
                        $("#municipioMsg").slideUp();
                        $("#municipioMsg").text('');
                        $("#muncipio").removeClass('is-invalid');
                        $(".select2-selection--single").css('border-bottom','1px solid #000 !important');
                    }

                    if (!validar_numero('#c_postal', '#mensaje6', 5)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#no_serie', '#mensaje9', 5)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#designacion', '#mensaje8', 4)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#telefono', '#mensaje7', 10)) {
                        validacion = false;
                    }
                    if(sede == 'Puebla'){
                        if (!validar_texto_minimo('#no_OrdenMapro', '#comomsgP1', 1)) {
                        validacion = false;
                        }
                        if (!validar_texto_minimo('#paqueteriaMapro', '#comomsgP2', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#fechaEnvioMapro', '#comomsgP3', 3)) {
                            validacion = false;
                        }
                    }

                if (!validar_texto_minimo('#descripcion', '#descripcion_mensaje', 10)) {
                    validacion = false;
                }

                if($('.error:checked').length == 0){
                    $("#error_mensaje").text('Debes de seleccionar una opción valida.');
                    $("#error_mensaje").slideDown();
                    validacion = false;
                }else{
                    $("#error_mensaje").slideUp();
                    $("#error_mensaje").text('');
                }

                if($('.error2:checked').length == 0){
                    $("#error_mensaje2").text('Debes de seleccionar una opción valida.');
                    $("#error_mensaje2").slideDown();
                    validacion = false;
                }else{
                    $("#error_mensaje2").slideUp();
                    $("#error_mensaje2").text('');
                }
                if(valor_devolucion == 'Si'){
                    if (!validar_texto_minimo('#ambiente', '#ambiente_mensaje', 10)) {
                        validacion = false;
                    }
                }else{
                    $("#ambiente_mensaje").text('');
                    $("#ambiente_mensaje").slideDown();
                }
                if (validacion) {
                    $(".formulario-principal").submit();
                }

            }else if($('#tipo').val() == 'CoMo'){

                if(isPSP == true){

                    if (!validar_texto_minimo('#psp_tipo_servicio', '#pspmsg1', 3)) {
                    validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_t_nombre', '#pspmsg2', 3)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_t_email', '#pspmsg3', 3)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_t_nombre_tecnico', '#pspmsg4', 3)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_t_telefono', '#pspmsg5', 10)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_t_email_tecnico', '#pspmsg6', 3)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_version_software', '#pspmsg7', 1)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_no_serie', '#pspmsg8', 2)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_fecha_expira', '#pspmsg9', 9)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_f_nombre_empresa', '#pspmsg10', 3)) {
                        validacion = false;
                    }
                    // if (!validar_texto_minimo('#psp_f_direccion_devolucion', '#pspmsg11', 3)) {
                    //     validacion = false;
                    // }
                    // if (!validar_texto_minimo('#psp_f_direccion_como', '#pspmsg12', 3)) {
                    //     validacion = false;
                    // }
                    if (!validar_texto_minimo('#psp_f_entidad3', '#pspmsg13', 1)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_municipio3', '#pspmsg14', 1)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_f_c_postal3', '#pspmsg15', 5)) {
                        validacion = false;
                    }
                    if (!validar_texto_minimo('#psp_numeroCompra3', '#pspmsg16', 3)) {
                        validacion = false;
                    }
                    // if (!validar_texto_minimo('#psp_material3', '#pspmsg17', 3)) {
                    //     validacion = false;
                    // }


                    if (validacion) {
                    $(".formulario-principal").submit();
                    }


                }

                if($('#div_material').length != 0){
                    $('#ordenMsg12').text('');
                    if ($('#no_Orden').val() == '') {
                        validacion = false;
                        $('#comomgP1').html('El campo es obligatorio');
                        $('#comomgP1').css('display','block');
                    }else{
                        validacion = true;
                        $('#comomgP1').html('');
                    }
                    if ($('#paqueteriaComo').val() == '') {
                        validacion = false;
                        $('#comomgP2').html('El campo es obligatorio');
                        $('#comomgP2').css('display','block');
                    }else{
                        validacion = true;
                        $('#comomgP2').html('');
                    }
                    if ($('#fechaEnvio').val() == '') {
                        validacion = false;
                        $('#comomgP3').html('El campo es obligatorio');
                        $('#comomgP3').css('display','block');
                    }else{
                        validacion = true;
                        $('#comomgP3').text('');
                    }
                }else{
                    $('#ordenMsg12').text('El campo es obligatorio');
                    $('#ordenMsg12').css('display','block');
                    validacion = false;
                }

                if (!validar_texto_minimo('#f_nombre_empresa', '#comomsg6', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#f_direccion_devolucion', '#comomsg7', 3)) {
                    validacion = false;
                }
                if($('#f_entidad2').select2('data')[0].id == 0)
                {
                    $("#comomsg9").text('Debes de seleccionar una opción valida.');
                    $("#comomsg9").slideDown();
                    validacion = false;
                    $("#entidad").addClass('is-invalid');
                    $(".select2-selection--single").css('border-bottom','1px solid #f86c6b !important');
                }else{
                    $("#comomsg9").slideUp();
                    $("#comomsg9").text('');
                    $("#entidad").removeClass('is-invalid');
                    $(".select2-selection--single").css('border-bottom','1px solid #000 !important');
                }

                if(selectTwo == 0)
                {
                    $("#municipioMsg2").text('Debes de seleccionar una opción valida.');
                    $("#municipioMsg2").slideDown();
                    validacion = false;
                    $("#muncipio2").addClass('is-invalid');
                    $(".select2-selection--single").css('border-bottom','1px solid #f86c6b !important');
                }else{
                    $("#municipioMsg2").slideUp();
                    $("#municipioMsg2").text('');
                    $("#muncipio2").removeClass('is-invalid');
                    $(".select2-selection--single").css('border-bottom','1px solid #000 !important');
                }
                if (!validar_texto_minimo('#f_c_postal2', '#comomsg10', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#t_nombre', '#comomsg11', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#t_telefono', '#comomsg12', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#t_email', '#comomsg13', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#empresa_usuaria', '#comomsg14', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#no_modelo', '#comomsg15', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#c_no_serie', '#comomsg16', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#numeroCompra21', '#numeroMsg12', 3)) {
                    validacion = false;
                }
                if (!validar_texto_minimo('#idioma', '#comomsg17', 3)) {
                    validacion = false;
                }
                // if (!validar_texto_minimo('#material21', '#ordenMsg12', 3)) {
                //     validacion = false;
                // }

                if(valor_devolucion == 'Si'){
                    if($('.preventivo:checked').length == 0){
                        $("#comomsg18").text('Debes de seleccionar una opción valida.');
                        $("#comomsg18").slideDown();
                        validacion = false;
                    }else{
                        $("#comomsg18").slideUp();
                        $("#comomsg18").text('');
                    }
                }else if(valor_devolucion == 'No'){
                    if($('.actualizacion:checked').length == 0){
                        $("#comomsg19").text('Debes de seleccionar una opción valida.');
                        $("#comomsg19").slideDown();
                        validacion = false;
                    }else{
                        $("#comomsg19").slideUp();
                        $("#comomsg19").text('');
                    }
                }
                if (validacion) {
                    $(".formulario-principal").submit();
                }
            }
        }

        $('.classShowimage').fadeOut(10);
        $('.classShowimage1').fadeOut(10);
        var banderaShow = true;
        $('#showImage').click(function(){
            if(banderaShow == true){
                $('.classShowimage').fadeIn(1000);
                banderaShow = false;
            }else{
                $('.classShowimage').fadeOut(10);
                banderaShow = true;
            }
        })

        $('#showImage1').click(function(){
            if(banderaShow == true){
                $('.classShowimage1').fadeIn(1000);
                banderaShow = false;
            }else{
                $('.classShowimage1').fadeOut(10);
                banderaShow = true;
            }
        })

    </script>

@endpush