@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Muestras</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Inspección de muestras</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Inspección</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    <div class="form-group row">
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="empresa" class="">Empresa</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->razon_social}}" id="empresa" name="empresa">--}}
            {{--<p>{{$datos_empresa->razon_social}}</p>--}}
            @if ($flag != 0)
                @if ($datos_cliente_informe->id_cliente_informe != NULL)
                    <p>{{$datos_cliente_informe->nombre_empresa}}</p>
                @endif  
            @endif
        </div>
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="quien_entrega" class="">Quién entrega</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->quien_entrego}}" id="quien_entrega" name="quien_entrega">--}}
            <p>{{$datos_recibo_muestra->quien_entrego}}</p>
        </div>
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="fecha_recibo" class="">Fecha de recibo</label>
            {{--<input disabled type="text" class="form-control" placeholder="{{$datos_empresa->fecha_recibo}}" id="fecha_recibo" name="fecha_recibo">--}}
            <p>{{date("d-m-Y",strtotime($datos_recibo_muestra->fecha_recibo))}}</p>
        </div>
    </div> 
    {{--<div class="ui segment">
        <form class="ui form" action="usuarioSearch" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Nombre de la muestra...">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar muestra">
                </div>
            </div>
        </form>
    </div>--}} 
	
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{ $muestras->count() }}</strong> resultados en esta página</p>
            <table class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>Partida</th>
                        <th>Nombre</th>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>Cantidad</th>
                        @if ($permisos->gerente == 1)
                        <th>Fecha real</th>
                        @endif
                        <th class="text-center collapsing">Estatus inspección</th>
                        
                        <th class="collapsing">1ra. Inspección</th>
                        <th class="collapsing">2da. Inspección</th>
                        <th class="collapsing">Reporte</th>
                    </tr>
                </thead>
                <tbody>
                    @if($muestras->count())
                    @foreach ($muestras as $muestra)
                        <tr>
                            <td>{{ $muestra->partida }}</td>
                            <td>{{ $muestra->nombre }}</td>
                            <td>{{ $muestra->marca }}</td>
                            <td>{{ $muestra->modelo }}</td>
                            <td>{{ $muestra->cantidad }}</td>
                            @if ($permisos->gerente == 1)
                            <td>{{$muestra->created_at}}</td>
                            @endif
                            <td class="text-center ">
                                @if ($muestra->estatus == 'verde')
                                    <span class="btn btn-success">Aprobado</span>
                                @endif
                                @if ($muestra->estatus == 'amarillo')
                                    <span class="btn btn-warning">Pendiente</span>
                                @endif
                                @if ($muestra->estatus == 'rojo')
                                    <span class="btn btn-danger">No aprobado</span>
                                @endif
                            </td>
                            <td class="text-center ">
                                <div class="ui tiny icon buttons">
                                    <!-- Editar --> 
                                    @if ($permisos->actualizar == 1)
                                    <a class="ui button green primera_inspeccion 
                                    {{--@if ($muestra->created_at != $muestra->updated_at )
                                    disabled
                                    @endif--}}
                                    " 
                                       title="Modifica" 
                                       id="muestra_{{$muestra->id_inspeccion_muestra}}"
                                       
                                       data-id_muestra="{{$muestra->id_muestra}}"
                                       data-id_inspeccion_muestra="{{$muestra->id_inspeccion_muestra}}">
                                        <i class="search icon"></i>
                                    </a>      
                                    @endif                                   
                                </div>
                            </td>
                            <td class="text-center ">
                                <div class="ui tiny icon buttons">
                                    <!-- Editar -->
                                    @if ($permisos->actualizar == 1)                                    
                                    <a class="ui button green segunda_inspeccion
                                    @if ($muestra->created_at == $muestra->updated_at )
                                    disabled
                                    @endif
                                    " 
                                        title="Modifica" 
                                        id="muestra_dos_{{$muestra->id_inspeccion_muestra}}"
                                        
                                        data-id_muestra="{{$muestra->id_muestra}}"
                                        data-id_inspeccion_muestra="{{$muestra->id_inspeccion_muestra}}">
                                     <i class="search icon"></i>
                                    </a>
                                    @endif    
                                </div>
                            </td>
                            <td class="text-center ">
                                <div class="ui tiny icon buttons">
                                    <form action="{{url('recibo_de_inspeccion_pdf')}}" method="post">
                                        {{csrf_field()}}
                                        <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_recibo_muestra->id_recibo_muestra}}">
                                        <input type="hidden" name="id_empresa" id="id_empresa" 
                                        @if ($flag != 0)
                                            @if ($datos_cliente_informe->id_cliente_informe != NULL)
                                            value="{{$datos_cliente_informe->id_cliente_informe}}"
                                            @endif  
                                        @endif
                                        >
                                        <input type="hidden" name="id_muestra" id="id_muestra" value="{{$muestra->id_muestra}}">
                                        <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$muestra->id_inspeccion_muestra}}">
                                        
                                        <button id="pdf_button_inspeccion_{{$muestra->id_muestra}}" class="ui button green
                                        @if ($muestra->estatus != 'verde')
                                        disabled
                                        @endif
                                        " 
                                        title="Descargar reporte" 
                                        type="submit">
                                            <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                            <i class="download icon"></i>  
                                        </button>
                                    </form>
                                    
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td class="text-center" colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{ $muestras->links("pagination::bootstrap-4") }}
        </div>
        <div class="ui divider"></div>
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                {{--<input type="submit" value="Guardar" class="ui button primary">--}}
                <a href="{{ route('inspeccion_de_muestras.index') }}" class="ui button gray">Atrás</a>
            </div>
        </div>
        {{--<div class="form-group">
            <form action="recibo_de_inspeccion_pdf" method="post">
                {{csrf_field()}}
                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_recibo_muestra->id_recibo_muestra}}">
                <input type="hidden" name="id_empresa" id="id_empresa" value="{{$datos_cliente_informe->id_empresa}}">
                
                <button class="ui button green" type="submit">
                    <i class="download icon"></i>Descargar recibo de inspección muestra
                </button>
            </form>
        </div>--}}
    </div>
    
    @include('Muestras_inspeccion.inspeccion_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.primera_inspeccion').on('click', function(){
                
                idInspeccion = $(this).attr('id');
                id_inspeccion_muestra = $('#'+idInspeccion).data('id_inspeccion_muestra');
                id_muestra = $('#'+idInspeccion).data('id_muestra');
                id_numero_inspeccion = 1;
                //alert(id_inspeccion_muestra);
                $('#id_inspeccion_muestra').val(id_inspeccion_muestra);
                $('#id_numero_inspeccion').val(id_numero_inspeccion);
                
                $.ajax({
                    url:"{{url('inspeccion_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/show_primera_inspeccion')}}",
                    method:"POST",
                    data:{'id_muestra': id_muestra,'id_numero_inspeccion': id_numero_inspeccion,'id_inspeccion_muestra': id_inspeccion_muestra, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        //console.log(resultData);
                        $('#inspeccion_modal_muestra').modal('show');
                    }
                });
        
            });
        });
        
        $('#inspeccion_modal_muestra').on('show.bs.modal', function () {

            // INI - NUEVA IMPLEMENTACION 
			
			if (resultData['datos_productos_servicio']) {

                // Definimos el nombre de la empresa
                let nombreEmpresa = {!! json_encode($datos_cliente_informe->nombre_empresa) !!};
                
                // Arrays para separar los grupos
                let registrosCliente = [];
                let registrosGenerales = [];

                // bandera si no hay opciones
                let bandera = 0;

                // Almacenamiento de las opciones select
                let html_option = "";
                html_option += "<select name='select_producto_primera_inspeccion' id='select_producto_primera_inspeccion' class='form-control' required>";
                
                // Clasificación de registros
                if (resultData['datos_productos_servicio'].length > 0) {
                    $.each(resultData['datos_productos_servicio'], function(key, value) {
                        if (nombreEmpresa === value['nombre_empresa']) {
                            registrosCliente.push(value);
                        } else {
                            registrosGenerales.push(value);
                        }
                    });
                }

                //Construcción del Grupo: Productos del Cliente
                if (registrosCliente.length > 0) { 
                    
                    let groupCliente = '<optgroup label="Productos del Cliente:' + nombreEmpresa + '">';
                    registrosCliente.forEach(reg => {
                        let precio = parseFloat(reg.precio_unitario) || 0;
                        let pu = precio.toLocaleString('es-MX', {
                            style: 'currency',
                            currency: 'MXN'
                        });
                        let subtext = nombreEmpresa + ', PU: ' + pu;
                        let optionsRegCliente = "<option value=" + reg.id_precio + " data-subtext='" + subtext + "'>" + reg.tipo_producto + "</option>"; 
                        groupCliente += optionsRegCliente;
                    });
                    html_option += groupCliente;

                } else {
                    bandera = 1;
                    //html_option +="<option selected disabled>No existen productos generales</option>";
                }

                //Construcción del Grupo: Productos Generales
                if (registrosGenerales.length > 0) { 
                    
                    let groupGeneral = '<optgroup label="Productos Generales">';
        
                    registrosGenerales.forEach(reg => {
                        let nombreCF = (reg.nombre_empresa) ? reg.nombre_empresa : 'Productos Generales';
                        let precio = parseFloat(reg.precio_unitario) || 0;
                        let pu = precio.toLocaleString('es-MX', {
                            style: 'currency',
                            currency: 'MXN'
                        });
                        let subtext = nombreCF + ', PU: ' + pu;
                        let optionsRegCliente = "<option value=" + reg.id_precio + " data-subtext='" + subtext + "'>" + reg.tipo_producto + "</option>"; 
                        groupGeneral += optionsRegCliente;
                    });
                    html_option += groupGeneral;

                } else {
                    bandera = 1;
                    //html_option +="<option selected disabled>No existen productos generales</option>";
                }

                if(bandera === 1) {
                    html_option +="<option selected disabled>No existen productos</option>";
                }

                // Cerramos las opciones select
                html_option += "</select>";
                $('#producto_primera_inspeccion').html(html_option);

                $('#select_producto_primera_inspeccion').selectpicker('destroy'); // Destruye la instancia vieja
                $('#select_producto_primera_inspeccion').selectpicker();          // Crea la nueva con los datos

            } else {

                $('#inspeccion_modal_muestra #select_servicio_primera_inspeccion').selectpicker('val', '0');
                $('#inspeccion_modal_muestra #select_producto_primera_inspeccion').selectpicker('val', ''); 
                
            }
			
			// FIN - NUEVA IMPLEMENTACION 
            
            organismo_titulo = "<label>Organismo</label>";
            organismo_input = "<input type='text' class='form-control' id='organismo' name='organismo'>";
            $('#organismo_titulo').html(organismo_titulo);
            $('#organismo_input').html(organismo_input);

            if (resultData['datos_primera_inspeccion']['num_seguimiento'] != null) {

                $('#organismo_titulo').show();
                $('#organismo_input').show();
            }else{
                $('#organismo_titulo').hide();
                $('#organismo_input').hide();
            }

            if (resultData['datos_primera_inspeccion']['cotizacion'] == 1) {
                $('#cotizacion_check').prop('checked', true);
            }else{
                $('#cotizacion_check').prop('checked', false);
            }
            
            $("#inspeccion_modal_muestra :input").each(function(){
                
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                //console.log(input);

                if (resultData['datos_primera_inspeccion']) {
                    if(input in resultData['datos_primera_inspeccion']){
                    
                        $('#inspeccion_modal_muestra #'+input).val(resultData['datos_primera_inspeccion'][input]);
                        $('#inspeccion_modal_muestra #'+input).selectpicker('val', resultData['datos_primera_inspeccion'][input]);

                        if (resultData['datos_primera_inspeccion'][input] == 1) {
                            $('#inspeccion_modal_muestra #'+input).prop('checked', true);
                        }else{
                            $('#inspeccion_modal_muestra #'+input).prop('checked', false);
                        }
                    
                    }
                }
                
                
            });
            //Seguimiento observaciones
            observaciones_muestra = resultData['observaciones_muestra']['observaciones'];
            consta_de_accesorios = resultData['observaciones_muestra']['consta_de_accesorios'];
            $('#inspeccion_modal_muestra #observaciones').val(observaciones_muestra);
            $('#inspeccion_modal_muestra #consta_de_accesorios').val(consta_de_accesorios);

        });
    </script>
    @include('Muestras_inspeccion.segunda_inspeccion_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.segunda_inspeccion').on('click', function(){
                
                idInspeccion = $(this).attr('id');
                id_inspeccion_muestra = $('#'+idInspeccion).data('id_inspeccion_muestra');
                //alert(id_inspeccion_muestra);
                id_muestra = $('#'+idInspeccion).data('id_muestra');
                id_segundo_numero_inspeccion = 2;
                //alert(id_segundo_numero_inspeccion);
                $('#id_segundo_inspeccion_muestra').val(id_inspeccion_muestra);
                $('#id_segundo_numero_inspeccion').val(id_segundo_numero_inspeccion);
                
                $.ajax({
                    url:"{{url('inspeccion_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/show_segunda_inspeccion')}}",
                    method:"POST",
                    data:{'id_muestra': id_muestra,'id_numero_inspeccion_dos': id_segundo_numero_inspeccion,'id_inspeccion_muestra': id_inspeccion_muestra, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultDataDos = result.data;
                        //console.log(resultDataDos);
                        $('#segunda_inspeccion_modal_muestra').modal('show');
                    }
                });
        
            });
        });
        
        $('#segunda_inspeccion_modal_muestra').on('show.bs.modal', function () {
			

		    // INI - NUEVA IMPLEMENTACION 
		   
		    if (resultDataDos['datos_productos_servicio']) {

                // Definimos el nombre de la empresa
                let nombreEmpresa = {!! json_encode($datos_cliente_informe->nombre_empresa) !!};
                
                // Arrays para separar los grupos
                let registrosCliente = [];
                let registrosGenerales = [];

                // bandera si no hay opciones
                let bandera = 0;

                // Almacenamiento de las opciones select
                let html_option = "";
                html_option += "<select name='select_producto_segunda_inspeccion' id='select_producto_segunda_inspeccion' class='form-control' required>";
                
                // Clasificación de registros
                if (resultDataDos['datos_productos_servicio'].length > 0) {
                    $.each(resultDataDos['datos_productos_servicio'], function(key, value) {
                        if (nombreEmpresa === value['nombre_empresa']) {
                            registrosCliente.push(value);
                        } else {
                            registrosGenerales.push(value);
                        }
                    });
                }

                //Construcción del Grupo: Productos del Cliente
                if (registrosCliente.length > 0) { 
                    
                    let groupCliente = '<optgroup label="Productos del Cliente:' + nombreEmpresa + '">';
                    registrosCliente.forEach(reg => {
                        let precio = parseFloat(reg.precio_unitario) || 0;
                        let pu = precio.toLocaleString('es-MX', {
                            style: 'currency',
                            currency: 'MXN'
                        });
                        let subtext = nombreEmpresa + ', PU: ' + pu;
                        let optionsRegCliente = "<option value=" + reg.id_precio + " data-subtext='" + subtext + "'>" + reg.tipo_producto + "</option>"; 
                        groupCliente += optionsRegCliente;
                    });
                    html_option += groupCliente;

                } else {
                    bandera = 1;
                    //html_option +="<option selected disabled>No existen productos generales</option>";
                }

                //Construcción del Grupo: Productos Generales
                if (registrosGenerales.length > 0) { 
                    
                    let groupGeneral = '<optgroup label="Productos Generales">';
        
                    registrosGenerales.forEach(reg => {
                        let nombreCF = (reg.nombre_empresa) ? reg.nombre_empresa : 'Productos Generales';
                        let precio = parseFloat(reg.precio_unitario) || 0;
                        let pu = precio.toLocaleString('es-MX', {
                            style: 'currency',
                            currency: 'MXN'
                        });
                        let subtext = nombreCF + ', PU: ' + pu;
                        let optionsRegCliente = "<option value=" + reg.id_precio + " data-subtext='" + subtext + "'>" + reg.tipo_producto + "</option>"; 
                        groupGeneral += optionsRegCliente;
                    });
                    html_option += groupGeneral;

                } else {
                    bandera = 1;
                    //html_option +="<option selected disabled>No existen productos generales</option>";
                }

                if(bandera === 1) {
                    html_option +="<option selected disabled>No existen productos</option>";
                }

                // Cerramos las opciones select
                html_option += "</select>";
                $('#producto_segunda_inspeccion').html(html_option);

                $('#select_producto_segunda_inspeccion').selectpicker('destroy'); // Destruye la instancia vieja
                $('#select_producto_segunda_inspeccion').selectpicker();          // Crea la nueva con los datos

            }
		   
		    // FIN - NUEVA IMPLEMENTACION 
            

            if (resultDataDos['datos_segunda_inspeccion']['select_observaciones_2'] == "Seguimiento") {
                seguimiento_titulo = "<label>Número de seguimiento</label>";
                seguimiento_input = "<input type='text' class='form-control' id='num_seguimiento_2' name='num_seguimiento_2'>";
        
               
                $('#seguimiento_titulo_2').html(seguimiento_titulo);
                $('#seguimiento_input_2').html(seguimiento_input);

                $('#seguimiento_titulo_2').show();
                $('#seguimiento_input_2').show();
            }else{
                $('#seguimiento_titulo_2').hide();
                $('#seguimiento_input_2').hide();
            }

            organismo_titulo = "<label>Organismo</label>";
            organismo_input = "<input type='text' class='form-control' id='organismo_2' name='organismo_2'>";
            $('#organismo_titulo_2').html(organismo_titulo);
            $('#organismo_input_2').html(organismo_input);

            if (resultDataDos['datos_segunda_inspeccion']['cotizacion'] == 1) {
                $('#cotizacion_check_2').prop('checked', true);
            }else{
                $('#cotizacion_check_2').prop('checked', false);
            }

            if (resultDataDos['datos_segunda_inspeccion']['num_seguimiento_2'] != null) {

                $('#organismo_titulo_2').show();
                $('#organismo_input_2').show();
            }else{
                $('#organismo_titulo_2').hide();
                $('#organismo_input_2').hide();
            }
            $("#segunda_inspeccion_modal_muestra :input").each(function(){
                
                input = $(this).attr('id'); 
                
                if(input in resultDataDos['datos_segunda_inspeccion']){
                    //console.log(input);
                    $('#segunda_inspeccion_modal_muestra #'+input).val(resultDataDos['datos_segunda_inspeccion'][input]);
                    //Para recuperar los valores de select
                    $('#segunda_inspeccion_modal_muestra #'+input).selectpicker('val', resultDataDos['datos_segunda_inspeccion'][input])
                }
            });
            //Seguimiento observaciones
            observaciones_muestra = resultDataDos['observaciones_muestra']['observaciones'];
            $('#segunda_inspeccion_modal_muestra #observaciones_2').val(observaciones_muestra);
        });
    </script>
    <script>
        $("#select_observaciones").change(function(){
            var categoria_producto = $("#select_observaciones").val();
            //
            if (categoria_producto == "Seguimiento") {
                seguimiento_titulo = "<label>Número de seguimiento</label>";
                seguimiento_input = "<input type='text' class='form-control' id='num_seguimiento' name='num_seguimiento'>";
    
    
                $('#seguimiento_titulo').html(seguimiento_titulo);
                $('#seguimiento_input').html(seguimiento_input);
            }
            
        });
    </script>
    <script>
        $("#select_observaciones_2").change(function(){
            var categoria_producto = $("#select_observaciones_2").val();
            
            if (categoria_producto == "Seguimiento") {
                //alert(categoria_producto);
                seguimiento_titulo = "<label>Seguimiento</label>";
                seguimiento_input = "<input type='text' class='form-control' id='num_seguimiento_2' name='num_seguimiento_2'>";

                $('#seguimiento_titulo_2').html(seguimiento_titulo);
                $('#seguimiento_input_2').html(seguimiento_input);

                $('#seguimiento_titulo_2').show();
                $('#seguimiento_input_2').show();
            }else{
                $('#seguimiento_titulo_2').hide();
                $('#seguimiento_input_2').hide();  
            }
            
        });
    </script>
    <script>
        $("#select_servicio_primera_inspeccion").change(function(){
            
            var id_servicio = $("#select_servicio_primera_inspeccion").val();
            
            $.ajax({
                url:"{{url('inspeccion_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/show_select_servicio')}}",
                method:"POST",
                data:{'id_servicio': id_servicio, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        // INI - NUEVA IMPLEMENTACION 
						
						// Definimos el nombre de la empresa
                        let nombreEmpresa = {!! json_encode($datos_cliente_informe->nombre_empresa) !!};
                        
                        // Arrays para separar los grupos
                        let registrosCliente = [];
                        let registrosGenerales = [];

                        // bandera si no hay opciones
                        let bandera = 0;

                        // Almacenamiento de las opciones select
                        let html_option = "";
                        html_option += "<select name='select_producto_primera_inspeccion' id='select_producto_primera_inspeccion' class='form-control' required>";
                        
                        // Clasificación de registros
                        if (resultData.length > 0) {
                            $.each(resultData, function(key, value) {
                                if (nombreEmpresa === value['nombre_empresa']) {
                                    registrosCliente.push(value);
                                } else {
                                    registrosGenerales.push(value);
                                }
                            });
                        }

                        //Construcción del Grupo: Productos del Cliente
                        if (registrosCliente.length > 0) { 
                            
                            let groupCliente = '<optgroup label="Productos del Cliente:' + nombreEmpresa + '">';
                            registrosCliente.forEach(reg => {
                                //console.log('reg Cliente',reg);
                                let precio = parseFloat(reg.precio_unitario) || 0;
                                let pu = precio.toLocaleString('es-MX', {
                                    style: 'currency',
                                    currency: 'MXN'
                                });
                                let subtext = nombreEmpresa + ', PU: ' + pu;
                                let optionsRegCliente = "<option value=" + reg.id_precio + " data-subtext='" + subtext + "'>" + reg.tipo_producto + "</option>"; 
                                groupCliente += optionsRegCliente;
                            });

                            bandera = 0;
                            html_option += groupCliente;

                        } else {
                            bandera = 1;
                            //html_option +="<option selected disabled>No existen productos cliente</option>";
                        }

                        //Construcción del Grupo: Productos Generales
                        if (registrosGenerales.length > 0) { 
                            
                            let groupGeneral = '<optgroup label="Productos Generales">';
                
                            registrosGenerales.forEach(reg => {
                                //console.log('reg Gral',reg);
                                let nombreCF = (reg.nombre_empresa) ? reg.nombre_empresa : 'Productos Generales';
                                let precio = parseFloat(reg.precio_unitario) || 0;
                                let pu = precio.toLocaleString('es-MX', {
                                    style: 'currency',
                                    currency: 'MXN'
                                });
                                let subtext = nombreCF + ', PU: ' + pu;
                                let optionsRegCliente = "<option value=" + reg.id_precio + " data-subtext='" + subtext + "'>" + reg.tipo_producto + "</option>";
                                //console.log('optionsRegCliente',optionsRegCliente);
                                groupGeneral += optionsRegCliente;
                            });

                            bandera = 0;
                            html_option += groupGeneral;

                        } else {
                            bandera = 1;
                            //html_option +="<option selected disabled>No existen productos generales</option>";
                        }

                        if(bandera === 1) {
                            html_option +="<option selected disabled>No existen productos</option>";
                        }

                        // Cerramos las opciones select
                        html_option += "</select>";
                        $('#producto_primera_inspeccion').html(html_option);

                        $('#select_producto_primera_inspeccion').selectpicker('destroy'); // Destruye la instancia vieja
                        $('#select_producto_primera_inspeccion').selectpicker();          // Crea la nueva con los datos
						
						// FIN - NUEVA IMPLEMENTACION 

                    },
                });
            });
    </script>
    <script>
        $("#select_servicio_segunda_inspeccion").change(function(){
            var id_servicio = $("#select_servicio_segunda_inspeccion").val();
            //alert("Hey! segunda");
            //console.log(id_empresa);
            $.ajax({
                url:"{{url('inspeccion_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/show_select_servicio')}}",
                method:"POST",
                data:{'id_servicio': id_servicio, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        // INI - NUEVA IMPLEMENTACION 
						
						// Definimos el nombre de la empresa
                        let nombreEmpresa = {!! json_encode($datos_cliente_informe->nombre_empresa) !!};
                        
                        // Arrays para separar los grupos
                        let registrosCliente = [];
                        let registrosGenerales = [];

                        // bandera si no hay opciones
                        let bandera = 0;

                        // Almacenamiento de las opciones select
                        let html_option = "";
                        html_option += "<select name='select_producto_segunda_inspeccion' id='select_producto_segunda_inspeccion' class='form-control' required>";
                        
                        // Clasificación de registros
                        if (resultData.length > 0) {
                            $.each(resultData, function(key, value) {
                                if (nombreEmpresa === value['nombre_empresa']) {
                                    registrosCliente.push(value);
                                } else {
                                    registrosGenerales.push(value);
                                }
                            });
                        }

                        //Construcción del Grupo: Productos del Cliente
                        if (registrosCliente.length > 0) { 
                            
                            let groupCliente = '<optgroup label="Productos del Cliente:' + nombreEmpresa + '">';
                            registrosCliente.forEach(reg => {
                                //console.log('reg Cliente',reg);
                                let precio = parseFloat(reg.precio_unitario);
                                let pu = precio.toLocaleString('es-MX', {
                                    style: 'currency',
                                    currency: 'MXN'
                                });
                                let subtext = nombreEmpresa + ', PU: ' + pu;
                                let optionsRegCliente = "<option value=" + reg.id_precio + " data-subtext='" + subtext + "'>" + reg.tipo_producto + "</option>"; 
                                groupCliente += optionsRegCliente;
                            });

                            bandera = 0;
                            html_option += groupCliente;

                        } else {
                            bandera = 1;
                            //html_option +="<option selected disabled>No existen productos cliente</option>";
                        }

                        //Construcción del Grupo: Productos Generales
                        if (registrosGenerales.length > 0) { 
                            
                            let groupGeneral = '<optgroup label="Productos Generales">';
                
                            registrosGenerales.forEach(reg => {
                                //console.log('reg Gral',reg);
                                let nombreCF = (reg.nombre_empresa) ? reg.nombre_empresa : 'Productos Generales';
                                let precio = parseFloat(reg.precio_unitario) || 0;
                                let pu = precio.toLocaleString('es-MX', {
                                    style: 'currency',
                                    currency: 'MXN'
                                });
                                let subtext = nombreCF + ', PU: ' + pu;
                                let optionsRegCliente = "<option value=" + reg.id_precio + " data-subtext='" + subtext + "'>" + reg.tipo_producto + "</option>";
                                //console.log('optionsRegCliente',optionsRegCliente);
                                groupGeneral += optionsRegCliente;
                            });

                            bandera = 0;
                            html_option += groupGeneral;

                        } else {
                            bandera = 1;
                            //html_option +="<option selected disabled>No existen productos generales</option>";
                        }

                        if(bandera === 1) {
                            html_option +="<option selected disabled>No existen productos</option>";
                        }

                        // Cerramos las opciones select
                        html_option += "</select>";
                        $('#producto_segunda_inspeccion').html(html_option);

                        $('#select_producto_segunda_inspeccion').selectpicker('destroy'); // Destruye la instancia vieja
                        $('#select_producto_segunda_inspeccion').selectpicker();          // Crea la nueva con los datos
						
						// FIN - NUEVA IMPLEMENTACION 

                    },
                });
            });
    </script>
    
    <script>
        $('button').click(function(){
         
            pdf_button = $(this).attr('id');
            //console.log(pdf_button);
            
            spinner = $('#'+pdf_button).find('span');
            spinner.removeClass('d-none');

            icono = $('#'+pdf_button).find('i');
            icono.addClass('d-none');
        });
        
        setInterval(function(){ 
            spinner.addClass('d-none'); 
            icono.removeClass('d-none');
        }, 5000);

    </script>
@endsection