@extends('layouts.app')
@push('css')
    <style>
        .carousel-inner img {
            width: 100%;
            height: 100%
        }

        #custCarousel .carousel-indicators {
            position: static;
            margin-top: 20px
        }

        #custCarousel .carousel-indicators>li {
            width: 100px
        }

        #custCarousel .carousel-indicators li img {
            display: block;
            opacity: 0.5
        }

        #custCarousel .carousel-indicators li.active img {
            opacity: 1
        }

        #custCarousel .carousel-indicators li:hover img {
            opacity: 0.75
        }

        .carousel-item img {
            width: 100%
        }
        .carousel-control-prev-icon {
            border-bottom: 6px solid #000;
            border-left: 6px solid #000;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            left: 10px;
            background-image: none!important;
        }

        .carousel-control-next-icon {
            border-bottom: 6px solid #000;
            border-left: 6px solid #000;
            -webkit-transform: rotate(-135deg);
                    transform: rotate(-135deg);
            right: 10px;
            background-image: none!important;
        }
        .carousel-control-prev,.carousel-control-next{
            height: 340px;
        }
        .class_modal{
            max-width: 80%!important;
            margin: 0 auto;
        }
    </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">Reparación</h3>
                   <nav class="breadcrumb"><a class="breadcrumb-item" href="{{ route('reparacions.index') }}">Reparación</a><span class="breadcrumb-item active">Visualización de reparación</span></nav>
               </div>
           </div>
           <div class="empty-space-10"></div>
           <div class="row">
            @include('reparacions.show_fields')
           </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="{{ route('reparacions.index') }}" class="btn btn-secundario text-white width-250 {!! Auth::user()->perfil == 'Distribuidor'  && is_null($reparacion->orden_cotizacion) || is_null($reparacion->orden_cotizacion_usa) ? 'afterLoad' : ''  !!}" style="margin-right: 0px;">Regresar <span><-</span></a>
                </div>
            </div>
           <div class="empty-space-50"></div>
       </div>
    </div>
@endsection
@section('modales')
    @if(Auth::user()->perfil == 'Distribuidor')
        <div class="modal fade" id="actualizarCotizacion" tabindex="-1" role="dialog" aria-labelledby="actualizarCotizacionLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="actualizarCotizacionLabel">Aceptar cotización</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" style="padding: 0px">
                        <form action="{!! url('reparacions/aceptar_cotizacion/') !!}/{!! $reparacion->id !!}" method="GET">
                            <div class="row" style="padding: 30px 40px;">
                                <div class="col-xl-12">
                                    <input type="radio" class="form-check-input facturacion" checked id="f_same" name="accept_cotizacion" value=Si>
                                    <label for="si" class="form-check-label">Aceptar cotización</label><br>
                                </div>
                                <div class="empty-space-30"></div>
                                <div class="col-xl-12">
                                    <input type="radio" class="form-check-input accept_cotizacion" id="f_below" name="accept_cotizacion" value="No">
                                    <label for="no" class="form-check-label">Rechazar cotización</label>
                                </div>
                            </div>
                                <div class="empty-space-50"></div>
                            <div class="col-12 p-0 m-0 text-right botonera-formulario">
                                <a href="{{ url('users') }}" class="btn btn-secundario text-white" data-dismiss="modal">Cancelar <span><-</span></a>
                                <button type="submit" id="guardar-cambios" class="btn btn-principal ">Aceptar <span>-></span></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>


        <div class="modal fade" id="actualizarGuia" tabindex="-1" role="dialog" aria-labelledby="actualizarGuiaLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="actualizarGuiaLabel">Aceptar Guía</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" style="padding: 0px">
                        <form action="{!! url('reparacions/aceptar_guia') !!}/{!! $reparacion->id !!}" method="GET">
                            <div class="row" style="padding: 30px 40px;">
                                <div class="col-xl-12">
                                    <input type="radio" class="form-check-input facturacion" checked id="f_same" name="accept_guia" value=Si>
                                    <label for="si" class="form-check-label">Aceptar guía</label><br>
                                </div>
                                <div class="empty-space-30"></div>
                                <div class="col-xl-12">
                                    <input type="radio" class="form-check-input accept_cotizacion" id="f_below" name="accept_guia" value="No">
                                    <label for="no" class="form-check-label">Rechazar guía</label>
                                </div>
                            </div>
                                <div class="empty-space-50"></div>
                            <div class="col-12 p-0 m-0 text-right botonera-formulario">
                                <a href="{{ url('users') }}" class="btn btn-secundario text-white" data-dismiss="modal">Cancelar <span><-</span></a>
                                <button type="submit" id="guardar-cambios" class="btn btn-principal ">Aceptar <span>-></span></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <div class="modal fade" id="infoReparacion" tabindex="-1" role="dialog" aria-labelledby="infoReparacionLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="infoReparacionLabel">Información de la reparación</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="padding: 0px 20px 0px">
                    <div class="row">
                        @if($reparacion->tipo == 'MaPro')
                            <div class="col-12">
                                <h4 class="texto-obscuro" style="margin-top:40px">Dirección Origen (sucursal) </h4>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Razón social</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->razon_social }}</h6>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Dirección</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->direccion }}</h6>
                            </div>
                            @if($reparacion->tipo_tecnico == 'Técnico Local')
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Estado</p>
                                    <h6 class="texto-azul ">{{ $reparacion_mapro->estado->estado }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Municipio</p>
                                    <h6 class="texto-azul ">{{ $reparacion_mapro->municipio->municipio }} C.P {!! $reparacion_mapro->codigo_postal !!}</h6>
                                </div>
                            @endif
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Teléfono</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->telefono }}</h6>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Designación del equipo</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->designacion_equipo }}</h6>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Descripcio del problema</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->descripcion_problema }}</h6>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Aplicación</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->aplicacion }}</h6>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Tipo de error</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->tipo_error }}</h6>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Voltaje de operación</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->voltaje_operacion }}</h6>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Expuesto a</p>
                                <h6 class="texto-azul ">{{ $reparacion_mapro->expuesto }}</h6>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                <p class="m-0 mb-1 texto-obscuro">Otro ambiente</p>
                                <h6 class="texto-azul ">{{ is_null($reparacion_mapro->ambiente) ? '--' :  $reparacion_mapro->ambiente }}</h6>
                            </div>
                            @elseif($reparacion->tipo == 'CoMo' && $reparacion->isPSP == 'Si')
                                <!-- Inicia visualiziación de PSP -->
                                <div class="col-12" style="margin-top:30px">
                                    <h4 class="texto-obscuro">Datos del equipo</h4>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Tipo de servicio</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->tipo_servicio }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Nombre del cliente final</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->t_nombre }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Email del cliente final</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->t_email }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Nombre del contacto técnico</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->t_nombre_tecnico }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Teléfono del contacto técnico</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->t_telefono }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Email del contacto técnico</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->t_email_tecnico }}</h6>
                                </div>
                                <div class="col-12">
                                    <h4 class="texto-obscuro"> Información del producto</h4>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Versión del software</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->version_software }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Número de serie</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->no_serie}}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Fecha de expiración</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->fecha_expira }}</h6>
                                </div>
                                <div class="col-12">
                                    <h4 class="texto-obscuro">  Información de la empresa</h4>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Nombre de empresa</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->f_nombre_empresa }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Dirección 1</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->f_direccion1 }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Dirección 2</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->f_direccion2 }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Estado</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->estado->estado }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Municipio</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->municipio->municipio }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Código Postal</p>
                                    <h6 class="texto-azul ">{{ $reparacion_psp->f_c_postal3 }}</h6>
                                </div>
                            <!-- Aquí termina el PSP -->
                            <!-- Aquí empieza el CoMo -->
                            @else
                                <div class="col-12" style="margin-top:30px">
                                    <h4 class="texto-obscuro">  Dirección origen (sucursal)</h4>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Razón social</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->f_nombre_empresa }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Dirección</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->f_direccion_devolucion }} C.P {!! $reparacion_como->f_c_postal2 !!}</h6>
                                </div>
                                <div class="col-12">
                                    <h4 class="texto-obscuro"> Información del contacto técnico</h4>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Nombre</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->t_nombre }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Correo electróncio</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->t_email}}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Teléfono</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->t_telefono }}</h6>
                                </div>
                                <div class="col-12">
                                    <h4 class="texto-obscuro">  Información del producto</h4>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Empresa usuaria</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->empresa_usuaria }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">No. de modelo</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->no_modelo }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Idioma</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->idioma }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Devolución</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->devolucion }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Motivo devolucion</p>
                                    <h6 class="texto-azul ">{{ is_null($reparacion_como->motivo_devolucion) ? '--' :  $reparacion_como->motivo_devolucion }}</h6>
                                </div>
                                <div class="col-12">
                                    <h4 class="texto-obscuro">  Reemplazo de batería</h4>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">¿Está solicitando un reemplazo de batería con su servicio de APM?</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->bateria }}</h6>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">¿Está solicitando un reemplazo de batería con su servicio de APM?</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->bateria_vieja }}</h6>
                                </div>
                                <div class="col-12">
                                    <h4 class="texto-obscuro">  Información de reparación del equipo</h4>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Reparación de producto</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->producto_reparacion }}</h6>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6 col-12">
                                    <p class="m-0 mb-1 texto-obscuro">Diagnóstico</p>
                                    <h6 class="texto-azul ">{{ $reparacion_como->diagnostico }}</h6>
                                </div>

                        @endif
                        <div class="empty-space-50"></div>
                        <div class="col-12 p-0 m-0 text-right botonera-formulario">
                            <button type="button"  class="btn btn-secundario text-white"  data-dismiss="modal" id="modalInfo">Cerrar  <span><-</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalSalida" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog  modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Advertencia</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <h4 style="margin-top:0px!important;">Estas apunto de abandonar esta página, ¿No has subido la orden?</h4>
                </div>
                <div class="col-12 p-0 m-0 text-right botonera-formulario">
                    <a href="{{ url('users') }}" onclick="vaciarURL();" class="btn btn-secundario text-white" data-dismiss="modal">Cancelar <span><-</span></a>
                    <button type="submit" id="guardar-cambios" onclick="redirectPagina();" class="btn btn-principal ">Aceptar <span>-></span></button>
                </div>
            </div>
        </div>
    </div>

@endsection
@push('scripts')
    <script>
        var imagen = '{!! $reparacion->image_reparacion  !!}';
        var url_dinamica = '{!! url("/") !!}';
        var tipoUser = "{!! Auth::user()->perfil !!}";
        var accept = "{!! $reparacion->accept_cotizacion !!}";
        var cotizacion = "{!! is_null($reparacion->orden_cotizacion) ? 'Si' : 'No' !!}";
        var cotizacionTwo = "{!!  is_null($reparacion->orden_cotizacion_usa) ? 'Si' : 'No'  !!}"
        var tipoTecnico= "{!! $reparacion->tipo_tecnico !!}";

        $.each(imagen.split(','), function(key, value){
            $('.list-two').append('<div class="carousel-item '+(key == 0 ? "active" : "")+'"><img src="'+url_dinamica+'/imagenes/backgrounds_plataforma/'+value+'"  alt="Hills" style="height:300px; object-fit:cover;"> </div>');
            $('.list-thumb').append('<li class="list-inline-item">'+
                '<a id="carousel-selector-'+key+'" class="selected '+(key == 0 ? "active" : "")+'"  data-slide-to="'+key+'" data-target="#custCarousel">'+
                    '<img src="'+url_dinamica+'/imagenes/backgrounds_plataforma/'+value+'"class="img-fluid" style="height:65px; object-fit:cover;">'+
                '</a>'+
             '</li>');

        })
        $('#modalInfo').click(function(){
            $('#infoReparacion .close').click();
        })
        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();
                });
        }
        $("#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();
        });
        function enviar_descarga(documento_id)
        {
            var data = {
                "user_id": "{{ get_perfil()['id'] }}",
                "seccion": 'reparacions',
                "archivo_id":documento_id,
            }
            $.ajax({
                url: "{{ URL('/') }}/api/agregar_descarga",
                type: "POST",
                dataType: "json",
                data: data,
                success: function(respuesta) {
                },
                error: function() {
                }
            });
        }

        function enviar_descarga(documento_id)
        {
            var data = {
                "user_id": "{{ get_perfil()['id'] }}",
                "seccion": 'reparacions',
                "archivo_id":documento_id,
            }
            $.ajax({
                url: "{{ URL('/') }}/api/agregar_descarga",
                type: "POST",
                dataType: "json",
                data: data,
                success: function(respuesta) {
                },
                error: function() {
                }
            });
        }

        var url = '';
    $(".afterLoad").click(function(){
        if(tipoUser == 'Distribuidor' && accept == 'Si' && cotizacion == 'Si' && tipoTecnico == 'Técnico Local'){
            event.preventDefault();
            if($(this)[0].hash != '')
            {
                return true
            }
            else if($(this)[0].id == "profileDropdown")
            {
                return true
            }
            modalSalida();
            url = $(this)[0].href;
            return false;
        }else if(tipoUser == 'Distribuidor' && accept == 'Si' && cotizacionTwo == 'Si' && tipoTecnico == 'Técnico SF USA'){
            event.preventDefault();
            if($(this)[0].hash != '')
            {
                return true
            }
            else if($(this)[0].id == "profileDropdown")
            {
                return true
            }
            modalSalida();
            url = $(this)[0].href;
            return false;
        }
    });

    function modalSalida()
    {
        $("#modalSalida").modal();
    }
    function redirectPagina(){
        window.location.href = url_dinamica+'/reparacions';
    }

    function vaciarURL(){
        url = '';
    }
    </script>
@endpush