@extends('layouts.app')
@push('css')
<link href="{{ asset('js/select2/select2.min.css') }}" rel="stylesheet" />
<style>

.buttonAdd,.buttonAdd:hover,.buttonAddOther,.agregar{
    text-align: center;
    background-color:#073781;
    margin-bottom:5px;
    padding: 5px 45px;
    color:#fff;
    border:none;
    border-radius: 5px

}
.buttonAdd:focus{
    outline: none
}
.carrito{
    height: 500px;
    overflow-y: scroll;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.carrito ul{
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.flex_button{
    display:flex;
}
.precio_c,.cantidad{
    border:none;
    height: 40px;
    width: 100px;
    background: transparent
}
.button_refaccion{
    border: none;
    background: transparent;
}

/*Also */
.fileinput-button  {
    display: inline-block;
    background-color: #073781;
    border: none;
    color: #fff;
    padding: 10px 25px;
    text-transform: uppercase;
    font-family: "SKFSans-Light";
    letter-spacing: 2px;
    font-size: 10px;
    text-align: left;
    height: 35px;
    text-decoration: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    cursor: pointer;
}
/* This is copied from https://github.com/blueimp/jQuery-File-Upload/blob/master/css/jquery.fileupload.css */
.fileinput-button {
  position: relative;
  overflow: hidden;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
.thumb {
  height: 80px;
  width: 100px;
  border: 1px solid #000;
  object-fit: contain;
}

ul.thumb-Images li {
  width: 120px;
  float: left;
  display: inline-block;
  vertical-align: top;
  height: 120px;
}

.img-wrap {
  position: relative;
  display: inline-block;
  font-size: 0;
}

.img-wrap .close {
    displaY: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    font-family: "SKFSans-Light"!important;
    background-color: #073781;
    color: #fff;
    font-weight: lighter;
    cursor: pointer;
    opacity: 1;
    font-size: 20px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding-bottom: 5px;
}

.img-wrap:hover .close {
  opacity: 1;
  background-color: #ff0000;
}

.FileNameCaptionStyle {
  font-size: 12px;
  font-family: "SKFSans-Light"!important;
}
#Filelist{
    height: 445px!important;
    overflow-y: scroll;
}
</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">Realizar reparación</h3>
                   <nav class="breadcrumb"><a class="breadcrumb-item" href="{{ url('reparacions') }}">Reparaciones</a><span class="breadcrumb-item active">Realizar reparación</span></nav>
               </div>
           </div>
           <div class="row">
                {!! Form::model($reparacion, ['route' => ['reparacions.estatus_update', $reparacion->id], 'method' => 'patch','files' => true,'class' => 'formulario-principal col-12','files' => true,'id' => 'form']) !!}
                    <div class="empty-space-30"></div>
                    @include('reparacions.status_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 información <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>
        $('.js-example-basic-single').select2({});
        var perfil = '{!! Auth::user()->perfil !!}';
        var tipoTecnico = "{!! $reparacion->tipo_tecnico !!}";
        var status = "{!! $reparacion->estatus !!}";
        var accept = "{!! $reparacion->accept_cotizacion !!}";
        var acceptGuia = "{!! $reparacion->accept_guia !!}";
        var tipo = "{!! $reparacionTipo !!}";
        var factura = "{!! !is_null($reparacion->factura) ? 'Si' : 'No'!!}";
        var paqueteria = "{!! !is_null($reparacion->guia_paqueteria) ? 'Si' : 'No' !!}"
        var statusTecnico = '';
        var maproCotizacion = '';
        var valorStatus = '';
        var totalReparacion = '{!! $reparacion->catalogo->precio !!}';
        var isPSP = '{!! $reparacion->isPSP !!}';

        if(tipoTecnico == 'Técnico Local'){
            @if(isset($mapro->cotizacion))
                @if(!is_null($mapro->cotizacion))
                    maproCotizacion = 'Si';
                    @else
                    maproCotizacion = 'No';
                @endif
            @endif
        }


        $('.hideInput').fadeOut(10);
        $('.rechazadoPSP').fadeOut(10);
        $('.textoComentario').fadeOut(10);
        if(status != 'Proceso'){
            $('.hideInput').fadeIn(1000);
        }
        if(tipoTecnico == 'Técnico SF' && accept != 'Si'){
            $('.hideInput').fadeIn(1000);
        }
        $('#status').ready(function(){
            valorStatus = $('#status option:selected').val();
        })

        if(status == 'Proceso' && isPSP == 'Si'){
            $('.textoComentario').fadeOut(10);
            $('.procesoPSP').fadeIn(1000);
            $('.hideInput').fadeIn(10);

        }else if(status == 'Rechazado' && isPSP == 'Si'){
            $('.procesoPSP').fadeOut(10);
            $('.textoComentario').fadeIn(1000);
            $('.hideInput').fadeIn(10);
        }

        $('#dia_paqueteria').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
        });
        $('#fecha_skf').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
        });

        $('#fecha_factura').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
        });
        $('#fecha_envio').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
        });
        $('#fecha_recibo_almacen').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
        });


        $('#fecha_cotizacion_sek').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
        });


        $('#fecha_orden').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
        });
        $('#fecha_cotizacion').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
        });
        $('#fecha_orden_coh').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
        });
        $('#psp_fecha_factura').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
        });
        $('#dia_paqueteriaD').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');
            });
        }
        function evento_eliminar(){
            $(".btn-close-materiales").click(function(){
                elemento = $(this);
                elemento.parent().remove();
            });
        }
        var cm = 0;
        var m = 0;
        $("#add-orden").click(function(){
            m++;
            $("#list_ordenes").append('<div class="div_imagenes p-2" id="div_ordenss'+m+'" style="display:block">'+
               '<input class="input-material" type="file" name="ordeness[]" id="ordens'+m+'" accept="image/jpeg, image/png," style="display:none">'+
               '<label class="for-materiales" for="material'+m+'">'+
                    '<span id="span-ordenss'+m+'">Subir orden</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#ordens"+m).click();
            cargar_nombre();
            evento_eliminar();
        })
        $("#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-material").click(function(){
            $("#list_materiales").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-material2").click(function(){
            $("#list_materiales2").append('<div class="div_materiales p-2" id="div_material2" style="display:none">'+
               '<input class="input-material" type="file" name="material2" id="material2" accept="application/pdf" style="display:none">'+
               '<label class="for-material2es" for="material2">'+
                    '<span id="span-material2" style="color:#0c5cd7">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#material2").click();
            cargar_nombre();
            evento_eliminar();
        });

        $("#add-facturaXML").click(function(){
            $("#list_facturaXML").append('<div class="div_materiales p-2" id="div_facturaXML" style="display:none">'+
               '<input class="input-material" type="file" name="facturaXML" id="facturaXML" accept="text/xml" style="display:none">'+
               '<label class="for-facturaXML" for="facturaXML">'+
                    '<span id="span-facturaXML" style="color:#0c5cd7">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#facturaXML").click();
            cargar_nombre();
            evento_eliminar();
        });

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

        $("#add-facturaXML4").click(function(){
            $("#list_facturaXML4").append('<div class="div_materiales p-2" id="div_facturaXML4" style="display:none">'+
               '<input class="input-material" type="file" name="facturaXML4" id="facturaXML4" accept="text/xml" style="display:none">'+
               '<label class="for-facturaXML4" for="facturaXML4">'+
                    '<span id="span-facturaXML4" style="color:#0c5cd7">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#facturaXML4").click();
            cargar_nombre();
            evento_eliminar();
        });

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

        $("#add-guia").click(function(){
            $("#list_guia").append('<div class="div_materiales p-2" id="div_guia" style="display:none">'+
               '<input class="input-material" type="file" name="guia" id="guia" accept="application/pdf" style="display:none">'+
               '<label class="for-guia" for="guia">'+
                    '<span id="span-guia" style="color:#0c5cd7">Subir archivo</span>'+
                '</label>'+
                '<button type="button" class="btn-close-materiales">X</button>'+
            '</div>');
            $("#guia").click();
            cargar_nombre();
            evento_eliminar();
        });
        $('#guardar-cambios').click(function(){
            aplicar_validaciones(event);
        });
        function validate(evt) {
            var theEvent = evt || window.event;

            // Handle paste
            if (theEvent.type === 'paste') {
                key = event.clipboardData.getData('text/plain');
            } else {
            // Handle key press
                var key = theEvent.keyCode || theEvent.which;
                key = String.fromCharCode(key);
            }
            var regex = /[0-9]|\./;
            if( !regex.test(key) ) {
                theEvent.returnValue = false;
                if(theEvent.preventDefault) theEvent.preventDefault();
            }
        }
        if(tipoTecnico == 'Técnico Local'){
            if(status != 'Proceso'){
                $('.classHideMaproL').fadeIn(1000);
            }else{
                $('.classHideMaproL').fadeOut(100);
            }
        }


        if(status == 'Devuelto'){
            $('.classDevolucion').fadeIn(1000);
        }else{
            $('.classDevolucion').fadeOut(100);
        }

        if(tipoTecnico == 'Técnico Local' && status == 'Facturado' || status == 'Devuelto' || status == 'Retorno al cliente'){
            $('.classHideCotizacion').fadeIn(1000);
        }else{
            $('.classHideCotizacion').fadeOut(100);
        }
        $('#status').change(function(){
            var valor = $(this).val();
            valorStatus = valor;
            statusTecnico = valor;

            if(valor == 'Finalizado'){
                $('.hideInput').fadeIn(1000);
            }else if(valor == 'Proceso'){
                if(isPSP == 'Si'){
                    $('.rechazadoPSP').fadeOut(10);
                    $('.procesoPSP').fadeIn(1000);
                    $('.hideInput').fadeIn(10);

                }else{
                    $('.hideInput').fadeIn(1000);
                }
            } else if(valor == 'Rechazado' ){
                    $('.rechazadoPSP').fadeIn(1000);
                    $('.procesoPSP').fadeOut(10);
                    $('.hideInput').fadeIn(10);
            }
            else{
                $('.hideInput').fadeOut(10);
            }
            if(tipoTecnico == 'Técnico Local'){
                if(valor != 'Proceso'){
                    $('.classHideMaproL').fadeIn(1000);
                }else{
                    $('.classHideMaproL').fadeOut(100);
                }
            }else if(tipoTecnico == 'Técnico SF USA'){
                if(valor == 'Devuelto'){
                    $('.classDevolucion').fadeIn(1000);
                }else{
                    $('.classDevolucion').fadeOut(100);
                }
            }

            if(perfil == 'Administrador Técnico' && tipoTecnico == 'Técnico Local' && valor == 'Facturado' || valor == 'Devuelto' || valor == 'Retorno al cliente'){
                $('.classHideCotizacion').fadeIn(1000);
            }else{
                $('.classHideCotizacion').fadeOut(100);
            }
        })


        function aplicar_validaciones(event){
            var validacion = true;
            if(perfil == 'Administrador Técnico'){
                if(tipo  == 'MaPro'  && tipoTecnico == "Técnico SF USA"){
                    if (!validar_texto_minimo('#paqueteria', '#mensaje', 3)) {
                        validacion = false;
                    }
                     if (!validar_texto_minimo('#folio', '#mensaje150', 3)) {
                            validacion = false;
                    }
                    if (!validar_texto_minimo('#dia_paqueteria', '#mensaje1', 3)) {
                            validacion = false;
                    }

                    if(paqueteria == 'Si' && acceptGuia == 'Si'){

                        if (!validar_texto_minimo('#total_proveedor', '#mensaje16', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#no_partes', '#mensaje17', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#precio_neto', '#mensaje18', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#no_cotizacion', '#mensaje21', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#fecha_cotizacion', '#mensaje22', 3)) {
                            validacion = false;
                        }

                    }
                    if(accept == 'Si' && status == 'Finalizado' || status == 'Retorno al cliente' || status == 'Facturado' || status == 'Proceso'){

                        if (!validar_texto_minimo('#fecha_factura', '#mensaje3', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#fecha_envio', '#mensaje4', 3)) {
                            validacion = false;
                        }
                        if(factura != 'Si'){
                            if (!validar_texto_minimo('#material2', '#mensaje12', 3)) {
                                validacion = false;
                            }
                        }
                        if(!validar_texto_minimo('#noFactura','#mensaje34',3)){
                            validacion = false;
                        }

                        if (!validar_texto_minimo('#orden', '#mensaje8', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#fecha_orden', '#mensaje11', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#paqueteriaD', '#paqueteria1', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#folioD', '#paqueteria2', 3)) {
                                validacion = false;
                        }
                        if (!validar_texto_minimo('#dia_paqueteriaD', '#paqueteria3', 3)) {
                                validacion = false;
                        }
                        if($('#div_material2').length != 0){
                            $('#mensajeFactura').text('')
                            validacion = true;
                        }else{
                            $('#mensajeFactura').text('El campo es obligatorio')
                            validacion = false;
                        }
                        if($('#div_facturaXML').length != 0){
                            $('#mensajeFacturaXML').text('')
                            validacion = true;
                        }else{
                            $('#mensajeFacturaXML').text('El campo es obligatorio')
                            validacion = false;
                        }
                    }

                    if(accept == 'No' && valorStatus == 'Devuelto' || status == 'Devuelto'){
                        if (!validar_texto_minimo('#paqueteriaD', '#paqueteria1', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#folioD', '#paqueteria2', 3)) {
                                validacion = false;
                        }
                        if (!validar_texto_minimo('#dia_paqueteriaD', '#paqueteria3', 3)) {
                                validacion = false;
                        }
                        if (!validar_texto_minimo('#fecha_factura', '#mensaje3', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#fecha_envio', '#mensaje4', 3)) {
                            validacion = false;
                        }
                        if(factura != 'Si'){
                            if (!validar_texto_minimo('#material2', '#mensaje12', 3)) {
                                validacion = false;
                            }
                        }
                        if(!validar_texto_minimo('#noFactura','#mensaje34',3)){
                            validacion = false;
                        }

                        if (!validar_texto_minimo('#orden', '#mensaje8', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#fecha_orden', '#mensaje11', 3)) {
                            validacion = false;
                        }
                        if($('#div_material2').length != 0){
                            $('#mensajeFactura').text('')
                            validacion = true;
                        }else{
                            $('#mensajeFactura').text('El campo es obligatorio')
                            validacion = false;
                        }
                        if($('#div_facturaXML').length != 0){
                            $('#mensajeFacturaXML').text('')
                            validacion = true;
                        }else{
                            $('#mensajeFacturaXML').text('El campo es obligatorio')
                            validacion = false;
                        }

                    }

                }
                if(tipo  == 'MaPro' && tipoTecnico == "Técnico Local"){

                    if(accept == "No"){
                        if(tipoTecnico == "Técnico Local"){
                            if (!validar_texto_minimo('#paqueteria', '#mensaje', 3)) {
                            validacion = false;
                            }
                            if (!validar_texto_minimo('#folio', '#mensaje150', 3)) {
                                    validacion = false;
                            }
                            if (!validar_texto_minimo('#dia_paqueteria', '#mensaje1', 3)) {
                                    validacion = false;
                            }
                        }

                    }else{
                        if(status == 'Pendiente de envío' ){
                            if (!validar_texto_minimo('#total_proveedor', '#mensaje16', 3)) {
                                validacion = false;
                            }
                            if (!validar_texto_minimo('#no_partes', '#mensaje17', 3)) {
                                validacion = false;
                            }
                            if (!validar_texto_minimo('#precio_neto', '#mensaje18', 3)) {
                                validacion = false;
                            }
                            if (!validar_texto_minimo('#no_cotizacion', '#mensaje21', 3)) {
                                validacion = false;
                            }
                            if (!validar_texto_minimo('#fecha_cotizacion', '#mensaje22', 3)) {
                                validacion = false;
                            }
                        }
                        if(valorStatus == 'Proceso' || valorStatus == 'Finalizado' || valorStatus == 'Retorno al cliente' || valorStatus == 'Facturado'){
                            if (!validar_texto_minimo('#paqueteria', '#mensaje', 3)) {
                            validacion = false;
                            }
                            if (!validar_texto_minimo('#folio', '#mensaje150', 3)) {
                                    validacion = false;
                            }
                            if (!validar_texto_minimo('#dia_paqueteria', '#mensaje1', 3)) {
                                    validacion = false;
                            }
                            if (!validar_texto_minimo('#noFactura', '#mensaje34', 3)) {
                                validacion = false;
                            }
                            if (!validar_texto_minimo('#fecha_factura', '#mensaje3', 3)) {
                                    validacion = false;
                            }
                            if (!validar_texto_minimo('#fecha_envio', '#mensaje4', 3)) {
                                    validacion = false;
                            }

                            if (!validar_texto_minimo('#orden', '#mensaje8', 3)) {
                                    validacion = false;
                            }
                            if (!validar_texto_minimo('#fecha_orden_coh', '#mensaje9', 3)) {
                                    validacion = false;
                            }
                            if (!validar_texto_minimo('#orden_coh1', '#mensaje10', 3)) {
                                    validacion = false;
                            }
                            if (!validar_texto_minimo('#noFactura', '#mensaje34', 3)) {
                                    validacion = false;
                            }
                            if($('#div_material2').length != 0){
                                $('#mensajeFactura').text('')
                                validacion = true;
                            }else{
                                $('#mensajeFactura').text('El campo es obligatorio')
                                validacion = false;
                            }
                            if($('#div_facturaXML').length != 0){
                                $('#mensajeFacturaXML').text('')
                                validacion = true;
                            }else{
                                $('#mensajeFacturaXML').text('El campo es obligatorio')
                                validacion = false;
                            }
                        }
                    }

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

                if (validacion) {
                    $(".formulario-principal").submit();
                }
            }else if(perfil == 'Técnico Local' || perfil == 'Técnico SF' || perfil == 'Técnico SF USA'){
                if (perfil == 'Técnico SF' || perfil == 'Técnico SF USA'){
                    if($('#status').select2('data')[0].id == 0)
                    {
                        $("#mensaje24").text('Debes de seleccionar una opción valida.');
                        $("#mensaje24").slideDown();
                        validacion = false;
                        $("#status").addClass('is-invalid');
                        $(".select2-selection--single").css('border-bottom','1px solid #f86c6b !important');
                    }else{
                        $("#mensaje24").slideUp();
                        $("#mensaje24").text('');
                        $("#status").removeClass('is-invalid');
                        $(".select2-selection--single").css('border-bottom','1px solid #000 !important');
                    }
                }else{
                    if(tipoTecnico == "Técnico Local" && accept == 'Si'){
                        if($('#status').select2('data')[0].id == 0)
                        {
                            $("#mensaje24").text('Debes de seleccionar una opción valida.');
                            $("#mensaje24").slideDown();
                            validacion = false;
                            $("#status").addClass('is-invalid');
                            $(".select2-selection--single").css('border-bottom','1px solid #f86c6b !important');
                        }else{
                            $("#mensaje24").slideUp();
                            $("#mensaje24").text('');
                            $("#status").removeClass('is-invalid');
                            $(".select2-selection--single").css('border-bottom','1px solid #000 !important');
                        }
                        if(valorStatus == 'Finalizado'){
                            if (!validar_texto_minimo('#fecha_factura', '#mensaje3', 3)) {
                                validacion = false;
                            }
                            if (!validar_texto_minimo('#fecha_skf', '#mensajeSkf', 3)) {
                                validacion = false;
                            }
                            if (!validar_texto_minimo('#noFactura', '#mensaje34', 3)) {
                                    validacion = false;
                            }
                        }
                    }
                }
                if(tipo == 'CoMo'){

                    if(statusTecnico == 'Finalizado'){
                        if (!validar_texto_minimo('#paqueteria', '#mensaje', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#dia_paqueteria', '#mensaje1', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#folio', '#mensaje150', 3)) {
                            validacion = false;
                        }
                    }else{
                        if(statusTecnico == 'Cotizado'){
                            let valor_carrito = $('#list_refacciones li').length;
                            if(valor_carrito > 0){
                                $('#mensajeRefaccion').text('')
                                validacion = true;
                            }else{
                                $('#mensajeRefaccion').text('No llevas refacciones para generar la cotización')
                                validacion = false;
                            }
                        }
                        if(isPSP == 'Si'){

                            if(statusTecnico == 'Rechazado'){
                                if (!validar_texto_minimo('#comentarioPSP', '#comentariomsPSP', 3)) {
                                    validacion = false;
                                }
                            }else if(statusTecnico == 'Proceso'){
                                if (!validar_texto_minimo('#psp_fecha_factura', '#pspmsg99', 3)) {
                                validacion = false;
                                }
                                if (!validar_texto_minimo('#ordenPSP', '#ordenPSPCOH', 3)) {
                                    validacion = false;
                                }
                            }
                        }

                    }
                    if(status == 'No'){
                        if (!validar_texto_minimo('#paqueteria', '#mensaje', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#dia_paqueteria', '#mensaje1', 3)) {
                            validacion = false;
                        }
                        if (!validar_texto_minimo('#folio', '#mensaje150', 3)) {
                            validacion = false;
                        }
                    }
                }
                if (validacion) {
                    $(".formulario-principal").submit();
                }
            }
        }

        $('.buttonAdd').click(function(){
           var id = $(this).data('id');
           var nombre = $(this).parent().parent().find('.nombre').data('name');
           var precio = $(this).parent().parent().find('.precio').data('precio');
           var cantidad = $('#'+id+' .cantidad').val();
           var lista = $('#list_refacciones');

           AddRefacciones(id, nombre, precio, 1, lista,0);
        })

        var banderaOther = true;
        $('.classHideOther').fadeOut(100);
        $('.buttonAddOther').click(function(){
            if(banderaOther == true){
                $('.classHideOther').fadeIn(1000);
                banderaOther = false;
            }else{
                $('.classHideOther').fadeOut(100);
                banderaOther = true;
            }
        })

        $('.agregar').click(function(){
            var nombre = $('#nombreOtro').val();
            var precio = $('#precioOtro').val();
            var cantidad = $('#cantidadOtro').val();
            if(nombre != '' || precio != '' || cantidad != ''){
                $('#mensajeAdver').html('');
                let id = Math.random().toString(36).substring(7);
                var lista = $('#list_refacciones');
                AddRefacciones(id, nombre, precio, cantidad, lista, true);
                setTimeout(function(){
                $('#nombreOtro').val('');
                    $('#precioOtro').val('');
                    $('#cantidadOtro').val('');
                },200);
            }else{
                $('#mensajeAdver').html('Debes agregar alguna cantidad válida para otro tipo de producto.');
            }
        })
        var banderaRefaccion = true;

        function AddRefacciones(id_general,nombre,costo,cantidad,lista, otro){
            if(banderaRefaccion == true){
                $('#list_refacciones').append('<li class="col-md-12 " id="'+id_general+'">'+
                            '<div class="card" style="background: var(--background-card)!important;">'+
                                '<input type="text" class="id_normality" value="'+id_general+'" style="display:none">'+
                                '<div class="card-body d-flex flex_wrap justify-content-between align-items-center" style="padding:15px!important;">'+
                                    '<div class="image">'+
                                        '<p class="m-0 mb-1 texto-obscuro ">Refacción</p>'+
                                        '<h6 class="mb-0 color-white texto-obscuro">'+nombre+'</h6>'+
                                        '<input type="hidden" class="texto-obscuro" name="nombre_['+id_general+']" value="'+nombre+'"  style="background: transparent; color: var(--color-white);height: 20px;">'+
                                    '</div>'+
                                    '<div class="image">'+
                                        '<p class="m-0 mb-1 texto-obscuro ">Precio C/U</p>'+
                                        '<div class="flex_button">'+
                                            '<span class="texto-obscuro">$</span>'+
                                            '<input type="text" class="precio_c texto-obscuro" name="precio_['+id_general+']" value="'+costo+'"  style="background: transparent; color: var(--color-white);height: 20px;">'+
                                            '<input type="hidden" class="otro texto-obscuro" name="otro_['+id_general+']" value="'+otro+'"  style="background: transparent; color: var(--color-white);height: 20px;">'+
                                    '</div>'+
                                    '</div>'+
                                    '<div class="image">'+
                                        '<p class="m-0 mb-1 texto-obscuro ">Cantidad</p>'+
                                        '<div class="flex_button">'+
                                            '<div class="flex_button">'+
                                                '<input type="text" class="cantidad texto-obscuro" name="cantidad_['+id_general+']" value="'+cantidad+'" onkeypress="validate(event)">'+
                                                '<input type="text" class="id_producto texto-obscuro" value="'+id_general+'" style="display:none">'+
                                                '<input type="hidden"  class="refacciones texto-obscuro" name="refaccion_['+id_general+']" value="'+id_general+'">'+
                                            '</div>'+
                                            '<button type="button" class="remove_card button_refaccion">'+
                                                '<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-dash-circle-fill color-fill-red" fill="currentColor" xmlns="http://www.w3.org/2000/svg">'+
                                                    '<path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z"/>'+
                                                '</svg>'+
                                            '</button>'+
                                        '</div>'+
                                    '</div>'+
                                '</div>'+
                            '</div>'+
                        '</li>');

                        let cantidades = $('#'+id_general+' .cantidad').val();
                        SumaTotal(id_general,cantidades,lista);
                        $('#'+id_general+' .remove_card').click(function(){
                            let cantidad = $('#'+id_general+' .cantidad').val();
                            RemoveCantidad(id_general, cantidad);
                        });
                        banderaRefaccion = false;
            }else if(banderaRefaccion == false){
                if(id_general != $('#'+id_general+' .id_normality').val()){
                    $('#list_refacciones').append('<li class="col-md-12 " id="'+id_general+'">'+
                            '<div class="card" style="background: var(--background-card)!important;">'+
                                '<input type="text" class="id_normality" value="'+id_general+'" style="display:none">'+
                                '<div class="card-body d-flex flex_wrap justify-content-between align-items-center" style="padding:15px!important;">'+
                                    '<div class="image">'+
                                        '<p class="m-0 mb-1 texto-obscuro ">Refacción</p>'+
                                        '<h6 class="mb-0 color-white texto-obscuro">'+nombre+'</h6>'+
                                        '<input type="hidden" class="texto-obscuro" name="nombre_['+id_general+']" value="'+nombre+'"  style="background: transparent; color: var(--color-white);height: 20px;">'+
                                    '</div>'+
                                    '<div class="image">'+
                                        '<p class="m-0 mb-1 texto-obscuro ">Precio C/U</p>'+
                                        '<div class="flex_button">'+
                                            '<span class="texto-obscuro">$</span>'+
                                            '<input type="text" class="precio_c texto-obscuro" name="precio_['+id_general+']" value="'+costo+'"  style="background: transparent; color: var(--color-white);height: 20px;">'+
                                            '<input type="hidden" class="otro texto-obscuro" name="otro_['+id_general+']" value="'+otro+'"  style="background: transparent; color: var(--color-white);height: 20px;">'+
                                    '</div>'+
                                    '</div>'+
                                    '<div class="image">'+
                                        '<p class="m-0 mb-1 texto-obscuro ">Cantidad</p>'+
                                        '<div class="flex_button">'+
                                            '<div class="flex_button">'+
                                                '<input type="text" class="cantidad texto-obscuro" name="cantidad_['+id_general+']" value="'+cantidad+'" onkeypress="validate(event)">'+
                                                '<input type="text" class="id_producto texto-obscuro" value="'+id_general+'" style="display:none">'+
                                                '<input type="hidden"  class="refacciones texto-obscuro" name="refaccion_['+id_general+']" value="'+id_general+'">'+
                                            '</div>'+
                                            '<button type="button" class="remove_card button_refaccion">'+
                                                '<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-dash-circle-fill color-fill-red" fill="currentColor" xmlns="http://www.w3.org/2000/svg">'+
                                                    '<path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z"/>'+
                                                '</svg>'+
                                            '</button>'+
                                        '</div>'+
                                    '</div>'+
                                '</div>'+
                            '</div>'+
                        '</li>');

                        let cantidades = $('#'+id_general+' .cantidad').val();
                        SumaTotal(id_general,cantidades,lista);
                        $('#'+id_general+' .remove_card').click(function(){
                            let cantidad = $('#'+id_general+' .cantidad').val();
                            RemoveCantidad(id_general, cantidad);
                        });
                }else{
                    let cantidad = $('#'+id_general+' .cantidad').val();
                    let cantidades = parseInt($('#'+id_general+' .cantidad').val()) + 1;
                    SumaTotal(id_general,cantidades,lista);
                    Sumarcantidad(id_general, cantidad);
                }
            }
        }
        var total_global = parseFloat(totalReparacion);
        $('#total').text(totalReparacion);
        $('#total_hide').val(totalReparacion);

        function Sumarcantidad(id, cantidad){
            let valor_cantidad = parseInt(cantidad) + 1;
            $('#'+id+' .cantidad').val(valor_cantidad);
        }

        function RemoveCantidad(id, cantidad){
            let valor_cantidad = parseInt(cantidad) - 1;
            console.log($('#'+id+' .precio_c').val());
            total_global -= parseFloat($('#'+id+' .precio_c').val());
            if(valor_cantidad === 0){
                $('#'+id).remove();
                $('#total').text(total_global.toFixed(2));
                $('#total_hide').val(total_global.toFixed(2));
            }else{
                $('#'+id+' .cantidad').val(valor_cantidad);
                $('#total').text(total_global.toFixed(2));
                $('#total_hide').val(total_global.toFixed(2));
            }
        }

        function SumaTotal(id,cantidad, lista){
            let catidad_total = $('#'+id+' .cantidad').val();
            $.each(lista.find('li'), function(key, value){
                if(lista.find('li').length > 0){
                    if($(value).attr('id') == id){
                        if($('#'+id+' .otro').val() == 0){
                            if(catidad_total >= 1){
                             total_cantidad =  parseFloat($(value).find('.precio_c').val());
                                total_global+=total_cantidad;
                            }else{
                                total_interno =  parseFloat($(value).find('.precio_c').val());
                                total_global += total_interno;
                            }
                        }else{
                            if(catidad_total >= 1){
                                total_cantidad =  parseFloat($(value).find('.precio_c').val()) * cantidad;
                                total_global+=total_cantidad;
                            }
                        }

                    }
                }
            });
            $('#total').text(total_global.toFixed(2));
            $('#total_hide').val(total_global.toFixed(2));
        }

    </script>
@endpush