@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
    
    $count_estatus = 0;

@endphp
@section('contenido')


<style>
/*.tales {
  width: 100%;
}
.carousel-inner{
  width:100%;
  max-height: 250px !important;
}*/
.tales {
  width: 100%;
}
.carousel-inner{
  width:100%;
  max-height: 250px !important;
}

</style>
    <div class="ui big breadcrumb">
        <div class="section">Pruebas</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Línea de pruebas</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Muestras</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>
    {{-- @foreach ($notificaciones_reporte_analista as $notificacion)
        <div id="{{$notificacion->id_notificacion}}_div_notificacion" class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>Notificación</strong><br>
            El siguiente informe de línea de pruebas requiere su atención<br><br>
            <a href="{{url('linea_de_pruebas/'.$notificacion->id_programacion_muestra)}}"><strong>{{$notificacion->numero_informe}}</strong></a><br>
            {{$notificacion->mensaje}}
            <button id="{{$notificacion->id_notificacion}}" class="ui button fluid red mt-3 notificacion_analista" data-id_notificacion="{{$notificacion->id_notificacion}}">
                Sin Revisar
            </button>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
            
        </div> 
    @endforeach
    @foreach ($notificaciones_reporte_jefe as $notificacion)
        <div id="{{$notificacion->id_notificacion}}_div_notificacion" class="alert alert-primary alert-dismissible fade show" role="alert">
            <strong>Notificación</strong><br>
            Su notificación con el siguiente mensaje ha sido atendida<br><br>
            <a href="{{url('linea_de_pruebas/'.$notificacion->id_programacion_muestra)}}"><strong>{{$notificacion->numero_informe}}</strong></a><br>
            {{$notificacion->mensaje}}
            <button id="{{$notificacion->id_notificacion}}" class="ui button fluid blue mt-3 notificacion_jefe" data-id_notificacion="{{$notificacion->id_notificacion}}">
                <i class="eye icon"></i> No volver a mostrar
            </button>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
            
        </div> 
    @endforeach --}}
    
    @if (empty($datos_reporte_linea_pruebas))
    @if($permisos->crear == 1 || $permisos->gerente == 1)
        <button class="ui button fluid primary create_linea_pruebas_modal">
            <i class="pencil alternate icon"></i> Registrar prueba
        </button> 
    @endif
    @else
    @if (count($datos_fotografia_reporte) >= 1)
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <h5><strong>Imágenes de la muestra</strong></h5>
        
        <ol class="carousel-indicators">
            @php
                $i=0;
            @endphp
            @foreach ($datos_fotografia_reporte as $datos_fotografia)
                <li data-target="#carouselExampleIndicators" data-slide-to="{{$i}}" 
                @if ($i==0)
                    class="active"
                @endif
                ></li>
            @php
                $i++;
            @endphp
            @endforeach
        </ol>
        @php
            $i=0;
        @endphp
        <div class="carousel-inner">
            @foreach ($datos_fotografia_reporte as $datos_fotografia)
                <div
                @if ($i==0)
                    class="carousel-item active"
                @else
                    class="carousel-item"
                @endif
                >
                <img class="d-block img-fluid" src="{{ asset('storage/linea_pruebas_fotografias/'.$datos_fotografia->fotografia)}}" alt="First slide">
            </div>
            @php
                $i++;
            @endphp
            @endforeach
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
    </div>
    
    <div class="ui divider"></div>
    @endif
    
    <div class="row">
        {{-- enviar --}}
        {{-- La opcion se muestra solo cuando el servidor resolvio al menos un reporte autorizado. --}}
        @if ($usuario_puede_crear_notificacion_general_linea)
            <div class="col-md-8 mb-1">
                <button class="ui button fluid primary create_notificacion" data-id_linea_prueba_reporte="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}">
                    <i class="pencil alternate icon"></i>Crear notificación
                </button> 
            </div>
            <!--
            <div class="col-md-4">
                <a id="send_email_reporte" 
                class="ui button fluid blue send_email_reporte_class 
                @if ($datos_reporte_linea_pruebas->estatus_jefe_linea == 0)
                    disabled
                @endif
                "
                data-id_linea_prueba_reporte="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}"">
                    <i class="mail alternate icon"></i>Enviar Informe a Cobranza
                </a> 
            </div>
            -->
        @endif
        
        <div class="col-md-8 mb-1">
            @if($permisos->actualizar == 1 || $permisos->gerente == 1)
            <button class="ui button fluid green edit_linea_pruebas_modal" data-id_linea_prueba_reporte="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}">
                <i class="pencil alternate icon"></i>Editar reporte de línea de pruebas
            </button> 
            @endif
        </div>
        <div class="col-md-4">
        @if($permisos->eliminar == 1 || $permisos->gerente == 1)
        <button class="ui button fluid red delete_linea_prueba_reporte_modal " data-id_linea_prueba_reporte="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}">
                <i class="trash alternate icon"></i>Eliminar
            </button> 
            @endif
        </div>
    </div>

    @endif
	
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
        {{--<p class="text-center" >{{ $datos_reporte_linea_pruebas->count() }}</strong> resultados en esta p&aacute;gina</p>--}}
            <iframe name="iframe_descarga_informe_resultados" id="iframe_descarga_informe_resultados" class="d-none"></iframe>
            <table class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>No. Informe</th>
                        <th class="text-center">Muestra</th>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>Realizó ensayo</th>
                        <th class="text-center">Fecha de creación</th>
                        <th class="text-center">Estatus</th>
                        
                        <th class="text-center">Línea de pruebas</th>
                        <th class="text-center">Informe de resultados</th>
                        @if ($datos_reporte_linea_pruebas)
                            @if ($datos_reporte_linea_pruebas->informe_resultados_pdf != NULL)
                                <th class="text-center">Informe de resultados PDF</th>
                            @endif
                        @endif
                        @if ($usuario_jefe_valido_reporte_linea || $usuario_analista_reporte_linea)
                            <th class="text-center">Acciones de Línea de Pruebas</th>
                        @endif
                        
                        
                    </tr>
                </thead>
                <tbody>
                    @if($datos_reporte_linea_pruebas)
                        <tr>
                            <td>{{$datos_reporte_linea_pruebas->numero_informe }}</td>
                            <td class="text-center" width="10%">{{$datos_reporte_linea_pruebas->nombre_muestra }}</td>
                            <td>{{$datos_reporte_linea_pruebas->marca_muestra }}</td>
                            <td>{{$datos_reporte_linea_pruebas->modelo_muestra }}</td>
                            <td>{{$datos_reporte_linea_pruebas->nombre_usuario}}</td>
                            <td class="text-center">{{$datos_reporte_linea_pruebas->fecha_creacion_reporte_formateada}}</td>
                            <td class="text-center">
                                @switch($estatus_reporte)
                                    @case('verde')
                                        @if($datos_reporte_linea_pruebas->termino == 1)
                                            <span class="btn btn-success">Terminado</span> 

                                        @else
                                            <span class="btn btn-warning">En proceso</span>
                                        @endif
                                       
                                        @break
                                    @case('amarillo')
                                        <span class="btn btn-warning">En proceso</span>
                                        @break
                                    @case('rojo')
                                        <span class="btn btn-danger">No iniciado</span>
                                        @break
                                    @default
                                @endswitch
                            </td>
                            <td class="text-center ">
                                <div class="buttons tiny">
                                    <!-- Agregar Muestras -->
                                    <a href="{{url('linea_de_pruebas/'.$id_programacion_muestra.'/pruebas_de_muestra/'.$datos_reporte_linea_pruebas->id_linea_prueba_reporte)}}" 
                                        class="ui button blue fluid @if($datos_reporte_linea_pruebas->termino == 1) disabled @endif"> 
                                        @switch($estatus_reporte)
                                            @case('verde')
                                                
                                                @if($datos_reporte_linea_pruebas->termino == 1)
                                                Pruebas concluídas 
                                                @else
                                                Continuar pruebas
                                                @endif
                                                @break
                                            @case('amarillo')
                                                Continuar pruebas 
                                                @break
                                            @case('rojo')
                                                Iniciar pruebas 
                                                @break
                                            @default
                                        @endswitch
                                        &nbsp;
                                        <i class="icon-lineas-de-pruebas"></i> 
                                    </a>              
                                </div>
                            </td>
                            <td class="text-center ">
                                <div class="buttons tiny">
                                    <!-- Agregar Muestras -->
                                    <form action="{{url('informe_general_linea_de_pruebas')}}" method="post" class="form-informe-resultados" target="iframe_descarga_informe_resultados">
                                        {{csrf_field()}}
                                        <input type="hidden" id="id_linea_prueba_reporte" name="id_linea_prueba_reporte" value="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}">
                                        <input type="hidden" id="id_programacion_muestra" name="id_programacion_muestra" value="{{$id_programacion_muestra}}">
                                        
                                        <button 
                                        id="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" 
                                        class="ui button blue fluid btn-informe-resultados  
                                        @if($datos_auditoria->activo == 1)
                                        @if(!$datos_reporte_linea_pruebas->termino == 1 ) disabled @endif
                                        @endif
                                        " 
                                        type="submit">
                                            Informe de resultados 
                                            &nbsp;
                                            <i class="ui download icon"></i> 

                                            @if($datos_reporte_linea_pruebas->mostrar_version_anterior_informe_resultados)
                                                <br>
                                                <span class="badge badge-light mt-2">
                                                    {{ $datos_reporte_linea_pruebas->etiqueta_version_anterior_informe_resultados }}
                                                </span>    
                                            @endif
                                            
                                        </button>
                                    </form>  
                                             
                                </div>
                            </td>
                            @if ($datos_reporte_linea_pruebas->informe_resultados_pdf != NULL)
                                <td class="text-center ">
                                    <div class="buttons tiny">
                                        <a target="_blank" href="{{asset('storage/linea_pruebas_archivos/'.$datos_reporte_linea_pruebas->informe_resultados_pdf)}}" class="ui button red fluid">Informe de resultados PDF<i class="ui download icon"></i></a>
                                    </div>
                                </td>
                            @endif
                            @if ($usuario_jefe_valido_reporte_linea || $usuario_analista_reporte_linea)
                                <td class="text-center " colspan="2">
                                    <div class="ui tiny icon buttons">
                                        {{-- Aprobar o no aprobar corresponde exclusivamente al jefe responsable. --}}
                                        @if ($usuario_jefe_valido_reporte_linea)
                                            @switch($datos_reporte_linea_pruebas->estatus_jefe_linea)
                                                @case(0)
                                                    <button id="estatus_jefe_linea_{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" data-id_linea_prueba_reporte="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" class="btn btn-danger estatus_jefe">No Aprobado</button>
                                                    @break
                                                @case(1)
                                                    <button id="estatus_jefe_linea_{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" data-id_linea_prueba_reporte="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" class="btn btn-success estatus_jefe">Aprobado</button>
                                                    @break
                                            @endswitch
                                        @endif

                                        {{-- Terminar o reactivar corresponde exclusivamente al analista asignado. --}}
                                        @if ($usuario_analista_reporte_linea)
                                            @switch($datos_reporte_linea_pruebas->termino)
                                                @case(0)
                                                    <button id="estatus_termino_{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" data-id_linea_prueba_reporte="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" class="btn btn-secondary estatus_termino" style="margin-left: 10px;">Terminar</button>
                                                    @break
                                                @case(1)
                                                    <button id="estatus_termino_{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" data-id_linea_prueba_reporte="{{$datos_reporte_linea_pruebas->id_linea_prueba_reporte}}" class="btn btn-success estatus_termino" style="margin-left: 10px;">Reactivar</button>
                                                    @break
                                            @endswitch
                                        @endif
                                    </div>

                                </td>   
                            @endif
                            
                        </tr>
                    @else
                    <tr>
                        <td class="text-center" colspan="9">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{--$datos_reporte_linea_pruebas->links("pagination::bootstrap-4")--}}
        </div>
        
        
        
        <div class="ui divider"></div>
        {{--
        @if ($datos_reporte_linea_pruebas >= 2 && $count_estatus >= 2)
        <div class="form-group">
            <form action="devolucion_de_muestras_general_pdf" method="post">
                {{csrf_field()}}
                
                <button id="pdf_button_recibo" class="ui button green" 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>Devolución de muestras general
                </button>
            </form>
        </div>
        @endif
        --}}
        <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('linea_pruebas.index') }}" class="ui button gray"><i class="arrow circle left icon"></i>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_empresa->id_recibo_muestra}}">
                <input type="hidden" name="id_empresa" id="id_empresa" value="{{$datos_empresa->id_empresa}}">
                
                <button class="ui button green" type="submit">
                    <i class="download icon"></i>Descargar recibo de inspección muestra
                </button>
            </form>
        </div>--}}
    </div>
    <script>
        function interpretarRespuestaEstadoLineaPruebas(response) {
            if (typeof response === 'string') {
                try {
                    return JSON.parse(response);
                } catch (error) {
                    return null;
                }
            }

            return response;
        }

        function liberarBotonEstadoLineaPruebas(boton) {
            boton.data('procesando', false).prop('disabled', false);
            hideLoader();
        }

        $(document).on('click','.estatus_jefe',function(){
            var boton = $(this);
            if (boton.data('procesando')) {
                return;
            }

            // Serializa visualmente el toggle mientras el servidor mantiene el lock.
            boton.data('procesando', true).prop('disabled', true);
            showLoader();
            var id_linea_prueba_reporte = boton.data('id_linea_prueba_reporte');

            $.ajax({
                url:"{{url('change_estatus_jefe_linea')}}",
                method:"POST",
                data:{'id_linea_prueba_reporte': id_linea_prueba_reporte, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    var result = interpretarRespuestaEstadoLineaPruebas(response);
                    var resultData = result && result.success === true ? result.data : null;

                    if (!resultData) {
                        alert(result && result.message ? result.message : 'No fue posible actualizar la aprobación.');
                        liberarBotonEstadoLineaPruebas(boton);
                        return;
                    }

                    if (resultData['estatus_jefe_linea']== 0) {
                        $('#send_email_reporte').addClass("disabled");
                        $('#estatus_jefe_linea_'+id_linea_prueba_reporte).removeClass("btn-success");
                        $('#estatus_jefe_linea_'+id_linea_prueba_reporte).addClass("btn-danger");
                        $('#estatus_jefe_linea_'+id_linea_prueba_reporte).text('No Aprobado');
                    }
                    if (resultData['estatus_jefe_linea']== 1) {
                        
                        $('#send_email_reporte').removeClass("disabled");
                        $('#estatus_jefe_linea_'+id_linea_prueba_reporte).removeClass("btn-danger");
                        $('#estatus_jefe_linea_'+id_linea_prueba_reporte).addClass("btn-success");
                        $('#estatus_jefe_linea_'+id_linea_prueba_reporte).text('Aprobado');
                    }
                    liberarBotonEstadoLineaPruebas(boton);
                },
                error: function () {
                    alert('No fue posible actualizar la aprobación.');
                    liberarBotonEstadoLineaPruebas(boton);
                }
            });
        });

        $(document).on('click','.estatus_termino',function(){
            var boton = $(this);
            if (boton.data('procesando')) {
                return;
            }

            boton.data('procesando', true).prop('disabled', true);
            showLoader();
            var id_linea_prueba_reporte = boton.data('id_linea_prueba_reporte');

            $.ajax({
                url:"{{url('change_estatus_termino')}}",
                method:"POST",
                data:{'id_linea_prueba_reporte': id_linea_prueba_reporte, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    var result = interpretarRespuestaEstadoLineaPruebas(response);
                    var resultData = result && result.success === true ? result.data : null;

                    if (!resultData) {
                        alert(result && result.message ? result.message : 'No fue posible actualizar el término de pruebas.');
                        liberarBotonEstadoLineaPruebas(boton);
                        return;
                    }
                    
                    if (resultData['estatus_termino']== 0) {
                        
                        $('#estatus_termino_'+id_linea_prueba_reporte).removeClass("btn-success");
                        $('#estatus_termino_'+id_linea_prueba_reporte).addClass(" btn-secondary");
                        $('#estatus_termino_'+id_linea_prueba_reporte).text('Terminar');
                    }
                    if (resultData['estatus_termino']== 1) {
                                                
                        $('#estatus_termino_'+id_linea_prueba_reporte).removeClass(" btn-secondary");
                        $('#estatus_termino_'+id_linea_prueba_reporte).addClass("btn-success");
                        $('#estatus_termino_'+id_linea_prueba_reporte).text('Activar');
                    }
                    // Recargar la página
                    location.reload();
                },
                error: function () {
                    alert('No fue posible actualizar el término de pruebas.');
                    liberarBotonEstadoLineaPruebas(boton);
                }
            });
        });
    </script>
    
    @if ($datos_reporte_linea_pruebas == NULL)
        @include('Linea_pruebas.create_linea_pruebas_modal')
        <script>
            $(document).on('click','.create_linea_pruebas_modal',function(){
                $('#create_linea_pruebas_modal').modal('show'); 
            });
        </script>
        @else
        @include('Linea_pruebas.create_notificacion_modal')
        <script>
            $(document).on('click','.create_notificacion',function(){

                $('#create_notificacion_modal').modal('show'); 
            });
        </script>
    @endif
    
    @include('Linea_pruebas.delete_linea_pruebas_modal')
    <script>
        $(document).on('click','.delete_linea_prueba_reporte_modal',function(){
            var id_linea_prueba_reporte=$(this).attr('data-id_linea_prueba_reporte');
            $('#id_linea_prueba_reporte_delete').val(id_linea_prueba_reporte);
            //alert(id_linea_prueba_reporte);
            $('#delete_linea_pruebas_modal').modal('show'); 
        });
    </script>
    @include('Linea_pruebas.edit_linea_pruebas_modal')
    
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('.edit_linea_pruebas_modal').on('click', function(){
                var id_linea_prueba_reporte=$(this).attr('data-id_linea_prueba_reporte');

                $('#id_linea_prueba_reporte_edit').val(id_linea_prueba_reporte);
                showLoader();
                $.ajax({
                    url:"{{url('linea_de_pruebas/'.$id_programacion_muestra.'/show_linea_prueba_reporte')}}",
                    method:"POST",
                    data:{'id_linea_prueba_reporte': id_linea_prueba_reporte, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        console.log(resultData);
                        $('#edit_linea_pruebas_modal').modal('show');
                        hideLoader();
                    },
                    error: function() {
                        hideLoader();               
                    }
                });
            });
        });
        $('#edit_linea_pruebas_modal').on('show.bs.modal', function () {
            html_option_clasificador = "";
            //html_option_clasificador += "<select name='select_norma_clasificador' id='select_norma_clasificador' class='selectpicker form-control' required>";
                
            if (resultData['clasificadores'].length > 0) {
                $.each(resultData['clasificadores'], function(key, value_cliente) {
                    html_option_clasificador +="<option value="+value_cliente['id_norma_clasificador']+">"+value_cliente['clasificador']+"</option>";
                });
            }else{
                html_option_clasificador +="<option selected value=''>--Seleccione--</option>";
            }
            //html_option_clasificador += "</select>";
            $('#select_norma_clasificador').html(html_option_clasificador);
            $('#select_norma_clasificador').val(html_option_clasificador);

            html_option_opcion = "";
            //html_option_opcion += "<select name='select_norma_clasificador_opcion' id='select_norma_clasificador_opcion' class='selectpicker form-control' required>";
            //console.log(resultData['opciones']);
            if (resultData['opciones'].length > 0) {
                $.each(resultData['opciones'], function(key, value_cliente) {
                    html_option_opcion +="<option value="+value_cliente['id_opcion']+">"+value_cliente['opcion']+"</option>";
                });
            }else{
                html_option_opcion +="<option selected value=''>--Seleccione--</option>";
            }
            //html_option_opcion += "</select>";

            $('#select_norma_clasificador_opcion').html(html_option_opcion);
            $('#select_norma_clasificador_opcion').selectpicker('refresh');
            

            /*fotografia_reporte = "";
            if (resultData['fotografias_reporte'].length > 0) {
                $.each(resultData['fotografias_reporte'], function(key, value) {
                    //fotografia_reporte += "<div class='row'>";
                    //fotografia_reporte += "<h5>"+value['fotografia']+"</h5>";
                    asset_storage = "/"+value['fotografia'];
                    fotografia_reporte += "<div class='form-group col-xs-3 col-sm-3 col-lg-3 text-center'>";
                    fotografia_reporte += "<img class='img-thumbnail' src='{{asset('storage/linea_pruebas_fotografias/')}}"+asset_storage+"' alt='Fotografia_de_la_muestra_id_"+value['id_linea_prueba_fotografia']+"'>";
                    fotografia_reporte += "<div class='custom-file mt-3 text-left'>";
                    fotografia_reporte += "<input type='file' class='custom-file-input' name='evidencia_update_"+value['id_linea_prueba_fotografia']+"' id='evidencia_update_"+value['id_linea_prueba_fotografia']+"'>";
                    fotografia_reporte += "<label class='custom-file-label' for='evidencia_update_"+value['id_linea_prueba_fotografia']+"'>Actualizar imagen</label>";
                    fotografia_reporte += "</div></div>";           
                });
            }else{
                //fotografia_reporte +="<p>No hay ninguna imagen de muestra para mostrar.</p>";     
            }
            $('#div_fotografia_reporte').html(fotografia_reporte);
            */
            //TEST
            
            fotografia_reporte = "";
            if (resultData['fotografias_reporte'].length > 0) {
                fotografia_reporte += "<table class='ui celled table unstackable'>";
                fotografia_reporte += "<thead>";
                fotografia_reporte += "<tr>";
                fotografia_reporte += "<th class='collapsing'>Imagen</th>";
                fotografia_reporte += "<th>Nombre</th>";
                fotografia_reporte += "<th class='collapsing'>Acciones</th>";
                fotografia_reporte += "</tr>";
                fotografia_reporte += "</thead>";
                fotografia_reporte += "<tbody>";

                $.each(resultData['fotografias_reporte'], function(key, value) {
                    asset_storage = "/"+value['fotografia'];
                    fotografia_reporte += "<tr>";
                        fotografia_reporte += "<td><img class='img-thumbnail' src='{{asset('storage/linea_pruebas_fotografias/')}}"+asset_storage+"' alt='Fotografia_de_la_muestra_id_"+value['id_linea_prueba_fotografia']+"'></td>";
                        fotografia_reporte += "<td>"+value['fotografia']+"</td>";
                        fotografia_reporte += "<td>";
                        fotografia_reporte += "<div class='ui tiny icon buttons'>"; 
                        fotografia_reporte += "<a class='ui button red eliminarImgMuestra' id='"+value['id_linea_prueba_fotografia']+"'>";
                        fotografia_reporte += "<i class='trash alternate icon'></i>";
                        fotografia_reporte += "</a>";
                        fotografia_reporte += "</div>";
                        fotografia_reporte += "</td>";                                
                        fotografia_reporte += "</tr>";
                });
                fotografia_reporte += "</tbody>";
                fotografia_reporte += "</table>";
            }else{
                
                fotografia_reporte +="<p>No hay ninguna imagen de muestra para mostrar.</p>";   
            }
            
            
            
            $('#div_fotografia_reporte_tabla').html(fotografia_reporte);
            //TEST

            /*
            fotografia_reporte = "";
            if (resultData['fotografias_grafica_reporte'].length > 0) {
                $.each(resultData['fotografias_grafica_reporte'], function(key, value) {
                    //fotografia_reporte += "<div class='row'>";
                    //fotografia_reporte += "<h5>"+value['fotografia']+"</h5>";
                    asset_storage = "/"+value['fotografia'];
                    fotografia_reporte += "<div class='form-group col-xs-3 col-sm-3 col-lg-3 text-center'>";
                    fotografia_reporte += "<img class='img-thumbnail' src='{{asset('storage/linea_pruebas_fotografias/')}}"+asset_storage+"' alt='Fotografia_de_la_muestra_id_"+value['id_linea_prueba_fotografia']+"'>";
                    fotografia_reporte += "<div class='custom-file mt-3 text-left'>";
                    fotografia_reporte += "<input type='file' class='custom-file-input' name='evidencia_update_"+value['id_linea_prueba_fotografia']+"' id='evidencia_update_"+value['id_linea_prueba_fotografia']+"'>";
                    fotografia_reporte += "<label class='custom-file-label' for='evidencia_update_"+value['id_linea_prueba_fotografia']+"'>Actualizar imagen</label>";
                    fotografia_reporte += "</div></div>";           
                });
            }else{
                fotografia_reporte +="<p>No hay ninguna imagen de gráfica para mostrar.</p>";     
            }

            $('#div_fotografia_grafica_reporte').html(fotografia_reporte);
            */
            fotografia_reporte = "";
            if (resultData['fotografias_grafica_reporte'].length > 0) {
                fotografia_reporte += "<table class='ui celled table unstackable'>";
                fotografia_reporte += "<thead>";
                fotografia_reporte += "<tr>";
                fotografia_reporte += "<th class='collapsing'>Imagen</th>";
                fotografia_reporte += "<th>Nombre</th>";
                fotografia_reporte += "<th class='collapsing'>Acciones</th>";
                fotografia_reporte += "</tr>";
                fotografia_reporte += "</thead>";
                fotografia_reporte += "<tbody>";

                $.each(resultData['fotografias_grafica_reporte'], function(key, value) {
                    asset_storage = "/"+value['fotografia'];
                    fotografia_reporte += "<tr>";
                        fotografia_reporte += "<td><img class='img-thumbnail' src='{{asset('storage/linea_pruebas_fotografias/')}}"+asset_storage+"' alt='Fotografia_de_la_muestra_id_"+value['id_linea_prueba_fotografia']+"'></td>";
                        fotografia_reporte += "<td>"+value['fotografia']+"</td>";
                        fotografia_reporte += "<td>";
                        fotografia_reporte += "<div class='ui tiny icon buttons'>"; 
                        fotografia_reporte += "<a class='ui button red eliminarImgMuestra' id='"+value['id_linea_prueba_fotografia']+"'>";
                        fotografia_reporte += "<i class='trash alternate icon'></i>";
                        fotografia_reporte += "</a>";
                        fotografia_reporte += "</div>";
                        fotografia_reporte += "</td>";                                
                        fotografia_reporte += "</tr>";
                });
                fotografia_reporte += "</tbody>";
                fotografia_reporte += "</table>";
            }else{
                
                fotografia_reporte +="<p>No hay ninguna imagen de muestra para mostrar.</p>";   
            }
            
            $('#div_fotografia_grafica_reporte_tabla').html(fotografia_reporte);

            /*fotografia_reporte = "";
            if (resultData['fotografias_seguimiento_reporte'].length > 0) {
                $.each(resultData['fotografias_seguimiento_reporte'], function(key, value) {
                    //fotografia_reporte += "<div class='row'>";
                    //fotografia_reporte += "<h5>"+value['fotografia']+"</h5>";
                    asset_storage = "/"+value['fotografia'];
                    fotografia_reporte += "<div class='form-group col-xs-3 col-sm-3 col-lg-3 text-center'>";
                    fotografia_reporte += "<img class='img-thumbnail' src='{{asset('storage/linea_pruebas_fotografias/')}}"+asset_storage+"' alt='Fotografia_de_la_muestra_id_"+value['id_linea_prueba_fotografia']+"'>";
                    fotografia_reporte += "<div class='custom-file mt-3 text-left'>";
                    fotografia_reporte += "<input type='file' class='custom-file-input' name='evidencia_update_"+value['id_linea_prueba_fotografia']+"' id='evidencia_update_"+value['id_linea_prueba_fotografia']+"'>";
                    fotografia_reporte += "<label class='custom-file-label' for='evidencia_update_"+value['id_linea_prueba_fotografia']+"'>Actualizar imagen</label>";
                    fotografia_reporte += "</div></div>";           
                });
            }else{
                fotografia_reporte +="<p>No hay ninguna imagen de seguimiento para mostrar.</p>";     
            }

            $('#div_fotografia_seguimiento_reporte').html(fotografia_reporte);
            */
            fotografia_reporte = "";
            if (resultData['fotografias_seguimiento_reporte'].length > 0) {
                fotografia_reporte += "<table class='ui celled table unstackable'>";
                fotografia_reporte += "<thead>";
                fotografia_reporte += "<tr>";
                fotografia_reporte += "<th class='collapsing'>Imagen</th>";
                fotografia_reporte += "<th>Nombre</th>";
                fotografia_reporte += "<th class='collapsing'>Acciones</th>";
                fotografia_reporte += "</tr>";
                fotografia_reporte += "</thead>";
                fotografia_reporte += "<tbody>";

                $.each(resultData['fotografias_seguimiento_reporte'], function(key, value) {
                    asset_storage = "/"+value['fotografia'];
                    fotografia_reporte += "<tr>";
                        fotografia_reporte += "<td><img class='img-thumbnail' src='{{asset('storage/linea_pruebas_fotografias/')}}"+asset_storage+"' alt='Fotografia_de_la_muestra_id_"+value['id_linea_prueba_fotografia']+"'></td>";
                        fotografia_reporte += "<td>"+value['fotografia']+"</td>";
                        fotografia_reporte += "<td>";
                        fotografia_reporte += "<div class='ui tiny icon buttons'>"; 
                        fotografia_reporte += "<a class='ui button red eliminarImgMuestra' id='"+value['id_linea_prueba_fotografia']+"'>";
                        fotografia_reporte += "<i class='trash alternate icon'></i>";
                        fotografia_reporte += "</a>";
                        fotografia_reporte += "</div>";
                        fotografia_reporte += "</td>";                                
                        fotografia_reporte += "</tr>";
                });
                fotografia_reporte += "</tbody>";
                fotografia_reporte += "</table>";
            }else{
                
                fotografia_reporte +="<p>No hay ninguna imagen de muestra para mostrar.</p>";   
            }
            
            $('#div_fotografia_seguimiento_reporte_tabla').html(fotografia_reporte);

            $("#edit_linea_pruebas_modal :input").each(function(){
                input = $(this).attr('id'); 
                //console.log(input);
                if(input in resultData['datos_reporte']){
                    
                    $('#'+input).val(resultData['datos_reporte'][input]);
                    //console.log(resultData['datos_reporte'][input]);   
                    $('#'+input+'select').val(resultData['datos_reporte'][input]);

                    //Para recuperar los valores de select
                    $('#'+input).selectpicker('val', resultData['datos_reporte'][input]);
                }
            });
            opciones = [];
                    if(resultData['datos_reporte']['opciones']){
                        for(const opcion of resultData['datos_reporte']['opciones']){
                            opciones = opciones.concat(opcion.id_opcion);
                        }
                    }
                    $('#select_norma_clasificador_opcion').selectpicker("val",opciones);




        });

        
    </script>
    <script>
        num_img = 1;
        $('#add_img_linea_pruebas').click(function(){
            num_img++;
                     
            $('#add_img_linea_pruebas_div').append('<label for="Imagen" class="text-left col-sm-2 col-form-label">Imagen</label>');
            $('#add_img_linea_pruebas_div').append('<div class="col-sm-10 mb-3"><div class="custom-file"><input type="file" class="custom-file-input" id="imagen_linea_pruebas_'+(num_img)+'" name="imagen_linea_pruebas_'+(num_img)+'"><label class="custom-file-label" for="imagen_linea_pruebas_'+(num_img)+'">Imagen de la muestra</label></div></div>');
        });
    </script>
    <script>
        num_img = 1;
        $('#add_grafica_img_linea_pruebas').click(function(){
            num_img++;
                     
            $('#add_grafica_img_linea_pruebas_div').append('<label for="Camara" class="text-left col-sm-2 col-form-label">Gŕafica</label>');
            $('#add_grafica_img_linea_pruebas_div').append('<div class="col-sm-10 mb-3"><div class="custom-file"><input type="file" class="custom-file-input" id="grafica_camara_humedad_linea_pruebas_'+(num_img)+'" name="grafica_camara_humedad_linea_pruebas_'+(num_img)+'"><label class="custom-file-label" for="grafica_camara_humedad_linea_pruebas_'+(num_img)+'">Imagen de la gráfica</label></div></div>');
        });
    </script>
    <script>
        num_img = 1;
        $('#add_img_seguimiento_linea_pruebas').click(function(){
            num_img++;
                     
            $('#add_img_seguimiento_linea_pruebas_div').append('<label for="Camara" class="text-left col-sm-2 col-form-label">Imagen</label>');
            $('#add_img_seguimiento_linea_pruebas_div').append('<div class="col-sm-10 mb-3"><div class="custom-file"><input type="file" class="custom-file-input" id="imagen_seguimiento_linea_pruebas_'+(num_img)+'" name="imagen_seguimiento_linea_pruebas_'+(num_img)+'"><label class="custom-file-label" for="imagen_seguimiento_linea_pruebas_'+(num_img)+'">Imagen de seguimiento</label></div></div>');
        });
    </script>

    <script>
        $(document).ready(function(){
            $('.custom-file-input').on('click', function(){
                id_input_img = $(this).attr('id');
                console.log(id_input_img);
                // Add the following code if you want the name of the file appear on select
                $(".custom-file-input").on("change", function() {
                //console.log("Hola");
                    var fileName = $(this).val().split("\\").pop();
                    $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
                });
        
            });

            $('#informe_resultados_pdf').on('click', function(){
                id_input_img = $(this).attr('id');
                console.log(id_input_img);
                // Add the following code if you want the name of the file appear on select
                $("#informe_resultados_pdf").on("change", function() {
                //console.log("Hola");
                    var fileName = $(this).val().split("\\").pop();
                    $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
                });
        
            });
        });
        
    </script>

    <script>
        $("#select_id_norma").change(function(){
            //$('.selectpicker').selectpicker('refresh');

            var id_norma = $("#select_id_norma").val();
            //
            //$("#select_norma_clasificador").empty();
            //$("#select_norma_clasificador_opcion").empty();
            //alert(id_norma);
            $.ajax({
                    url:"{{url('linea_de_pruebas/'.$id_programacion_muestra.'/show_select_id_norma')}}",
                    method:"POST",
                    data:{'id_norma': id_norma, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        console.log(resultData['clasificadores']);
                        console.log(resultData['opciones']);
                        html_option_clasificador = "";
                        //html_option_clasificador += "<select name='select_norma_clasificador' id='select_norma_clasificador' class=' form-control' required>";
            
                        if (resultData['clasificadores'].length > 0) {
                            $.each(resultData['clasificadores'], function(key, value_cliente) {
                                html_option_clasificador +="<option value="+value_cliente['id_norma_clasificador']+">"+value_cliente['clasificador']+"</option>";
                            });
                        }else{
                            html_option_clasificador +="<option selected value=''>--Seleccione--</option>";
                        }
                        //html_option_clasificador += "</select>";

                        console.log(html_option_clasificador);
                        $('#select_norma_clasificador').html(html_option_clasificador);

                        html_option_opcion = "";
                        //html_option_opcion += "<select name='select_norma_clasificador_opcion' id='select_norma_clasificador_opcion' class=' form-control' required>";

                        if (resultData['opciones'].length > 0) {
                            $.each(resultData['opciones'], function(key, value_cliente) {
                                html_option_opcion +="<option value="+value_cliente['id_opcion']+">"+value_cliente['opcion']+"</option>";
                            });
                        }else{
                            html_option_opcion +="<option selected value=''>--Seleccione--</option>";
                        }
                        //html_option_opcion += "</select>";

                        console.log(html_option_opcion);
                        $('#select_norma_clasificador_opcion').html(html_option_opcion);
                        $('#select_norma_clasificador_opcion').selectpicker('refresh');

                        

                        //var id_norma_clasificador = $("#select_norma_clasificador").val();
                        //alert(id_norma_clasificador);

                        /*$.ajax({
                                url:"show_select_id_clasificador",
                                method:"POST",
                                data:{'id_norma_clasificador': id_norma_clasificador, '_token': _token = $('input[name="_token"]').val()},
                                success:function(response){
                                    
                                    //alert(response);
                                    result = JSON.parse(response); 
                                    resultData = result.data;
                                    
                                    //console.log(resultData['telefonos']);
                                    html_option = "";
                                    if (resultData.length > 0) {
                                        $.each(resultData, function(key, value_cliente) {
                                            html_option +="<option value="+value_cliente['id_opcion']+">"+value_cliente['opcion']+"</option>";
                                        });
                                    }else{
                                        html_option +="<option selected disabled>--Seleccione--</option>";
                                    }
                                    $('#select_norma_clasificador_opcion').html(html_option);
                                }
                        });*/
                    }
            });
        });

    </script>
    <script>
        $("#select_norma_clasificador").change(function(){
            var id_norma_clasificador = $("#select_norma_clasificador").val();
            //
            console.log(id_norma_clasificador);

            $.ajax({
                    url:"{{url('linea_de_pruebas/'.$id_programacion_muestra.'/show_select_id_clasificador')}}",
                    method:"POST",
                    data:{'id_norma_clasificador': id_norma_clasificador, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        console.log(resultData);
                        html_option = "";
                        //html_option += "<select name='select_norma_clasificador_opcion' id='select_norma_clasificador_opcion' class=' form-control' required>";

                        if (resultData['opciones'].length > 0) {
                            $.each(resultData['opciones'], function(key, value_cliente) {
                                html_option +="<option value="+value_cliente['id_opcion']+">"+value_cliente['opcion']+"</option>";
                            });
                        }else{
                            html_option +="<option selected disabled>--Seleccione--</option>";
                        }
                        //html_option += "</select>";

                        $('#select_norma_clasificador_opcion').html(html_option);
                        $('#select_norma_clasificador_opcion').selectpicker('refresh');
                    }
            });
        });

    </script>
    <script>
        (function () {
            var descargaInformeEnProceso = false;
            var timeoutDescargaInforme = null;

            function finalizarLoaderInformeResultados() {
                if (!descargaInformeEnProceso) {
                    return;
                }

                descargaInformeEnProceso = false;
                clearTimeout(timeoutDescargaInforme);
                hideLoader();
            }

            $(document).on('submit', '.form-informe-resultados', function () {
                descargaInformeEnProceso = true;
                clearTimeout(timeoutDescargaInforme);
                showLoader();

                timeoutDescargaInforme = setTimeout(function () {
                    finalizarLoaderInformeResultados();
                }, 4000);
            });

            $('#iframe_descarga_informe_resultados').on('load', function () {
                if (descargaInformeEnProceso) {
                    try {
                        var contenidoRespuesta = $(this).contents().find('body').text().trim();

                        if (contenidoRespuesta !== '') {
                            alert('No fue posible descargar el informe de resultados. Intente nuevamente o contacte al administrador.');
                        }
                    } catch (e) {
                    }
                }

                finalizarLoaderInformeResultados();
            });

            $(window).on('focus pageshow', function () {
                setTimeout(function () {
                    finalizarLoaderInformeResultados();
                }, 500);
            });
        })();
    </script>
    @include('Linea_pruebas.delete_img_linea_pruebas_modal')
    <script>
        $(document).on('click','.eliminarImgMuestra',function(){
            var id_linea_prueba_fotografia=$(this).attr('id');
            //alert(id_linea_prueba_fotografia);
            $('#id_linea_prueba_fotografia_delete').val(id_linea_prueba_fotografia);
            //alert(id_linea_prueba_reporte);
            $('#delete_img_linea_pruebas_modal').modal('show'); 
        });
    </script>
    @include('Linea_pruebas.delete_archivo_pdf_linea_pruebas_modal')
    <script>
        $(document).on('click','.delete_informe_resultados_pdf',function(){
            var id_linea_prueba_reporte=$(this).attr('id');
            var nombre_archivo=$(this).data('nombre_archivo');
            //alert(nombre_archivo);
            $('#id_linea_prueba_reporte_delete_pdf').val(id_linea_prueba_reporte);
            $('#nombre_archivo_pdf_delete').html(nombre_archivo);
            //alert(id_linea_prueba_reporte);
            $('#delete_archivo_pdf_linea_pruebas_modal').modal('show'); 
        });
    </script>
    @include('Linea_pruebas.delete_archivo_extra_linea_pruebas_modal')
    <script>
        $(document).on('click','.delete_informe_resultados_extra',function(){
            var id_linea_prueba_extra=$(this).attr('id');
            var nombre_archivo=$(this).data('nombre_archivo');
            //alert(nombre_archivo);
            $('#id_linea_prueba_extra_delete').val(id_linea_prueba_extra);
            $('#nombre_archivo_extra_delete').html(nombre_archivo);
            //alert(id_linea_prueba_reporte);
            $('#delete_archivo_extra_linea_pruebas_modal').modal('show'); 
        });
    </script>
    <script>
        $(document).on('click','.notificacion_analista',function(){
            id_notificacion = $(this).data("id_notificacion");
           
            $.ajax({
                url:"{{url('change_notificacion_analista')}}",
                method:"POST",
                data:{'id_notificacion': id_notificacion, _token: '{{csrf_token()}}'},
                success:function(response){
                    //alert(response);
                    result = JSON.parse(response); 
                    resultData = result.data;
                    console.log(resultData);
                    if (resultData['estatus']== "0") {
                   
                        $('#'+id_notificacion).removeClass("green");
                        $('#'+id_notificacion).addClass("red");
                        $('#'+id_notificacion).text('Sin revisar');
                        $('#'+id_notificacion+'_div_notificacion').removeClass("alert-success");
                        $('#'+id_notificacion+'_div_notificacion').addClass("alert-danger");
                        
                    }
                    if (resultData['estatus']=="1") {
                        
                        $('#'+id_notificacion).removeClass("red");
                        $('#'+id_notificacion).addClass("green");
                        $('#'+id_notificacion).text('Revisado');
                        $('#'+id_notificacion+'_div_notificacion').removeClass("alert-danger");
                        $('#'+id_notificacion+'_div_notificacion').addClass("alert-success");
                    }
                    
                    
                }
            });
        });
    </script>
    <script>
        $(document).on('click','.notificacion_jefe',function(){
            id_notificacion = $(this).data("id_notificacion");
        
            $.ajax({
                url:"{{url('change_notificacion_jefe')}}",
                method:"POST",
                data:{'id_notificacion': id_notificacion, _token: '{{csrf_token()}}'},
                success:function(response){
                    //alert(response);
                    result = JSON.parse(response); 
                    resultData = result.data;
                    console.log(resultData);
                    if (resultData['mostrar']== "0") {
                
                        //$('#'+id_notificacion).removeClass("green");
                        //$('#'+id_notificacion).addClass("red");
                        $('#'+id_notificacion).text('¡Listo!');
                        //$('#'+id_notificacion+'_div_notificacion').removeClass("alert-success");
                        //$('#'+id_notificacion+'_div_notificacion').addClass("alert-danger");
                        
                    }
                    if (resultData['mostrar']=="1") {
                        
                        //$('#'+id_notificacion).removeClass("red");
                        //$('#'+id_notificacion).addClass("green");
                        $('#'+id_notificacion).text('No volver a mostrar');
                        //$('#'+id_notificacion+'_div_notificacion').removeClass("alert-danger");
                        //$('#'+id_notificacion+'_div_notificacion').addClass("alert-success");
                    }
                    
                    
                }
            });
        });
    </script>
    @if ($datos_reporte_linea_pruebas)
        @include('Linea_pruebas.send_email_reporte')
        <script>
            $(document).on('click','.send_email_reporte_class',function(){
                
                var informe_resultados_pdf = @json($datos_reporte_linea_pruebas->informe_resultados_pdf);   

                if (informe_resultados_pdf != null) {
                    $('#informe_resultados_pdf_mail').val(1);
                }else{
                    $('#informe_resultados_pdf_mail').val(0);
                }
                id_linea_prueba_reporte = $(this).data("id_linea_prueba_reporte");

                $('#modal_send_email_reporte #id_linea_prueba_reporte').val(id_linea_prueba_reporte);
                
                $('#modal_send_email_reporte').modal('show'); 
            });
        </script>
    @endif
    
@endsection