@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">SEATSA Internacional</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Reportes de clientes</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Detalles informe de resultados</div>
        <i class="right chevron icon divider"></i>
        <div class="section active">Línea de pruebas</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="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="sx-autorender">
        <div class="sx-scroll-x">
            <div class="card">
                <div class="card-header">
                <strong>NOMBRE NORMA{{--$datos_norma_muestra->nombre_norma--}}</strong> 
                </div>
                <div class="card-body">
                    {{--
                    <div class="form-group row">
                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="empresa" >Muestra</label>
                            <p>{{$muestra->nombre}}</p>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="quien_entrega" >Marca</label>
                            <p>{{$muestra->marca}}</p>
                        </div>
                        <div class="form-group col-md-4">
                            <label class="font-weight-bold" for="fecha_recibo" >Modelo</label>
                            <p>{{$muestra->modelo}}</p>
                        </div>
                    </div> 
                    --}}
                    <div class="form-group"> 
                        {{--
                        @if ($datos_indice_general->count())
                        <table class="table table-striped table-bordered">
                            <thead>
                              <tr>
                                <th >Indice General</th>
                                
                                <th class="collapsing">Acciones</th>
                              </tr>
                            </thead>
                            <tbody>
                                @if ($datos_indice_general->count())
                                @foreach ($datos_indice_general as $dato_indice)
                                    <tr>
                                        <th scope="row">{{$dato_indice->numero_index}}. {{$dato_indice->nombre}}</th>
                                        
                                        <td class="text-left ">
                                            <div class="buttons tiny-buttons">
                                                <a class="ui button fluid blue index_tabla" data-id="{{$dato_indice->id_index}}" data-id_linea_prueba_reporte="{{$id_linea_prueba_reporte}}"> {{--href="{{url('/linea_de_pruebas/'.$id_programacion_muestra.'/pruebas_de_muestra/'.$id_linea_prueba_reporte.'/indice/'.$dato_indice->id_index)}}">--}}
                                                    {{--<i class="icon-lineas-de-pruebas"></i> Comenzar
                                                </a>
                                            </div>
                                        </td>
                                        
                                    </tr> 
                                @endforeach
                                
                                @else
                                <tr>
                                    <td class="text-center" colspan="8">No se encontraron registros</td>
                                </tr>
                                @endif
                              
                            </tbody>
                        </table>
                        @endif
                        --}}
                        <table class="table table-striped table-bordered">
                            <thead>
                              <tr>
                                <th >Capítulo</th>
                                <th class="collapsing">Estatus</th>
                                <th class="collapsing">Acciones</th>
                              </tr>
                            </thead>
                            <tbody>
                                @if ($datos_capitulos_evaluacion->count())
                                @foreach ($datos_capitulos_evaluacion as $dato_capitulo)
                                @php
                                    $variable_evaluacion = 0;
                                    $variable = 0;
                                @endphp
                                    @foreach ($datos_variables_por_capitulo as $dato_variable)
                                        @if ($dato_variable->id_capitulo == $dato_capitulo->id_capitulo)
                                            @php
                                                $variable++;
                                            @endphp
                                            @if ($dato_variable->evaluacion != NULL)
                                                @php
                                                    $variable_evaluacion++;
                                                @endphp
                                            @endif
                                        @endif
                                    @endforeach
                                    <tr>
                                        <th scope="row">{{$dato_capitulo->numero_capitulo}}. {{$dato_capitulo->nombre_capitulo}}</th>
                                        <td class="text-center ">
                                            @if ($variable == $variable_evaluacion)
                                                <span class="btn btn-success">Terminado</span>
                                            @endif
                                            @if ($variable != $variable_evaluacion && $variable_evaluacion > 0)
                                                <span class="btn btn-warning">En proceso</span>
                                            @endif
                                            @if ($variable_evaluacion == 0)
                                                <span class="btn btn-danger">No iniciado</span>
                                            @endif
                                        </td>
                                        <td class="text-left ">
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue create_reporte_capitulo_linea_pruebas_modal" data-id_international_portal_report="{{$id_international_portal_report}}" data-id_capitulo="{{$dato_capitulo->id_capitulo}}">
                                                    <i class="icon-lineas-de-pruebas"></i> Comenzar
                                                </button>
                                            </div>
                                            
                                        </td>
                                        
                                    </tr>   
                                    @php
                                        //print_r("AQUI LOS RESULTADOS: ".$variable_resultado);
                                    @endphp
                                @endforeach
                                @php
                                    
                                    //die();
                                @endphp
                                @else
                                <tr>
                                    <td class="text-center" colspan="8">No se encontraron registros</td>
                                </tr>
                                @endif
                              
                            </tbody>
                        </table>
                    </div> 
                    <div class="ui divider"></div>
                    {{--
                    <div class="form-group">
                        <div class="col-lg-12">
                            <p><strong>Tablas</strong></p>
                            <button class="ui button fluid blue modalImgs" data-id_linea_prueba_reporte="{{$id_linea_prueba_reporte}}">
                                <i class="icon image"></i> Tablas
                            </button>
                        </div>
                        
                    </div>
                    --}}
                    <div class="ui divider"></div>
                    <div class="form-group"> 
                        
                        <table class="table table-striped table-bordered">
                            <thead>
                              <tr>
                                <th>Apéndice</th>
                                <th class="collapsing">Estatus</th>
                                <th class="collapsing">Acciones</th>
                              </tr>
                            </thead>
                            <tbody>
                                @if ($datos_apendices_evaluacion->count())
                                @foreach ($datos_apendices_evaluacion as $dato_apendice)
                                    @php
                                        $variable_evaluacion = 0;
                                        $variable = 0;
                                    @endphp
                                    @foreach ($datos_variables_por_apendice as $dato_variable)
                                        @if ($dato_variable->id_capitulo == $dato_apendice->id_capitulo)
                                            @php
                                                $variable++;
                                            @endphp
                                            @if ($dato_variable->evaluacion != NULL)
                                                @php
                                                    $variable_evaluacion++;
                                                @endphp
                                            @endif
                                        @endif
                                    @endforeach
                                <tr>
                                    <th scope="row">{{$dato_apendice->numero_capitulo}}. {{$dato_apendice->nombre_capitulo}}</th>
                                    <td class="text-center ">
                                        @if ($variable == $variable_evaluacion)
                                            <span class="btn btn-success">Terminado</span>
                                        @endif
                                        @if ($variable != $variable_evaluacion && $variable_evaluacion > 0)
                                            <span class="btn btn-warning">En proceso</span>
                                        @endif
                                        @if ($variable_evaluacion == 0)
                                            <span class="btn btn-danger">No iniciado</span>
                                        @endif
                                    </td>
                                    <td class="text-left ">
                                        <div class="buttons tiny-buttons">
                                            <button class="ui button fluid blue create_reporte_capitulo_linea_pruebas_modal" data-id_international_portal_report="{{$id_international_portal_report}}" data-id_capitulo="{{$dato_apendice->id_capitulo}}">
                                                <i class="icon-lineas-de-pruebas"></i> Comenzar
                                            </button>
                                        </div>
                                        
                                    </td>
                                    
                                </tr>   
                                @endforeach
                                @else
                                <tr>
                                    <td class="text-center" colspan="8">No se encontraron registros</td>
                                </tr>
                                @endif
                              
                            </tbody>
                        </table>
                    </div>
                    <div class="ui divider"></div>
                    {{--
                    <div class="form-group">
                        <div class="col-lg-12">
                            <p><strong>Observaciones</strong></p>
                            <button class="ui button fluid blue create_observaciones_linea_pruebas_modal">
                                <i class="icon eye"></i> Observaciones
                            </button>
                        </div>
                        
                    </div>
                        --}}
                </div>
            </div>
            
        </div>
            
        <div class="ui divider"></div>
        <div class="row">
            
            <div class="col-6">
                <form action={{url('informe_general_linea_de_pruebas_international_report')}} method="post">
                    {{csrf_field()}}
                    <input type="hidden" id="id_international_portal_report" name="id_international_portal_report" value="{{$id_international_portal_report}}">
                    <input type="hidden" id="idioma_reporte" name="idioma_reporte" value="es">
                    
                    <button id="{{$id_international_portal_report}}" class="ui button blue fluid downloadButton" type="submit">
                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                        Informe de resultados
                        <i class="ui download icon"></i> 
                    </button>
                </form>  
            </div>
            <div class="col-6">
                <form action={{url('informe_general_linea_de_pruebas_international_report')}} method="post">
                    {{csrf_field()}}
                    <input type="hidden" id="id_international_portal_report" name="id_international_portal_report" value="{{$id_international_portal_report}}">
                    <input type="hidden" id="idioma_reporte" name="idioma_reporte" value="eng_">
                    
                    <button id="{{$id_international_portal_report}}" class="ui button blue fluid downloadButton" type="submit">
                        <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                        Test Report
                        <i class="ui download icon"></i> 
                    </button>
                </form>  
            </div>    
        </div>
        <br>
        <div class="row">
            
                {{--<form action="/linea_de_pruebas/{{$id_programacion_muestra}}/" method="get">
                    {{csrf_field()}}--}}
                    
                    <div class="col-3">
                        <a class="ui button gray btn-block" href="{{url('reportes_clientes_internacional/detalles_informe_resultados/'.$id_international_portal_report)}}">
                            <i class="arrow circle left icon"></i>Atrás
                        </a>
                    </div>
                    {{--
                    <div class="col-9">
                        <a class="ui button green btn-block" id="terminado" data-id_linea_prueba_reporte="{{$id_linea_prueba_reporte}}">
                            <i class="save icon"></i>Terminado
                        </a>
                    </div>
                    --}}
                {{--</form>--}}
                
            
        </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>
    <div id="modal"></div>
    {{--@include('Linea_pruebas.create_observaciones_modal')--}}
    <script>
        $(document).on('click','.create_observaciones_linea_pruebas_modal',function(){
            
            $('#create_observaciones_modal').modal('show'); 
        });
    </script>

    {{--@include('Linea_pruebas.create_reporte_devolucion_muestras_almacen_modal')--}}
    {{--@include('Linea_pruebas.pruebas_muestra')--}}
    
    <style type="text/css">
        .stepwizard-step p {
            margin-top: 10px;
        }
    
        .stepwizard-row {
            display: table-row;
        }
    
        .stepwizard {
            display: table;
            width: 100%;
            position: relative;
        }
    
        /*.stepwizard-step button[disabled] {
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
        }**/
    
        .stepwizard-row:before {
            top: 14px;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 100%;
            height: 1px;
            background-color: #ccc;
            z-order: 0;
    
        }
    
        .stepwizard-step {
            display: table-cell;
            text-align: center;
            position: relative;
        }
    
        .btn-circle {
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 6px 0;
        font-size: 12px;
        line-height: 1.428571429;
        border-radius: 15px;
        }
    </style> 
    {{--@include('Linea_pruebas.modals.terminado')--}}
    <script>
        $('.summernote').summernote({
                placeholder: 'Resultado',
                tabsize: 1,
                height: 50,
                toolbar: [
                    ['style', ['bold', 'italic', 'underline']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['table', ['table']],
                    ['view', ['fullscreen', 'codeview']]
                ]
        });
            var resultData = {};
            $(document).ready(function(){
                $('.custom-file-input').on('change', function(event) {
                    var inputFile = event.currentTarget;
                    $(inputFile).parent()
                        .find('.custom-file-label')
                        .html(inputFile.files[0].name);
                })

                $('#terminado').click(function(){
                    var id_linea_prueba_reporte = $(this).data('id_linea_prueba_reporte');
                    $('#modalTerminado').modal('show'); 
                })
                /*$('[data-toggle="popover"]').popover();   
                $('.create_reporte_capitulo_linea_pruebas_modal').click(function(){

                    var id_linea_prueba_reporte=$(this).attr('data-id_linea_prueba_reporte');
                    var id_capitulo=$(this).attr('data-id_capitulo');
                    

                    $("#create_reporte_capitulo_linea_pruebas_modal .card").each(function(){
                    
                        card = $(this).attr('id'); 
                        card_id_capitulo = $('#'+card).data('id_capitulo');
                
                        
                        if (id_capitulo != card_id_capitulo) {
                            $('#create_reporte_capitulo_linea_pruebas_modal #'+card).hide();
                        }else{
                            $('#create_reporte_capitulo_linea_pruebas_modal #'+card).show();
                            readButtons(card);
                        }
                        
                    });
                    
                   

                    $.ajax({
                        url:id_linea_prueba_reporte+"/show_datos_reporte_linea_pruebas_variables",
                        method:"POST",
                        data:{'id_linea_prueba_reporte': id_linea_prueba_reporte, 'id_capitulo': id_capitulo, '_token': _token = $('input[name="_token"]').val()},
                        success:function(response){
                            //alert(response);
                            result = JSON.parse(response); 
                            resultData = result.data;
                            //console.log(resultData);
                            //$('#programacion_muestra_edit_modal').modal('show');
                            $('#create_reporte_capitulo_linea_pruebas_modal').modal('show');

                            var zIndex = 1040 + (10 * $('.modal:visible').length);
                            $('#create_reporte_capitulo_linea_pruebas_modal').css('z-index', zIndex);
                            setTimeout(function() {
                                $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
                            }, 0);

                            $("#create_reporte_capitulo_linea_pruebas_modal :input").each(function(){
                            
                                input = $(this).attr('id'); 
                                
                                if(input in resultData['datos_variables_evaluacion']){
                                    //$('#create_reporte_capitulo_linea_pruebas_modal #'+input).val(resultData[input]);
                                    //Para recuperar los valores de select
                                    console.log(resultData['datos_variables_evaluacion'][input]);
                                    $('#'+input).val(resultData['datos_variables_evaluacion'][input]);
                                    if(resultData['datos_variables_evaluacion'][input]){
                                        equipos = [];
                                        cont = 0;
                                        for(const equipo of resultData['datos_variables_evaluacion'][input]){
                                            equipos[cont++] = equipo['id_equipo'];
                                        }
                                        $('#'+input+'.selectpicker').selectpicker("val", equipos);
                                        
                                    }
                                    //$('#create_reporte_capitulo_linea_pruebas_modal #'+input).selectpicker('val', resultData[input]);
        
                                }
                            });
                        }
                    });

                    
                });*/

                $('.create_reporte_capitulo_linea_pruebas_modal').click(function(){

                    var id_international_portal_report=$(this).attr('data-id_international_portal_report');
                    var id_capitulo=$(this).data('id_capitulo');
                    $('#modal').load('{{url("int_report_carga_modal_prueba_muestra")}}/linea_de_pruebas/'+id_international_portal_report+"/capitulo/"+id_capitulo, function(){
                        $('.custom-file-input').on('change', function(event) {
                            var inputFile = event.currentTarget;
                            $(inputFile).parent()
                                .find('.custom-file-label')
                                .html(inputFile.files[0].name);
                        })

                        $('[data-toggle="popover"]').popover();

                        $.ajax({
                        url:id_international_portal_report+"/show_datos_reporte_linea_pruebas_variables_int_report",
                        method:"POST",
                        data:{'id_international_portal_report': id_international_portal_report, 'id_capitulo': id_capitulo, '_token': _token = $('input[name="_token"]').val()},
                        success:function(response){
                            //alert(response);
                            result = JSON.parse(response); 
                            resultData = result.data;
                            console.log(resultData);
                            //$('#programacion_muestra_edit_modal').modal('show');
                            $('#create_reporte_capitulo_linea_pruebas_modal').modal('show');

                            $("#create_reporte_capitulo_linea_pruebas_modal .card").each(function(){
                                card = $(this).attr('id'); 
                                card_id_capitulo = $('#'+card).data('id_capitulo');
                                console.log(card);
                                if (id_capitulo == card_id_capitulo) {
                                    $('#create_reporte_capitulo_linea_pruebas_modal #'+card).show();
                                    readButtons(card);
                                }else{
                                    $('#create_reporte_capitulo_linea_pruebas_modal #'+card).hide();
                                }
                            });

                            $('.summernote').summernote({
                                placeholder: 'Resultado',
                                tabsize: 1,
                                height: 50,
                                toolbar: [
                                    ['style', ['bold', 'italic', 'underline']],
                                    ['font', ['strikethrough', 'superscript', 'subscript']],
                                    ['color', ['color']],
                                    ['para', ['ul', 'ol', 'paragraph']],
                                    ['table', ['table']],
                                    ['view', ['fullscreen', , 'codeview']]
                                ]
                            });

                            /*var zIndex = 1040 + (10 * $('.modal:visible').length);
                            $('#create_reporte_capitulo_linea_pruebas_modal').css('z-index', zIndex);
                            setTimeout(function() {
                                $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
                            }, 0);*/

                            $("#create_reporte_capitulo_linea_pruebas_modal :input").each(function(){
                            
                                input = $(this).attr('id'); 
                                
                                if(input in resultData['datos_variables_evaluacion']){
                                    //$('#create_reporte_capitulo_linea_pruebas_modal #'+input).val(resultData[input]);
                                    //Para recuperar los valores de select
                                    //console.log($('#'+input).val());
                                    if(!($('#'+input).val() == "CUMPLE")){
                                        $('#'+input).val(resultData['datos_variables_evaluacion'][input]);
                                    }
                                    
                                    if(resultData['datos_variables_evaluacion'][input]){
                                        equipos = [];
                                        cont = 0;
                                        for(const equipo of resultData['datos_variables_evaluacion'][input]){
                                            equipos[cont++] = equipo['id_equipo'];
                                        }
                                        $('#'+input+'.selectpicker').selectpicker("val", equipos);
                                        
                                    }
                                    //$('#create_reporte_capitulo_linea_pruebas_modal #'+input).selectpicker('val', resultData[input]);
        
                                }
                            });
                        }
                    });

                    $('.save-img').click(function(){
                        var formData = new FormData();
                        var id_inciso_x_variable = $(this).data('id_inciso_x_variable');
                        var id_linea_prueba_reporte = $(this).data('id_linea_prueba_reporte');
                        var files = $('#resultado_archivo_'+id_inciso_x_variable)[0].files[0];
                        
                        formData.append('file',files);
                        formData.append('id_inciso_x_variable',id_inciso_x_variable);
                        formData.append('id_linea_prueba_reporte',id_linea_prueba_reporte);
                        console.log($('input[name="_token"]').val());
                        /*$.ajaxSetup({
                            headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') }
                        });*/
                        $.ajax({
                            headers: { 'X-CSRF-TOKEN': $('input[name="_token"]').val() },
                            type:"POST",
                            dataType:"json",
                            url:id_linea_prueba_reporte+"/upload",
                            contentType:false,
                            data:formData,
                            processData:false,
                            success:function(response){
                                //console.log(response);
                                result = JSON.parse(response); 
                                resultData = result.data;
                                html = "";
           
                                for(const imgs of resultData['evaluacionimg'] ){
                                    html+="<tr>"+
                                        "<td>"+
                                            "<div class=''>"+
                                                "<img class='img-thumbnail' src='{{asset('storage/linea_pruebas_img')}}/"+imgs['nombre']+"'>"+
                                            "</div>"+
                                        "</td>"+
                                        "<td>"+imgs['name_file']+"</td>"+
                                        /*"<td>"+
                                            '<div class="ui tiny icon buttons">'+                                 
                                                '<a class="ui button red edit_modify_empresa_modal mini"'+
                                                    'title="Eliminar" '+
                                                    'id="delete_img"'+
                                                    'data-id="'+(imgs['id_img']?imgs['id_img']:"")+'">'+
                                                    '<i class="trash icon"></i>'+
                                                '</a>'+
                                            '</div>'+
                                        "</td>"+*/
                                    "</tr>";
                                }
                                $("tbody#table-img_"+resultData['id_linea_prueba_evaluacion']).html(html);
                            }
                        });
                    });

                    });
                    
                });

                
                
            }); 

             

            //alert(card);
            
            readButtons = function(type_accion){
                let navListItems = $('div#'+type_accion+' div.setup-panel div a'),
                allWells = $('div#'+type_accion+' .setup-content'),
                allNextBtn = $('div#'+type_accion+' .nextBtn');
                allBackBtn = $('div#'+type_accion+' .backBtn');
    
                navListItems.click(function (e) {
                    e.preventDefault();
                    var $target = $($(this).attr('href')),
                            $item = $(this);
    
                    if (!$item.hasClass('disabled')) {
                        navListItems.removeClass('btn-primary').addClass('btn-default');
                        $item.addClass('btn-primary').removeClass('disabled');
                        allWells.hide();
                        $target.show();
                        //$target.find('input:eq(0)').focus();
                    }
                });
    
                allNextBtn.click(function(){
                    var curStep = $(this).closest("div#"+type_accion+" .setup-content"),
                        curStepBtn = curStep.attr("id"),
                        nextStepWizard = $('div#'+type_accion+' div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
                        curInputs = curStep.find("input[type='text'],input[type='url']"),
                        isValid = true;
    
                    $(".form-group").removeClass("has-error");
                        navListItems.addClass('disabled');
                        nextStepWizard.removeAttr('disabled').removeClass('disabled').trigger('click');
                });
    
                allBackBtn.click(function(){
                    var curStep = $(this).closest("div#"+type_accion+" .setup-content"),
                        curStepBtn = curStep.attr("id"),
                        nextStepWizard = $('div#'+type_accion+' div.setup-panel div a[href="#' + curStepBtn + '"]').parent().prev().children("a"),
                        curInputs = curStep.find("input[type='text'],input[type='url']"),
                        isValid = true;
    
                    $(".form-group").removeClass("has-error");
                        navListItems.addClass('disabled');
                        nextStepWizard.removeAttr('disabled').removeClass('disabled').trigger('click');
                });
    
                $('div.setup-panel div a.btn-primary').trigger('click'); 
            } 
    </script>
    {{--<script>
        // Add the following code if you want the name of the file appear on select
        $(".custom-file-input").on("change", function() {
          var fileName = $(this).val().split("\\").pop();
          $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
        });
    </script>--}}

    {{--@include('Linea_pruebas.view_img')--}}
    <script>
        $(document).ready(function(){
            $('.modal_img').click(function(){
                src =$(this).children('img').attr('src');
                
                //console.log(variable);
                $('#modal_img_origin').modal('show');
                
            });
        });

        $('#modal_img_origin').on('show.bs.modal', function () {
            $('img#img_origin').attr('src', src);
       });
    </script>
{{--
@include('Linea_pruebas.modals.imgs')
@include('Linea_pruebas.modals.delete_img')
--}}
<script>
    $(document).ready(function(){
        $('.modalImgs').click(function(){
            id_linea_prueba_reporte = $(this).data('id_linea_prueba_reporte');
            $.ajax({
                url:"{{ url('linea_de_pruebas_reporte/show_imgs') }}",
                method:"POST",
                data:{'id_linea_prueba_reporte': id_linea_prueba_reporte, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    result = JSON.parse(response); 
                    resultData = result.data;
                    $('#modalImgs').modal('show');
                }
            });
        });
    });

    $('#modalImgs').on('show.bs.modal', function () {
        $('div#modal-form-variable-img input#id_linea_prueba_reporte').val(id_linea_prueba_reporte);
        html = "";
        for(const imgs of resultData['img'] ){
            html+="<tr>"+
                "<td>"+
                    "<div class=''>"+
                        "<img class='img-thumbnail' src='{{asset('storage/linea_pruebas_reporte_img')}}/"+imgs['nombre']+"'>"+
                    "</div>"+
                "</td>"+
                "<td>"+imgs['titulo']+"</td>"+
                "<td>"+imgs['descripcion']+"</td>"+
                "<td>"+
                    '<div class="ui tiny icon buttons">'+                                 
                        '<a class="ui button red edit_modify_empresa_modal mini"'+
                            'title="Eliminar" '+
                            'id="delete_img"'+
                            'data-id="'+(imgs['id_linea_prueba_reporte_img']?imgs['id_linea_prueba_reporte_img']:"")+'">'+
                            '<i class="trash icon"></i>'+
                        '</a>'+
                    '</div>'+
                "</td>"+
            "</tr>";
        }
                
        $("tbody#table-img").html(html);

        $('a#delete_img').click(function(){
            id_linea_prueba_reporte_img = $(this).data('id');
            $('#modalDeleteImagen').modal('show');
        });
    });

    $('#modalDeleteImagen').on('show.bs.modal', function () {
        $('#modal-form-delete-img input#id_linea_prueba_reporte_img').val(id_linea_prueba_reporte_img);
    });
</script>
{{--@include('Linea_pruebas.modals.delete_img')--}}
<script>
    $(document).ready(function(){
        $('.index_tabla').click(function(){
            id_index= $(this).data('id');
            id_linea_prueba_reporte = $(this).data('id_linea_prueba_reporte');
            $('#modal').load('{{url("carga_modal_index_tabla_en_linea")}}/'+id_index+'/linea_pruebas_reporte/'+id_linea_prueba_reporte, function(){
                $('.summernote').summernote({
                    placeholder: 'Tabla',
                    tabsize: 1,
                    height: 350,
                    toolbar: [
                        ['style', ['bold', 'italic', 'underline']],
                        ['font', ['strikethrough', 'superscript', 'subscript']],
                        ['color', ['color']],
                        ['para', ['ul', 'ol', 'paragraph']],
                        ['table', ['table']],
                        ['view', ['fullscreen', 'codeview']]
                    ]
                });
                $('#modalDisenoTabla').modal('show');
            });
            
        });
    });
</script>
@endsection