@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">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="section">Muestras</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Pruebas de la muestra: {{$muestra->nombre}} {{$muestra->marca}} {{$muestra->modelo}}</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="sx-autorender">
        <div class="sx-scroll-x">
            <div class="card">
                <div class="card-header bg-info">
                    <h5><strong class="text-white text-center">{{$datos_norma_muestra->nombre_norma}}</strong></h5>
                </div>

                <div class="card-body">
                    <div class="form-group text-center row alert-info">
                        <div class="form-group col-md-4 mt-2">
                            <label class="font-weight-bold" for="empresa">Muestra</label>
                            <p>{{$muestra->nombre}}</p>
                        </div>
                        <div class="form-group col-md-4 mt-2">
                            <label class="font-weight-bold" for="quien_entrega">Marca</label>
                            <p>{{$muestra->marca}}</p>
                        </div>
                        <div class="form-group col-md-4 mt-2">
                            <label class="font-weight-bold" for="fecha_recibo">Modelo</label>
                            <p>{{$muestra->modelo}}</p>
                        </div>
                    </div>

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

                    <div class="form-group">
                        @if ($datos_indice_general->count())
                            <table class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th width="65%" class="text-center">Índice General</th>
                                        <th width="15%" class="text-center">Estatus</th>
                                        <th width="20%" class="text-center">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-center">
                                                    @if ($dato_indice->estatus_tabla == 'En proceso')
                                                        <span class="btn btn-warning">{{$dato_indice->estatus_tabla}}</span>
                                                    @endif

                                                    @if ($dato_indice->estatus_tabla == 'No iniciado')
                                                        <span class="btn btn-danger">{{$dato_indice->estatus_tabla}}</span>
                                                    @endif
                                                </td>

                                                <td class="text-center">
                                                    <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}}">
                                                            <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 class="text-center">
                                    <th width="65%" class="text-center">Capítulo</th>
                                    <th width="15%" class="text-center">Estatus</th>
                                    <th width="20%" class="text-center">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 && $dato_capitulo->numero_capitulo != '0')
                                                    <button class="btn btn-success">Terminado</button>
                                                @endif

                                                @if ($variable != $variable_evaluacion && $variable_evaluacion > 0 && $dato_capitulo->numero_capitulo != '0')
                                                    <button class="btn btn-warning">En proceso</button>
                                                @endif

                                                @if ($variable_evaluacion == 0 && $dato_capitulo->numero_capitulo != '0')
                                                    <button class="btn btn-danger">No iniciado</button>
                                                @endif

                                                @if ($variable_evaluacion == 0 && $dato_capitulo->numero_capitulo == '0')
                                                    <button class="btn btn-danger">Revisa equipo empleado</button>
                                                @endif

                                                @if ($variable == $variable_evaluacion && $dato_capitulo->numero_capitulo == '0')
                                                    <button class="btn btn-success">Equipo empleado &nbsp; <i class="check circle inverted icon"></i> </button>
                                                @endif
                                            </td>

                                            <td class="text-center">
                                                <div class="buttons tiny-buttons">
                                                    <button
                                                        class="ui button fluid blue create_reporte_capitulo_linea_pruebas_modal"
                                                        data-id_linea_prueba_reporte="{{$id_linea_prueba_reporte}}"
                                                        data-id_capitulo="{{$dato_capitulo->id_capitulo}}"
                                                        data-numero_capitulo="{{$dato_capitulo->numero_capitulo}}"
                                                        data-equipo="{{$dato_capitulo->equipo}}">
                                                        <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>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 width="65%" class="text-center">Apéndice</th>
                                    <th width="15%" class="text-center">Estatus</th>
                                    <th width="20%" class="text-center">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-center">
                                                <div class="buttons tiny-buttons">
                                                    <button
                                                        class="ui button fluid blue create_reporte_capitulo_linea_pruebas_modal"
                                                        data-id_linea_prueba_reporte="{{$id_linea_prueba_reporte}}"
                                                        data-id_capitulo="{{$dato_apendice->id_capitulo}}"
                                                        data-numero_capitulo="{{$dato_apendice->numero_capitulo}}"
                                                        data-equipo="{{$dato_apendice->equipo ?? 0}}">
                                                        <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-3">
                <a class="ui button gray btn-block" href="{{url('linea_de_pruebas/'.$id_programacion_muestra)}}">
                    <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>
        </div>

        <br>
    </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>

    <style type="text/css">
        .stepwizard-step p {
            margin-top: 10px;
        }

        .stepwizard-row {
            display: table-row;
        }

        .stepwizard {
            display: table;
            width: 100%;
            position: relative;
        }

        .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>
        var specialCharacters = function (context) {
            var ui = $.summernote.ui;

            var button = ui.button({
                click: function () {
                    context.invoke('editor.insertText', specialchars);
                }
            });

            return button.render();
        };

        $('.summernote').summernote({
            placeholder: 'Resultado',
            tabsize: 1,
            toolbar: [
                ['style', ['bold', 'italic', 'underline']],
                ['font', ['strikethrough', 'superscript', 'subscript']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['view', ['fullscreen', 'codeview']]
            ],
            icons: {
                specialchars: '<i class="at icon"></i>',
            },
            callbacks: {
                onPaste: function (e) {
                    var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                    e.preventDefault();
                    document.execCommand('insertText', false, bufferText);
                }
            },
            onPaste: function (e) {
                var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                e.preventDefault();
                document.execCommand('insertText', false, bufferText);
            },
            buttons: {
                specialchars: specialCharacters
            }
        });

        var resultData = {};

        function abrirModalEquipos(id_linea_prueba_reporte, id_capitulo) {
            $('#modal').load(
                '{{url("carga_modal_equipos_linea_pruebas")}}/linea_de_pruebas/' + id_linea_prueba_reporte + '/capitulo/' + id_capitulo,
                function (response, status, xhr) {
                    if (status === 'error') {
                        console.error('Error al cargar modal de equipos:', xhr.status, xhr.statusText);
                        alert('No se pudo cargar la modal de equipos.');
                        return;
                    }

                    if (!$('#create_reporte_capitulo_equipos_modal').length) {
                        console.error('No existe #create_reporte_capitulo_equipos_modal en el HTML cargado.');
                        console.log(response);
                        alert('La modal de equipos no se generó correctamente.');
                        return;
                    }

                    $('#create_reporte_capitulo_equipos_modal').modal({
                        backdrop: false,
                        keyboard: false
                    });

                    $('#create_reporte_capitulo_equipos_modal').modal('show');
                }
            );
        }

        function abrirModalPruebas(id_linea_prueba_reporte, id_capitulo) {
            $('#modal').load(
                '{{url("carga_modal_prueba_muestra")}}/linea_de_pruebas/' + id_linea_prueba_reporte + '/capitulo/' + id_capitulo,
                function (response, status, xhr) {
                    if (status === 'error') {
                        console.error('Error al cargar modal de pruebas:', xhr.status, xhr.statusText);
                        alert('No se pudo cargar la modal de pruebas.');
                        return;
                    }

                    $('.custom-file-input').on('change', function(event) {
                        var inputFile = event.currentTarget;
                        $(inputFile).parent()
                            .find('.custom-file-label')
                            .html(inputFile.files[0].name);
                    });

                    $('a.resultado').click(function(){
                        if($(this).hasClass('green')){
                            $(this).removeClass('green');
                            $(this).children().removeClass('plus');
                            $(this).addClass('red');
                            $(this).children().addClass('minus');
                        }else{
                            $(this).removeClass('red');
                            $(this).children().removeClass('minus');
                            $(this).addClass('green');
                            $(this).children().addClass('plus');
                        }
                    });

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

                    $.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': $('input[name="_token"]').val()
                        },
                        success: function(response){
                            result = JSON.parse(response);
                            resultData = result.data;
                            console.log('show_datos_reporte_linea_pruebas_variables:', resultData, id_linea_prueba_reporte, id_capitulo);

                            $('#create_reporte_capitulo_linea_pruebas_modal').modal({
                                backdrop: false,
                                keyboard: false
                            });

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

                                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,
                                toolbar: [
                                    ['style', ['bold', 'italic', 'underline']],
                                    ['font', ['strikethrough', 'superscript', 'subscript']],
                                    ['color', ['color']],
                                    ['para', ['ul', 'ol', 'paragraph']],
                                    ['table', ['table']],
                                    ['view', ['fullscreen', 'codeview']],
                                    ['specialchars', ['specialchars']]
                                ],
                                icons: {
                                    specialchars: '<i class="at icon"></i>',
                                },
                                callbacks: {
                                    onPaste: function (e) {
                                        var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                                        e.preventDefault();
                                        document.execCommand('insertText', false, bufferText);
                                    }
                                },
                                onPaste: function (e) {
                                    var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                                    e.preventDefault();
                                    document.execCommand('insertText', false, bufferText);
                                },
                                buttons: {
                                    specialchars: specialCharacters
                                }
                            });

                            $("#create_reporte_capitulo_linea_pruebas_modal :input").each(function(){
                                input = $(this).attr('id');
                                name = $(this).attr('name');

                                if (input in resultData['datos_variables_evaluacion']) {
                                    if ($(this).hasClass('selectpicker')) {
                                        let equipos = [];

                                        if (
                                            Array.isArray(resultData['datos_variables_evaluacion'][input]) &&
                                            resultData['datos_variables_evaluacion'][input].length > 0
                                        ) {
                                            for (const equipo of resultData['datos_variables_evaluacion'][input]) {
                                                equipos.push(String(equipo['id_equipo']));
                                            }

                                            $('#' + input + '.selectpicker').selectpicker('val', equipos);
                                        } else {
                                            let todosLosEquipos = [];

                                            $('#' + input + ' option').each(function () {
                                                if ($(this).data('estatus') === 'verde') {
                                                    todosLosEquipos.push(String($(this).val()));
                                                }
                                            });

                                            $('#' + input + '.selectpicker').selectpicker('val', todosLosEquipos);
                                        }
                                    }
                                } else if (name in resultData['datos_variables_evaluacion']) {
                                    if (resultData['datos_variables_evaluacion'][name] == $('#' + input).val()) {
                                        $(`#${input}[name=${name}]`).prop('checked', true);
                                    }
                                }
                            });
                        },
                        error: function(xhr){
                            console.error('Error en show_datos_reporte_linea_pruebas_variables:', xhr);
                            alert('No se pudieron cargar los datos de la prueba.');
                        }
                    });

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

                        $.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){
                                result = JSON.parse(response);
                                resultData = result.data;

                                console.log(resultData);
                                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>" +
                                    "</tr>";
                                }

                                $("tbody#table-img_" + resultData['id_linea_prueba_evaluacion']).html(html);
                            }
                        });
                    });
                }
            );
        }

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

        $(document).on('click', '.create_reporte_capitulo_linea_pruebas_modal', function(){
            var id_linea_prueba_reporte = $(this).data('id_linea_prueba_reporte');
            var id_capitulo = $(this).data('id_capitulo');
            var numero_capitulo = String($(this).data('numero_capitulo'));
            var equipo = parseInt($(this).data('equipo'), 10);

            console.log('Click capítulo:', {
                id_linea_prueba_reporte: id_linea_prueba_reporte,
                id_capitulo: id_capitulo,
                numero_capitulo: numero_capitulo,
                equipo: equipo
            });

            if (equipo === 1 || numero_capitulo === '0') {
                abrirModalEquipos(id_linea_prueba_reporte, id_capitulo);
            } else {
                abrirModalPruebas(id_linea_prueba_reporte, id_capitulo);
            }
        });

        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();
                }
            });

            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");

                $(".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");

                $(".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>
        var id_linea_prueba_reporte_img = null;

        $('.modalImgs').click(function(){
            var id_linea_prueba_reporte = $(this).data('id_linea_prueba_reporte');

            $.ajax({
                type: "POST",
                url: "linea_de_pruebas_reporte/show_imgs",
                data: {
                    id_linea_prueba_reporte: id_linea_prueba_reporte,
                    _token: $('input[name="_token"]').val()
                },
                success: function(response){
                    result = JSON.parse(response);
                    resultData = result.data;
                    html = "";

                    for (const imgs of resultData['linea_pruebas_imgs']) {
                        html += "<tr>" +
                            "<td>" +
                                "<div class=''>" +
                                    "<img class='img-thumbnail' src='{{asset('storage/linea_pruebas_reporte_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_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']]
                        ],
                        icons: {
                            specialchars: '<i class="at icon"></i>',
                        },
                        callbacks: {
                            onPaste: function (e) {
                                var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                                e.preventDefault();
                                document.execCommand('insertText', false, bufferText);
                            }
                        },
                        onPaste: function (e) {
                            var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                            e.preventDefault();
                            document.execCommand('insertText', false, bufferText);
                        },
                        buttons: {
                            specialchars: specialCharacters
                        }
                    });

                    $('#modalDisenoTabla').modal('show');
                });
            });
        });
    </script>
@endsection