@extends('fragments.fullTemplate')
@php
//use App\Modificaciones_x_Informes;
$id_usuario = session('id_usuario');
if (!session('id_usuario')) {
header('location: /');
die();
}
@endphp
@section('contenido')
<div class="ui big breadcrumb">
    <div class="section">Atención a clientes</div>
    <i class="right chevron icon divider"></i>
    <div class="active section">Modificaciones</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>
@include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
@include('Control_documentos.Notificacion.notificacion_documento_version')
@include('Modificaciones.notificacion_modificacion')
@include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')

{{-- <p> -{{ $permisos}}- </p> --}}
@if ($permisos->crear == 1)
<button id="reporte_devolucion_almacen_wizzard" class="ui button fluid primary create_reporte_devolucion_almacen_modal">
    <i class="pencil alternate icon"></i> Nueva modificación
</button>
<br>
<button id="btn_modificacion_multiple" class="ui button fluid primary">
    <i class="pencil alternate icon"></i> Nueva modificación múltiple
</button>
@endif


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

<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" id="modificaciones-tab" data-toggle="tab" href="#modificaciones" role="tab"
            aria-controls="modificaciones" aria-selected="true">Modificaciones</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="historico-tab" data-toggle="tab" href="#historico" role="tab" aria-controls="historico"
            aria-selected="false">Historico Informes</a>
    </li>
</ul>
<div class="tab-content" id="myTabContent">
    <div class="tab-pane fade show active" id="modificaciones" role="tabpanel" aria-labelledby="modificaciones-tab">
        <div class="sx-autorender mt-3">
            <div class="sx-scroll-x">
                {{--<p class="text-center">{{ $modificaciones->count() }}</strong> resultados en esta p&aacute;gina</p>
                --}}
                <table class="ui celled table" id="lang-dt">
                    <thead></thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="tab-pane fade" id="historico" role="tabpanel" aria-labelledby="historico-tab">
        <div class="sx-autorender mt-3">
            <div class="sx-scroll-x">
                <p class="text-center">{{ $informes_modificados->count() }}</strong> resultados en esta página
                </p>
                <table class="ui celled table unstackable datatable-automatic-search">
                    <thead>
                        <tr>
                            {{--<th>Cliente informe</th>--}}
                            <th>Número informe</th>
                            <th class="collapsing">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($informes_modificados as $dato_informe)
                        <tr>
                            {{--<td>{{$dato_informe->nombre_empresa}}</td>---}}
                            <td>{{$dato_informe->numero_informe}}</td>

                            <td class='text-center '>
                                <div class='ui tiny icon buttons'>
                                    <a href="{{$dato_informe->id_programacion_muestra}}/historico_modificaciones_informe"
                                        class='ui button orange show-loader-before-leave'><i
                                            class='right arrow icon'></i></a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                {{-- $usuarios->links("pagination::bootstrap-4") --}}
            </div>
        </div>
    </div>
</div>
@include('Modificaciones.delete_modal')
@section('drawCallback')
init();
init2();
@endsection
@section('configOpt')
processing: true,
serverSide: true,
ajax: "{{ Route('getModificaciones') }}",
columns: [
{ title: "Tipo Modificación", data: 'nombre_modificacion', name: 'nombre_modificacion' },

{ title: "Descripción modificación", data: 'descripcion', name: 'descripcion' },

{ title: "Número de informe", data: 'num_informes', name: 'num_informes', width: "12%" },

{ title: "Área afectada", data: 'area_afectada', name: 'area_afectada' },

{ title: "Persona responsable de la modificación", data: 'a_cargo_de', name: 'a_cargo_de' },

{ title: "Fecha de elaboración", data: 'fecha_solicitud', name: 'fecha_solicitud' },

{ title: "Fecha de entrega al cliente", data: 'fecha_entrega_cliente', name: 'fecha_entrega_cliente', width: "7%" },

{ title: "Modelo", data: 'modelos', name: 'modelos' },

{ title: "Creado por", data: 'nombre_usuario', name: 'nombre_usuario' },

{ title: "Estatus formato enviado", data: 'estatus_formato', name: 'estatus_formato', orderable: false },

{ title: "Documento modificado enviado al cliente", data: 'estatus_documento', name: 'estatus_documento', orderable: false },

{ title: "Estatus", data: 'estatus', name: 'estatus', orderable: false },

{ title: "Acciones", data: 'buttons', name: 'buttons', orderable: false }
]

@endsection
<script>
    const BASE_URL = "{{ url('/') }}";
</script>
<script>
    function resetSelect($select, disabled = true) {

        $select.each(function() {

            if ($(this).data('selectpicker')) {
                $(this).selectpicker('destroy');
            }

            $(this)
                .prop('disabled', disabled)
                .html('<option value="">--Seleccione--</option>')
                .selectpicker();
        });
    }


    function fillSelect($select, data, valueKey, textKey) {

        if ($select.data('selectpicker')) {
            $select.selectpicker('destroy');
        }

        $select.html('<option value="">--Seleccione--</option>');

        $.each(data, function(_, item) {
            $select.append(
                `<option value="${item[valueKey]}">${item[textKey]}</option>`
            );
        });

        $select.prop('disabled', false);
        $select.selectpicker('render');
        $select.selectpicker('refresh');
    }
</script>



<script>
    init = function() {
        $('.show_evidencias').click(function() {
            id_modificacion = $(this).data('id_modificacion');
            $('#evidencias_id_modificacion').val(id_modificacion);
            $.ajax({
                url: "show_datos_evidencias_modificacion",
                method: "POST",
                data: {
                    'id_modificacion': id_modificacion,
                    '_token': _token = $('input[name="_token"]').val()
                },
                success: function(response) {
                    result = JSON.parse(response);
                    resultData = result.data;
                    html_test = "";
                    if (resultData['datos_modificacion_evidencias'].length > 0) {
                        $.each(resultData['datos_modificacion_evidencias'], function(key, value) {
                            arr_nombre_archivo = value['nombre_archivo'].split('.');
                            extension_archivo = arr_nombre_archivo[1];

                            html_test += "<tr id='row_table_evidencia_show_edit" + value['id_modificacion_evidencia'] + "' data-id_modificacion_evidencia='" + value['id_modificacion_evidencia'] + "'>";
                            if (extension_archivo == 'png' || extension_archivo == 'jpg' || extension_archivo == 'jpeg') {
                                html_test += "<td><a href='#' id='" + value['id_modificacion_evidencia'] + "' class='show_modal_img_evidencia'><img class='img-thumbnail' src='{{asset('storage/evidencias_modificaciones/')}}/" + value['nombre_archivo'] + "'></a></td>";

                            } else {
                                html_test += "<td><a target='_blank' href='{{asset('storage/evidencias_modificaciones/')}}/" + value['nombre_archivo'] + "' id='" + value['id_modificacion_evidencia'] + "' class='ui button blue fluid'>Ver Archivo</a></td>";

                            }

                            html_test += "<td>" + value['nombre_archivo'] + "</td>";
                            html_test += "<td>" + value['tipo'] + "</td>";
                            html_test += "<td class='text-center '><div class='ui tiny icon buttons'><a id='" + value['id_modificacion_evidencia'] + "' title='Eliminar evidencia' class='ui button red delete_evidencia_show_tabla'><i class='trash alternate icon'></i></a></div></td>";
                            html_test += "</tr>";
                            $('#div_tabla_show_evidencias_modal').html(html_test);

                        });
                    } else {
                        $('#div_tabla_show_evidencias_modal').html(html_test);
                    }

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

        $('.edit_modificacion').click(function() {
            readButtonsEdit();
            $('#edit_modificaciones_wizzard_modal').modal('show');
        });
    }
    //
    $(document).on('click', '.delete_modificacion', function() {
        id_modificacion = $(this).attr('data-id_modificacion');
        var nombre_completo = $(this).attr('data-nombre_completo');

        $('#id_modificacion_delete').val(id_modificacion);
        $('#nombre_usr').html(nombre_completo);

        $('#delete_modificacion').modal('show');
    });
</script>
@include('Modificaciones.create_modificaciones_wizzard')

<script>
$(document).ready(function () {

    /* ===============================
       INIT SELECTPICKERS AL ABRIR MODAL
    =============================== */
    $('#create_modificaciones_wizzard_modal').on('shown.bs.modal', function () {
        $('.selectpicker').selectpicker('refresh');
    });

    /* ===============================
       LÍNEA PRINCIPAL → RESPONSABLE
    =============================== */
    $(document).on('changed.bs.select', '.linea-principal', function () {

        const id_linea = $(this).selectpicker('val'); // aquí sigue siendo línea
        const $responsable = $('#id_tec_resp');

        resetSelectpicker($responsable, true);

        if (!id_linea) return;

        $.get('getTecnicosLinea/' + id_linea)
            .done(function (tecnicos) {

                if (!tecnicos || !tecnicos.length) return;

                let html = '<option value="">--Seleccione--</option>';
                tecnicos.forEach(t => {
                    html += `<option value="${t.id_tecnico}">
                        ${t.nombre} ${t.apaterno ?? ''}
                    </option>`;
                });

                $responsable
                    .html(html)
                    .prop('disabled', false)
                    .selectpicker('refresh');
            });
    });

    /* ===============================
   AGREGAR ÁREA EXTRA (MISMO FLUJO)
=============================== */
$('#btn_add_area').on('click', function () {

    const $tpl = $($('#tpl_area_extra').html());
    $('#areas_extra_container').append($tpl);

    const $lineaSelect = $tpl.find('.linea-extra');
    const $responsableSelect = $tpl.find('.responsable-extra');

    $lineaSelect.selectpicker();
    resetSelectpicker($responsableSelect, true);

    /* ===============================
       LÍNEA EXTRA → RESPONSABLE EXTRA
    =============================== */
    $lineaSelect.on('changed.bs.select', function () {

        const id_linea = $(this).selectpicker('val');
        resetSelectpicker($responsableSelect, true);

        if (!id_linea) return;

        $.get('getTecnicosLinea/' + id_linea)
            .done(function (tecnicos) {

                if (!tecnicos || !tecnicos.length) return;

                let html = '<option value="">--Seleccione--</option>';
                tecnicos.forEach(t => {
                    html += `<option value="${t.id_tecnico}">
                        ${t.nombre} ${t.apaterno ?? ''}
                    </option>`;
                });

                $responsableSelect
                    .html(html)
                    .prop('disabled', false)
                    .selectpicker('refresh');
            });
    });

    /* ===============================
       ELIMINAR ÁREA EXTRA
    =============================== */
    $tpl.find('.btn-remove-area').on('click', function () {
        $tpl.remove();
    });
});


});

/* ===============================
   HELPER
=============================== */
function resetSelectpicker($select, disabled = true) {

    if ($select.data('selectpicker')) {
        $select.selectpicker('destroy');
    }

    $select
        .html('<option value="">--Seleccione--</option>')
        .prop('disabled', disabled)
        .selectpicker();
}
</script>


<script>
    //mostrar alerta si viene en el hash de la url
$(document).ready(function () {
    if (window.location.hash) {
        const target = $(window.location.hash);
        if (target.length) {
            $('html, body').animate({
                scrollTop: target.offset().top - 100
            }, 600);

            target.addClass('alert-warning');

            setTimeout(() => {
                target.removeClass('alert-warning');
            }, 3000);
        }
    }
});
</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();
        var numFiles = $(this).get(0).files.length;
        input_msj = "Se seleccionaron: " + numFiles + " archivos";

        $(this).siblings(".custom-file-label").addClass("selected").html(input_msj);
    });
    $("input[type='file']").on("change", function() {
        var numFiles = $(this).get(0).files.length
        console.log(numFiles);
    });
</script>
<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;
    }

    #lang-dt td:nth-child(7) {
        white-space: pre-line;
        word-break: normal;
    }
</style>
<script>
    var id_cliente = 0;
    $(document).ready(function() {
        $('#reporte_devolucion_almacen_wizzard').click(function() {
            readButtons();
            $(".liveSearchJquery ").select2({
                id: '-1',
                text: "--Seleccione--",
                placeholder: "--Seleccione--",
                width: "100%"
            });

            $(".selectNotSearch").select2({
                id: '-1',
                text: "--Seleccione--",
                placeholder: "--Seleccione--",
                width: "100%",
                minimumResultsForSearch: Infinity
            });
            $('#create_modificaciones_wizzard_modal').modal('show');
        });
    });

    readButtons = function(type_accion = "create_modificaciones_wizzard") {
        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.off('click').on('click', async function (e) {

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

            let errores = [];
            let errorInformes = false;
            // =========================
            // HELPERS
            // =========================
            function limpiarErrores() {
                $('.is-invalid').removeClass('is-invalid');
                $('.select2-selection').removeClass('is-invalid');
                $('.bootstrap-select .dropdown-toggle').removeClass('is-invalid');
            }

            function pintarError($el, tipo = 'normal') {

                if (tipo === 'selectpicker') {
                    $el.closest('.bootstrap-select')
                    .find('.dropdown-toggle')
                    .addClass('is-invalid');
                }
                else if (tipo === 'select2') {

                    $el.addClass('is-invalid');

                    $el.next('.select2-container')
                    .find('.select2-selection')
                    .addClass('is-invalid');
                }
                else {
                    $el.addClass('is-invalid');
                }
            }

            limpiarErrores();

            /* =====================================================
            STEP 1
            ===================================================== */
            if (curStepBtn === "step-1") {

                if (!$('#select_tipo_modificacion').val()) {
                    errores.push('Tipo de modificación');
                    pintarError($('#select_tipo_modificacion'));
                }

                if (!$('#select_cliente_factura').val()) {
                    errores.push('Cliente Factura');
                    pintarError($('#select_cliente_factura'), 'select2');
                }

                if (!$('#select_cliente_informe').val()) {
                    errores.push('Cliente Informe');
                    pintarError($('#select_cliente_informe'), 'select2');
                }

                if (!$('#fecha_recepcion').val()) {
                    errores.push('Fecha de Solicitud del cliente');
                    pintarError($('#fecha_recepcion'));
                }

                if (!$('#fecha_solicitud').val()) {
                    errores.push('Fecha de Elaboración');
                    pintarError($('#fecha_solicitud'));
                }

                if (!$('#select_cambio').val()) {
                    errores.push('Origen del cambio');
                    pintarError($('#select_cambio'));
                }

                if (!$('#select_solicitud_via').val()) {
                    errores.push('Vía de solicitud');
                    pintarError($('#select_solicitud_via'));
                }
                // VALIDAR QUE EXISTAN INFORMES
                if ($('#select_cliente_factura').val() && $('#select_cliente_informe').val()) {

                    // NO hay informes en BD
                    if (!informesOriginales || informesOriginales.length === 0) {
                        errorInformes = 'SIN_RELACION';

                        pintarError($('#select_cliente_factura'), 'select2');
                        pintarError($('#select_cliente_informe'), 'select2');
                    }

                    // SÍ hay informes pero no cumplen el tipo
                    else if (!informesCache || informesCache.length === 0) {
                        errorInformes = 'SIN_TIPO';

                        pintarError($('#select_tipo_modificacion'));
                    }
                }
            }

            /* =====================================================
            STEP 2
            ===================================================== */
            if (curStepBtn === "step-2") {

                if (!$('#persona_solicita_cambio').val().trim()) {
                    errores.push('Persona que solicita el cambio');
                    pintarError($('#persona_solicita_cambio'));
                }

                if ($('#div_informes').find('input[id^="num_informe_"]').length === 0) {
                    errores.push('Debe agregar al menos un informe');
                }

                if (!$('#fecha_entrega').val()) {
                    errores.push('Fecha de entrega al cliente');
                    pintarError($('#fecha_entrega'));
                }

                if (!$('#descripcion').val().trim()) {
                    errores.push('Descripción del cambio');
                    pintarError($('#descripcion'));
                }

                let hayModificacion = $('#div_informes')
                    .find('select[name*="[campo_a_modificar]"]')
                    .filter(function () {
                        return $(this).val();
                    }).length > 0;

                if (!hayModificacion) {
                    errores.push('Debe agregar al menos un campo a modificar');
                }
            }

            /* =====================================================
            SI NO HAY INFORMES
            ===================================================== */
            if (errorInformes) {

                e.preventDefault();
                e.stopImmediatePropagation();

                let mensaje = '';

                if (errorInformes === 'SIN_RELACION') {
                    mensaje = 'No existen informes para esta combinación de Cliente Factura y Cliente Informe';
                }

                if (errorInformes === 'SIN_TIPO') {
                    let tipo = $('#select_tipo_modificacion option:selected').text();
                    mensaje = 'No hay informes para el tipo de modificación seleccionado: ' + tipo;
                }

                await showConfirmModal(
                    mensaje,
                    "Validación de informes",
                    "Aceptar"
                );

                return false;
            }
            /* =====================================================
            SI HAY ERRORES
            ===================================================== */
            if (errores.length > 0) {

                e.preventDefault();
                e.stopImmediatePropagation();

                errores = [...new Set(errores)];

                let mensaje = "Los siguientes campos son obligatorios:\n\n• " + errores.join('\n• ');

                await showConfirmModal(
                    mensaje,
                    "Campos obligatorios",
                    "Aceptar"
                );

                return false;
            }

            /* =====================================================
            AVANZAR
            ===================================================== */
            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>
    $(document).on('click', '.create_modal_modificacion', function() {

        $('#create_modal_modificacion').modal('show');
    });
</script>

<script>
    //aqui va el codigo del paso 100
</script>



<script>
    $('#select_tipo_modificacion').on('change', function() {

        // =========================
        // 1. VALIDAR SI YA HAY INFORMES
        // =========================
        if ($('#div_informes').children().length > 0) {

            alert('No puede cambiar el tipo de modificación después de seleccionar informes');

            $(this).val('').trigger('change.select2'); // mejor que change normal
            return;
        }

        // =========================
        // 2. LIMPIAR SELECT INFORMES
        // =========================
        if ($('#select_informes').hasClass('select2-hidden-accessible')) {
            $('#select_informes').select2('destroy');
        }

        $('#select_informes')
            .empty()
            .append('<option></option>')
            .select2({
                placeholder: '--Seleccione informe--',
                width: '100%'
            });

        // =========================
        // 3. LIMPIAR TABLAS
        // =========================
        $('#div_informes').empty();

        count_change = 0;
        count_tbody_informe = 0;

        // =========================
        // 4. REAPLICAR FILTRO
        // =========================
        if (typeof informesOriginales !== 'undefined' && informesOriginales.length > 0) {

            informesCache = filtrarInformesPorTipo(informesOriginales);

            console.log('Re-filtrado por tipo:', informesCache);
        }
    });
</script>

<script>
    datos_validacion = {
        //DATOS CLIENTE
        /*"cliente_informes.nombre_empresa":"Empresa",
        "cliente_informes.calle":"Calle",
        "cliente_informes.numero_exterior":"Número exterior",
        "cliente_informes.numero_interior":"Número interior",
        "cliente_informes.colonia":"Colonia",
        "cliente_informes.delegacion":"Delegación",
        "estados.estado":"Estado",
        "cliente_informes.pais":"País",*/
        //DATOS INFORME
        "programacion_muestras.folio_programacion": "Número informe",
        "programacion_muestras.fecha_informe": "Fecha entrada",
        "programacion_muestras.fecha_termino_pruebas": "Fecha termino",
        "programacion_muestras.fecha_emision": "Fecha emisión",
        "cliente_factura": "Cliente Factura",
        "cliente_informes": "Cliente Informe",
        "muestras.nombre": "Muestra",
        "muestras.marca": "Marca",
        "muestras.modelo": "Modelo",
        "muestras.consta_de_accesorios": "Consta de accesorios",
        "muestras.numero_de_serie": "Número de serie",
        "inspeccion_muestras.select_observaciones": "Categoría del producto",
        //"validacion_informes.cambios_o_modificaciones_informe":"Cambios o modificaciones informe",

        //DATOS PRUEBAS
        "programacion_muestras.grafica_fecha": "Gráfica fecha",
        "programacion_muestras.grafica_fecha_2": "Gráfica fecha 2",
        "programacion_muestras.camara_humedad": "Cámara de humedad",
        "tecnicos.nombre": "Asignado",
        "lista_precios_x_servicios.id_servicio": "Norma/Servicio/Producto",
        //"lista_precios_x_servicios.id_precio":"Producto",
        //normas serivicio
        //Producto norma
        "programacion_muestras.fecha_entrega_cliente": "Fecha entrega",
        //caracteristicas del producto
        //cambios o modificaciones durante el proceso

        //DATOS INFORMATIVOS
        "muestras.cantidad": "Cantidad",
        "programacion_muestras.referencia": "Referencia",
        //LÍNEA DE PRUEBAS
        "linea_prueba_reportes.pais_origen": "País de origen",
        "linea_prueba_reportes.informe_de_resultados": "Informe de resultados"

    };

    let count_change = 0;
    let dataInforme;
    let count_tbody_informe = 0;
    const date = new Date();
    let year = date.getFullYear().toString();
    year = year.slice(-2);

    $('#select_informes').change(function() {

        const id_programacion_muestra = $("#select_informes").val();
        const select_tipo_modificacion = $("#select_tipo_modificacion").val();
        const body_id_programacion = "body" + id_programacion_muestra;

        if ($("#" + body_id_programacion).length == 0) {
            count_tbody_informe++;

            $.ajax({
                url: "show_detalles_muestra",
                method: "POST",
                data: {
                    'id_programacion_muestra': id_programacion_muestra,
                    'id_tipo_modificacion': select_tipo_modificacion,
                    '_token': _token = $('input[name="_token"]').val()
                },
                success: function(response) {

                    result = JSON.parse(response);
                    dataInforme = result.data;

                    let table = `
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <div class="card">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="card-body">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="container-fluid">

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="row">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div class="col-${select_tipo_modificacion == 2 ? 3 : 6} font-weight-bold">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <label>Número informe:</label>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <input
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    value='${dataInforme.datos['numero_informe']}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    type='text'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    class='form-control'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    id='num_informe_${id_programacion_muestra}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    name='informes[${id_programacion_muestra}][num_informe]'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    readonly>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>`;

                    if (select_tipo_modificacion == 2) {

                        table += `<div class="col-3 font-weight-bold">
        <label>Referencia consecutiva (SATMOD)</label>
        <input
            type="text"
            class="form-control"
            id="satmod_preview_${id_programacion_muestra}"
            value="Calculando..."
            readonly>
    </div>`;

                    }


                    table += `
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div class="col-6">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <br>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class='ui tiny icon buttons float-right'>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <a
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        id = 'add_column${id_programacion_muestra}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        data-id = "${id_programacion_muestra}"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        title = 'Agregar campo a modificar'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        class = 'ui button green basic add_campo'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        style = "border-radius: 50px"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <i class = 'plus icon'></i> Agregar campo
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <table class="ui celled table unstackable" id="div_tabla_informes_detalles">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <thead>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <tr id="referencia_consecutiva_th">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <th class='collapsing'>Aplica cobro</th>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <th>Campo a modificar</th>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <th>Dice</th>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <th>Debe decir</th>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <th>A cargo de</th>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <th class=''>Mostrar en formato Cliente</th>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <th class="collapsing">Acciones</th>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </tr>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </thead>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <tbody id="${body_id_programacion}"></tbody>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </table>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                `;

                    $('#div_informes').append(table);

                    if (select_tipo_modificacion == 2) {

                        const $inputSatmod = $('#satmod_preview_' + id_programacion_muestra);

                        $.ajax({
                            url: 'preview_satmod',
                            method: 'GET',
                            dataType: 'json',
                            success: function(res) {
                                if (res.satmod) {
                                    $inputSatmod.val(res.satmod);
                                } else {
                                    $inputSatmod.val('SATMOD inválido');
                                }
                            },
                            error: function() {
                                $inputSatmod.val('Error SATMOD');
                            }
                        });
                    }


                    $('#add_column' + id_programacion_muestra).click(function() {
                        count_change++;
                        id_programacion_muestra_tr_tag = id_programacion_muestra + "_row_table_informe_" + count_change;
                        $.ajax({
                            url: "show_detalles_muestra",
                            method: "POST",
                            data: {
                                'id_programacion_muestra': id_programacion_muestra,
                                'id_tipo_modificacion': select_tipo_modificacion,
                                '_token': _token = $('input[name="_token"]').val()
                            },
                            success: function(response) {
                                result = JSON.parse(response);
                                dataInforme = result.data;

                                let html = `
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <tr id='${id_programacion_muestra_tr_tag}' data-id_programacion_muestra='${id_programacion_muestra}'>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <td id='${id_programacion_muestra}_aplica_cobro_rowspan' rowspan='1' >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class='custom-control custom-checkbox text-center'>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <input
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                type='checkbox'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                class='custom-control-input checkbox-informe'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                id='${id_programacion_muestra}_aplica_cobro_${count_change}]'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                name='informes[${id_programacion_muestra}][modificaciones][${count_change}][aplica_cobro]'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                data-numero_informe='${dataInforme['datos']['numero_informe']}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                value="1"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <label class='custom-control-label' for='${id_programacion_muestra}_aplica_cobro_${count_change}]'></label>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </td>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <td>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <select
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            data-count_row='${count_change}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            data-id_programacion_muestra='${id_programacion_muestra}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            id='${id_programacion_muestra}_select_campo_a_modificar_${count_change}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            name='informes[${id_programacion_muestra}][modificaciones][${count_change}][campo_a_modificar]'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            class='liveSearchJquery form-control campo_a_modificar'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            required
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <option></option>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    `;
                                $.each(datos_validacion, function(key, value) {
                                    html += "<option value='" + key + "' >" + value + "</option>";
                                });
                                html += `</select>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="valid-feedback">¡Bien!</div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="invalid-feedback">¡El campo es obligatorio!</div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </td>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <td
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        id='${id_programacion_muestra}_dice_${count_change}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        name='${id_programacion_muestra}_dice_${count_change}'>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </td>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <td
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        id='${id_programacion_muestra}_debe_decir_td_${count_change}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        name='${id_programacion_muestra}_debe_decir_td_${count_change}'>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </td>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <td>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        ${dataInforme['datos']['nombre_tecnico']} ${dataInforme['datos']['apaterno_tecnico']}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </td>";

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <td id='${id_programacion_muestra}_formato_cliente_row'>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class='custom-control custom-checkbox text-center'>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <input
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            type='checkbox'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            class='custom-control-input'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            id='${id_programacion_muestra}_formato_cliente_${count_change}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            name='informes[${id_programacion_muestra}][modificaciones][${count_change}][formato_cliente]'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            data-numero_informe='${dataInforme['datos']['numero_informe']}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            value='1'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <label
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            class='custom-control-label'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            for='${id_programacion_muestra}_formato_cliente_${count_change}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        ></label>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </td>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <td class='text-center '>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class='ui tiny icon buttons'>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <a
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                id='${id_programacion_muestra}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                data-id_tr_table='${id_programacion_muestra_tr_tag}'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                title='Eliminar'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                class='ui button red delete_informe_tabla'
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            ><i class='trash alternate icon'></i></a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </td>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </tr>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            `;

                                $('#' + body_id_programacion).append(html);

                                $(`#${id_programacion_muestra}_select_campo_a_modificar_${count_change}`).select2({
                                    id: '-1',
                                    text: "--Seleccione campo--",
                                    placeholder: "--Seleccione campo--",
                                    width: "100%",
                                    tags: true,
                                    minimumResultsForSearch: Infinity
                                });
                            }
                        });
                    });
                }
            });

        }



    });
</script>

<script>
    $(document).on('click', '.delete_informe_tabla', function() {
        id_programacion_muestra_delete = $(this).attr('id');
        count = 0;
        $('#' + id_programacion_muestra_delete + '_tbody tr').each(function() {
            count++;
        });


        if (count == 1) {
            $('#' + id_programacion_muestra_delete + '_tbody').remove();
        }

        id_tr_table = $(this).data('id_tr_table');
        $('#' + id_tr_table).remove();
    });
</script>
<script>
    let facturaSeleccionadaPorInforme = {};
    datos_fecha_validacion = {
        "programacion_muestras.fecha_informe": "Fecha entrada",
        "programacion_muestras.fecha_termino_pruebas": "Fecha termino",
        "programacion_muestras.fecha_emision": "Fecha emisión",
        "programacion_muestras.fecha_entrega_cliente": "Fecha entrega"
    };
    $(document).on('change', '.campo_a_modificar', function() {
        campo_db = $('option:selected', this).val();
        id_programacion_muestra = $(this).data('id_programacion_muestra');
        count_row = $(this).data('count_row');
        // ======================================
// CASO ESPECIAL: INFORME DE RESULTADOS
// ======================================
if (campo_db === 'linea_prueba_reportes.informe_de_resultados') {

    // campo DICE
    let html_dice = `
        <input type="text"
            class="form-control"
            name="informes[${id_programacion_muestra}][modificaciones][${count_row}][dice_input]"
            placeholder="Texto actual"
            required>
    `;

    $('#' + id_programacion_muestra + '_dice_' + count_row).html(html_dice);

    // campo DEBE DECIR
    let html_debe_decir = `
        <input type="text"
            class="form-control"
            name="informes[${id_programacion_muestra}][modificaciones][${count_row}][debe_decir]"
            placeholder="Nuevo texto"
            required>
    `;

    $('#' + id_programacion_muestra + '_debe_decir_td_' + count_row).html(html_debe_decir);

    return;
}
        // ================================
        // CASOS ESPECIALES: CLIENTES
        // ================================
        if (campo_db === 'cliente_factura' || campo_db === 'cliente_informes') {

            $.ajax({
                url: "show_detalles_muestra_validacion",
                method: "POST",
                data: {
                    id_programacion_muestra: id_programacion_muestra,
                    campo_db: campo_db,
                    _token: $('input[name="_token"]').val()
                },
                success: function(response) {

                    let result = typeof response === 'string' ?
                        JSON.parse(response) :
                        response;

                    let resultData = result.data;
                    let facturaActual = resultData.datos_informe.id_cliente_factura;


                    let html_dice = '';
                    let html_debe_decir = '';

                    // -------- CLIENTE FACTURA --------
                    if (campo_db === 'cliente_factura') {

                        let contenedor = '#' + id_programacion_muestra + '_debe_decir_td_' + count_row;

                        // Destruir cualquier select2 anterior (por si venía de cliente informe)
                        $(contenedor).find('select').each(function() {
                            if ($(this).hasClass('select2-hidden-accessible')) {
                                $(this).select2('destroy');
                            }
                        });

                        // Limpiar contenedor
                        $(contenedor).empty();

                        // ============================
                        // DICE
                        // ============================
                        let html_dice = `
        <p>Cliente Factura: <strong>${resultData.datos_informe.empresa_factura ?? ''}</strong></p>
        <p>Contacto con el que se registró el servicio:
           <strong>${resultData.datos_informe.contacto_factura ?? ''}</strong></p>
    `;

                        $('#' + id_programacion_muestra + '_dice_' + count_row).html(html_dice);

                        // ============================
                        // DEBE DECIR
                        // ============================
                        let html_debe_decir = `
<label>Empresa factura</label>
<select
  id="empresa_factura_${id_programacion_muestra}_${count_row}"
  name="informes[${id_programacion_muestra}][modificaciones][${count_row}][empresa_factura]"
  class="form-control">

    <option value="">--Seleccione--</option>
</select>

<label class="mt-2">Contacto</label>
<select
  id="contacto_factura_${id_programacion_muestra}_${count_row}"
  name="informes[${id_programacion_muestra}][modificaciones][${count_row}][contacto_factura]"
  class="form-control">

    <option value="">--Seleccione--</option>
</select>

<input type="hidden"
 id="debe_decir_${id_programacion_muestra}_${count_row}"
 name="informes[${id_programacion_muestra}][modificaciones][${count_row}][debe_decir]">
`;



                        $(contenedor).html(html_debe_decir);

                        let empresaId = '#empresa_factura_' + id_programacion_muestra + '_' + count_row;
                        let contactoId = '#contacto_factura_' + id_programacion_muestra + '_' + count_row;

                        // ============================
                        // SELECT EMPRESA FACTURA
                        // ============================
                        $(empresaId).select2({
                            width: '100%',
                            ajax: {
                                url: 'get_clientes_factura',
                                dataType: 'json',
                                delay: 250,
                                data: params => ({
                                    q: params.term || ''
                                }),
                                processResults: data => data
                            }
                        });



                        // ============================
                        // Cuando cambia empresa → cargar contactos
                        // ============================
                        let rowId = '#' + id_programacion_muestra + '_row_table_informe_' + count_row;

$(empresaId).on('change', async function() {

    let idNuevaFactura = $(this).val();
    if (!idNuevaFactura) return;
    facturaSeleccionadaPorInforme[id_programacion_muestra] = idNuevaFactura;
    let facturaOriginal = facturaActual;

    // Guardar SIEMPRE la nueva factura en la fila
    $(rowId).attr('data-factura_seleccionada', idNuevaFactura);
    $(rowId).data('factura_seleccionada', idNuevaFactura);

    if (idNuevaFactura != facturaOriginal) {

        const confirm = await showConfirmModal(
            "Al cambiar Cliente Factura debe seleccionar también Cliente Informe.",
            "Cambio detectado",
            "Aceptar"
        );

        if (!confirm) {
            $(this).val(facturaOriginal).trigger('change');
            return;
        }

        $('#btnEnviar').prop('disabled', true);

        let nuevoCount = await agregarCampoClienteInforme(id_programacion_muestra, count_row);

if (nuevoCount) {

    let empresaInfSelector =
        '#empresa_informe_' + id_programacion_muestra + '_' + nuevoCount;

    setTimeout(function(){

        if (!$(empresaInfSelector).length) return;

        // Destruir si existe
        if ($(empresaInfSelector).hasClass('select2-hidden-accessible')) {
            $(empresaInfSelector).select2('destroy');
        }

        // Limpiar
        $(empresaInfSelector)
            .empty()
            .append('<option value="">--Seleccione--</option>');

        // REINICIALIZAR select2 con la nueva factura
        $(empresaInfSelector).select2({
            width: '100%',
            ajax: {
                url: 'get_clientes_informe',
                type: 'POST',
                dataType: 'json',
                delay: 250,
                data: function(params) {

                    let facturaNueva =
                        facturaSeleccionadaPorInforme[id_programacion_muestra];

                    let facturaStep1 =
                        $('#select_cliente_factura').val();

                    return {
                        q: params.term || '',
                        id_cliente_factura: facturaNueva || facturaStep1,
                        _token: $('input[name="_token"]').val()
                    };
                },
                processResults: function(data) {
                    return {
                        results: data.clientes_informe ?? data.results ?? data
                    };
                }
            }
        });

    }, 300);
}


    }

    // SIEMPRE cargar contactos (sea igual o diferente)
    if ($(contactoId).hasClass('select2-hidden-accessible')) {
        $(contactoId).select2('destroy');
    }

    $(contactoId)
        .empty()
        .append('<option value="">--Seleccione--</option>');

    $(contactoId).select2({
        width: '100%',
        placeholder: '--Seleccione contacto--',
        ajax: {
            url: BASE_URL + '/get_contactos_cliente_factura',
            type: 'POST',
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return {
                    q: params.term || '',
                    id_cliente_factura: idNuevaFactura,
                    _token: $('input[name="_token"]').val()
                };
            },
            processResults: function (data) {
                return {
                    results: data.results ?? data
                };
            }
        }
    });
});


                        // ===================================
                        // ACTUALIZAR DEBE_DECIR (CLIENTE FACTURA)
                        // ===================================
                        function actualizarDebeDecirFactura() {
                            let empresa = $(empresaId).val();
                            let contacto = $(contactoId).val();

                            let valor = '';
                            if (empresa) valor += 'FACTURA:' + empresa;
                            if (contacto) valor += '|CONTACTO:' + contacto;

                            $('#debe_decir_' + id_programacion_muestra + '_' + count_row).val(valor);
                        }

                        $(empresaId).on('change', actualizarDebeDecirFactura);
                        $(contactoId).on('change', actualizarDebeDecirFactura);



                    }



                    // -------- CLIENTE INFORME --------
                    if (campo_db === 'cliente_informes') {

                        let contenedor = '#' + id_programacion_muestra + '_debe_decir_td_' + count_row;

                        // destruir cualquier select2 viejo
                        $(contenedor).find('select').each(function() {
                            if ($(this).hasClass('select2-hidden-accessible')) {
                                $(this).select2('destroy');
                            }
                        });

                        // limpiar contenedor
                        $(contenedor).empty();

                        // ============================
                        // DICE
                        // ============================
                        let html_dice = `
        <p>Cliente Informe: <strong>${resultData.datos_informe.empresa_informe ?? ''}</strong></p>
        <p>Representante Legal:
           <strong>${resultData.datos_informe.representante_legal ?? ''}</strong></p>
    `;

                        $('#' + id_programacion_muestra + '_dice_' + count_row).html(html_dice);

                        // ============================
                        // DEBE DECIR
                        // ============================
                        let html_debe_decir = `
<label>Empresa informe</label>
<select
  id="empresa_informe_${id_programacion_muestra}_${count_row}"
  name="informes[${id_programacion_muestra}][modificaciones][${count_row}][empresa_informe]"
  class="form-control">
    <option value="">--Seleccione--</option>
</select>

<label class="mt-2">Representante legal</label>
<select
  id="rep_legal_${id_programacion_muestra}_${count_row}"
  name="informes[${id_programacion_muestra}][modificaciones][${count_row}][rep_legal]"
  class="form-control">
    <option value="">--Seleccione--</option>
</select>

<input type="hidden"
 id="debe_decir_${id_programacion_muestra}_${count_row}"
 name="informes[${id_programacion_muestra}][modificaciones][${count_row}][debe_decir]">

`;


                        $(contenedor).html(html_debe_decir);

                        let empresaInf = '#empresa_informe_' + id_programacion_muestra + '_' + count_row;
                        let repInf = '#rep_legal_' + id_programacion_muestra + '_' + count_row;

                        // ============================
                        // SELECT EMPRESA INFORME
                        // ============================
                        let rowId = '#' + id_programacion_muestra + '_row_table_informe_' + count_row;

                $(empresaInf).select2({
    width: '100%',
    ajax: {
        url: 'get_clientes_informe',
        type: 'POST',
        dataType: 'json',
        delay: 250,
        data: function(params) {

    let facturaNueva = facturaSeleccionadaPorInforme[id_programacion_muestra];
    let facturaStep1 = $('#select_cliente_factura').val();
    let facturaOriginal = $(rowId).data('factura-original');

    let facturaFinal = facturaNueva || facturaStep1 || facturaOriginal;

    if (!facturaFinal) {
        console.warn('No hay factura para cargar informes');
        return false;
    }

    return {
        q: params.term || '',
        id_cliente_factura: facturaFinal,
        _token: $('input[name="_token"]').val()
    };
},

        processResults: function(data) {
            return {
                results: data.results
            };
        }
    }
});





                        // ============================
                        // AL CAMBIAR EMPRESA → CARGAR REPRESENTANTES
                        // ============================
                        $(empresaInf).on('change', function() {

    let id = $(this).val();

    if ($(repInf).hasClass('select2-hidden-accessible')) {
        $(repInf).select2('destroy');
    }

    $(repInf)
        .empty()
        .append('<option value="">--Seleccione--</option>');

    if (!id) {
        $(repInf).select2({ width: '100%' });
        return;
    }

    $(repInf).select2({
        width: '100%',
        placeholder: '--Seleccione--',
        ajax: {
            url: 'get_representantes_cliente_informe',
            type: 'POST',
            dataType: 'json',
            delay: 250,
            data: () => ({
                id_cliente_informe: id,
                _token: $('input[name=_token]').val()
            }),
            processResults: data => data
        }
    });
});

                        // ===================================
                        // ACTUALIZAR DEBE_DECIR (CLIENTE INFORME)
                        // ===================================
                        function actualizarDebeDecirInforme() {
                            let empresa = $(empresaInf).val();
                            let rep = $(repInf).val();

                            let valor = '';
                            if (empresa) valor += 'INFORME:' + empresa;
                            if (rep) valor += '|REP:' + rep;

                            $('#debe_decir_' + id_programacion_muestra + '_' + count_row).val(valor);

                            if (empresa && rep) {
                            $('#btnEnviar').prop('disabled', false);
}

                        }

                        $(empresaInf).on('change', actualizarDebeDecirInforme);
                        $(repInf).on('change', actualizarDebeDecirInforme);


                    }

                }
            });
            return;
        }

        // ================================
        // CASOS GENERALES
        arr_campo_db = campo_db.split('.');
        html_input = "";
        html_select = "";
        html_debe_decir = "";
        html_select_analista = "";
        html_select_estado = "";
        html_select_servicio = "";
        $.ajax({
            url: "show_detalles_muestra_validacion",
            method: "POST",
            data: {
                'id_programacion_muestra': id_programacion_muestra,
                'campo_db': campo_db,
                '_token': _token = $('input[name="_token"]').val()
            },
            success: function(response) {

                result = JSON.parse(response);
                resultData = result.data;
                console.log(resultData);
                //PARA CAMPO TECNICOS
                if (campo_db == 'tecnicos.nombre') {
                    html_test = "<p>" + resultData['datos_informe']['nombre'] + " " + resultData['datos_informe']['apaterno'] + "</p>";
                } else {
                    html_test = "<p>" + resultData['datos_informe'][arr_campo_db[1]] + "</p>";
                }
                //alert(campo_db);
                if (campo_db == 'lista_precios_x_servicios.id_servicio') {
                    html_test = "<p>Servicio: " + resultData['datos_informe']['servicio'] + "</p>";
                    html_test += "<p>Producto: " + resultData['datos_informe']['tipo_producto'] + "</p>";
                } else {
                    html_test = "<p>" + resultData['datos_informe'][arr_campo_db[1]] + "</p>";
                }
                if (campo_db == 'programacion_muestras.referencia') {
                    html_test = "<p>" + resultData['datos_informe']['referencia'] + "</p>";
                }
                //PARA CAMPOS DEL INFORME DE RESULTADOS
                if (campo_db == 'linea_prueba_reportes.informe_de_resultados') {
                    html_test = "<input type='text' class='form-control' id='" + id_programacion_muestra + "_dice_input_" + count_row + "' name='informes[" + id_programacion_muestra + "][modificaciones][" + count_row + "][dice_input]' required>";

                }
                //PARA CAMPOS EN GENERAL
                $('#' + id_programacion_muestra + '_dice_' + count_row).html(html_test);
                html_debe_decir = "<input type='text' class='form-control' id='" + id_programacion_muestra + "_debe_decir_" + count_row + "' name='informes[" + id_programacion_muestra + "][modificaciones][" + count_row + "][debe_decir]' required>";
                $('#' + id_programacion_muestra + '_debe_decir_td_' + count_row).html(html_debe_decir);

                //PARA CAMPOS DE TIPO FECHA
                if (campo_db in datos_fecha_validacion) {
                    $('#' + id_programacion_muestra + '_debe_decir_' + count_row).prop('type', 'date');
                } else {
                    $('#' + id_programacion_muestra + '_debe_decir_' + count_row).prop('type', 'text');
                }
                //PARA CAMPOS CON SELECT
                if (campo_db == 'inspeccion_muestras.select_observaciones') {
                    $('#' + id_programacion_muestra + '_debe_decir_' + count_row).remove();
                    html_select = "<select id='" + id_programacion_muestra + "_debe_decir_" + count_row + "' name='informes[" + id_programacion_muestra + "][modificaciones][" + count_row + "][debe_decir]' class='form-control' required><option value='' selected disabled>--Seleccione--</option><option value='NUEVO'>NUEVO</option><option value='REACONDICIONADO'>REACONDICIONADO</option></select>";
                    $('#' + id_programacion_muestra + '_debe_decir_td_' + count_row).html(html_select);
                }
                if (campo_db == 'programacion_muestras.camara_humedad') {
                    $('#' + id_programacion_muestra + '_debe_decir_' + count_row).remove();
                    html_select = "<select id='" + id_programacion_muestra + "_debe_decir_" + count_row + "' name='informes[" + id_programacion_muestra + "][modificaciones][" + count_row + "][debe_decir]' class='form-control' required><option value='' selected disabled>--Seleccione--</option><option value='SAT-079'>SAT-079</option><option value='SAT-001'>SAT-001</option><option value='SAT-303'>SAT-303</option></select>";
                    $('#' + id_programacion_muestra + '_debe_decir_td_' + count_row).html(html_select);
                }
                //PARA CAMPOS CON SELECT
                if (campo_db == 'tecnicos.nombre') {
                    $('#' + id_programacion_muestra + '_debe_decir_' + count_row).remove();
                    html_select_analista = "<select id='" + id_programacion_muestra + "_debe_decir_" + count_row + "' name='informes[" + id_programacion_muestra + "][modificaciones][" + count_row + "][debe_decir]' class='liveSearchJquery form-control' required>";
                    html_select_analista += "<option value='' selected disabled>--Seleccione--</option>";
                    //console.log(value['nombre']);
                    $.each(resultData['datos_analistas'], function(key, value) {
                        html_select_analista += "<option value='" + value['id_tecnico'] + "' >" + value['nombre'] + " " + value['apaterno'] + "</option>";
                        /*console.log(value['id_tecnico']);
                        console.log(value['nombre']);*/
                    });
                    html_select_analista += "</select>";
                    $('#' + id_programacion_muestra + '_debe_decir_td_' + count_row).html(html_select_analista);
                }
                //PARA CAMPOS CON SELECT
                if (campo_db == 'estados.estado') {
                    $('#' + id_programacion_muestra + '_debe_decir_' + count_row).remove();
                    html_select_estado = "<select id='" + id_programacion_muestra + "_debe_decir_" + count_row + "' name='informes[" + id_programacion_muestra + "][modificaciones][" + count_row + "][debe_decir]' class='liveSearchJquery form-control' required>";
                    html_select_estado += "<option value='' selected disabled>--Seleccione--</option>";
                    //console.log(value['nombre']);
                    $.each(resultData['datos_estados'], function(key, value) {
                        html_select_estado += "<option value='" + value['id_estado'] + "' >" + value['estado'] + "</option>";
                    });
                    html_select_estado += "</select>";
                    $('#' + id_programacion_muestra + '_debe_decir_td_' + count_row).html(html_select_estado);
                }

                //PARA CAMPOS CON SELECT
                if (campo_db == 'lista_precios_x_servicios.id_servicio') {
                    $('#' + id_programacion_muestra + '_debe_decir_' + count_row).remove();
                    html_select_servicio = "<p>Servicio:</p>";
                    html_select_servicio += "<select data-count_row='" + count_change + "' data-id_programacion_muestra='" + id_programacion_muestra + "' id='" + id_programacion_muestra + "_debe_decir_servicio_" + count_row + "'  name='informes[" + id_programacion_muestra + "][modificaciones][" + count_row + "][debe_decir_servicio]' class='liveSearchJquery form-control select_servicio' required>";
                    html_select_servicio += "<option value='' selected disabled>--Seleccione--</option>";
                    $.each(resultData['datos_servicios'], function(key, value) {
                        html_select_servicio += "<option value='" + value['id_servicio'] + "' >" + value['servicio'] + "</option>";
                    });
                    html_select_servicio += "</select>";
                    html_select_servicio += "<p></p>";
                    html_select_servicio += "<p>Producto:</p>";
                    html_select_servicio += "<select data-id_programacion_muestra='" + id_programacion_muestra + "' id='" + id_programacion_muestra + "_debe_decir_producto_test_" + count_row + "' name='informes[" + id_programacion_muestra + "][modificaciones][" + count_row + "][debe_decir_producto]' class='liveSearchJquery form-control' required>";
                    html_select_servicio += "<option value='' selected disabled>--Seleccione--</option>";
                    html_select_servicio += "</select>";
                    $('#' + id_programacion_muestra + '_debe_decir_td_' + count_row).html(html_select_servicio);

                    $('#' + id_programacion_muestra + "_debe_decir_servicio_" + count_row).select2({
                        id: '-1',
                        text: "--Seleccione--",
                        placeholder: "--Seleccione--",
                        width: "100%",
                        tags: true,
                    });

                    $('#' + id_programacion_muestra + "_debe_decir_producto_test_" + count_row).select2({
                        id: '-1',
                        text: "--Seleccione--",
                        placeholder: "--Seleccione--",
                        width: "100%",
                        tags: true,
                    });

                }
            }
        });
    });
</script>

<script>
    $(document).on('click', '.delete_informe_tabla_informe', function() {
        id_programacion_muestra = $(this).attr('id');
        $('#row_table_informe_' + id_programacion_muestra).remove();
    });
</script>




<script>
    $('#create_modificaciones_wizzard_modal').on('hidden.bs.modal', function () {

    const $modal = $(this);
    const $form  = $modal.find('form')[0];

    // 1 Resetear inputs normales
    $form.reset();

    // 2 Resetear select2
    $modal.find('.select2-hidden-accessible').each(function () {
        $(this).val(null).trigger('change');
    });

    // 3 Resetear selectpicker
    $modal.find('.selectpicker').each(function () {
        $(this).val('').selectpicker('refresh');
    });

    // 4 Limpiar tablas dinámicas (Step 2)
    $('#div_informes').empty();

    // 5 Limpiar áreas extra (Step 3)
    $('#areas_extra_container').empty();

    // 6 Resetear contadores globales
    count_change = 0;
    count_tbody_informe = 0;

    // 7️ Volver al Step 1 visualmente
    $modal.find('.setup-content').hide();
    $modal.find('#step-1').show();

    $modal.find('.stepwizard-step a')
        .removeClass('btn-primary')
        .addClass('btn-default disabled');

    $modal.find('.stepwizard-step a[href="#step-1"]')
        .removeClass('btn-default disabled')
        .addClass('btn-primary');

});

</script>

<script>
    $(document).ready(function() {

        /* =====================================================
           INIT SELECT2 (STEP 1)
        ===================================================== */
        $('#select_cliente_factura').select2({
            placeholder: '--Seleccione cliente factura--',
            width: '100%'
        });

        $('#select_cliente_informe').select2({
            placeholder: '--Seleccione cliente informe--',
            width: '100%'
        }).prop('disabled', true);


        /* =====================================================
           CLIENTE FACTURA → CLIENTE INFORME
        ===================================================== */
        $(document).on('change', '#select_cliente_factura', function() {

            const idClienteFactura = $(this).val();
            limpiarClienteInforme();
            limpiarTramitadores();

            console.log('Cliente factura seleccionado:', idClienteFactura);
            if (!idClienteFactura) return;

            $.ajax({
                url: 'show_select_clientes_informe',
                type: 'POST',
                data: {
                    id_cliente_factura: idClienteFactura,
                    _token: $('input[name="_token"]').val()
                },
                success: function(response) {

                    console.log('Clientes informe:', response);

                    const clientes = response.clientes_informe || [];
                    const $select = $('#select_cliente_informe');

                    if ($select.hasClass('select2-hidden-accessible')) {
                        $select.select2('destroy');
                    }

                    if (!clientes.length) {
                        $select
                            .empty()
                            .append('<option></option>')
                            .prop('disabled', true);
                        return;
                    }

                    $select
                        .empty()
                        .append('<option></option>')
                        .select2({
                            placeholder: '--Seleccione cliente informe--',
                            width: '100%',
                            data: clientes // AQUÍ ESTÁ LA CLAVE
                        })
                        .prop('disabled', false);
                }
            });
        });



        /* =====================================================
   CLIENTE INFORME → CARGAR TRAMITADORES AUTOMÁTICO
===================================================== */

$(document).on('change', '#select_cliente_informe', function () {

    const idClienteInforme = $(this).val();
    const idClienteFactura = $('#select_cliente_factura').val();

    // Limpiar
    $('#tramitador_nombre').val('');
    $('#id_contacto_modificacion').val('');

    if (!idClienteInforme || !idClienteFactura) return;

    $.ajax({
        url: 'get_tramitadores_modificaciones',
        type: 'POST',
        data: {
            id_cliente_factura: idClienteFactura,
            id_cliente_informe: idClienteInforme,
            _token: $('input[name="_token"]').val()
        },

        success: function (response) {

            const contactos = response.contactos ?? [];

            if (!contactos.length) {
                $('#tramitador_nombre').val('Sin tramitadores asignados');
                return;
            }

            let nombres = [];
            let ids = [];

            contactos.forEach(function (c) {
                nombres.push(c.text);
                ids.push(c.id_cliente_contacto_factura || c.id);
            });

            // Mostrar nombres
            $('#tramitador_nombre').val(nombres.join(', '));

            // Guardar IDs
            $('#id_contacto_modificacion').val(ids.join(','));

        },

        error: function () {
            console.error('Error cargando tramitadores');
        }
    });

});



        /* =====================================================
           HELPERS
        ===================================================== */
        function limpiarClienteInforme() {

            const $select = $('#select_cliente_informe');

            if ($select.hasClass('select2-hidden-accessible')) {
                $select.select2('destroy');
            }

            $select
                .empty()
                .append('<option></option>')
                .select2({
                    placeholder: '--Seleccione cliente informe--',
                    width: '100%'
                })
                .prop('disabled', true);
        }

        function limpiarTramitadores() {
            $('#txt_tramitadores').val('');
        }

    });
</script>

<script>
    function filtrarInformesPorTipo(informes) {

        const tipo = parseInt($('#select_tipo_modificacion').val());

        if (!tipo) return informes;

        return informes.filter(inf => {

            // SOLICITUD (contrato)
            if (tipo === 1) {
                return inf.contrato_enviado == 1;
            }

            // SATMOD (cobranza)
            if (tipo === 2) {
                return inf.informe_enviado == 1;
            }

            // INTERNA
            if (tipo === 3) {
                return true;
            }

            return true;
        });
    }
</script>


<script>

    let informesOriginales = [];
    let informesCache = [];
    $(document).ready(function() {


        /* ==========================================
           CLIENTE INFORME → INFORMES
        ========================================== */
        $(document).on('change', '#select_cliente_informe', function() {

            const idClienteInforme = $(this).val();
            informesCache = [];

            limpiarInformes();

            if (!idClienteInforme) return;

            $.ajax({
                url: 'show_informes_cliente_informe',
                type: 'POST',
                data: {
                    id_cliente_informe: idClienteInforme,
                    id_cliente_factura: $('#select_cliente_factura').val(),
                    _token: $('input[name="_token"]').val()
                },
                success: function(response) {

                    const result = (typeof response === 'string') ?
                        JSON.parse(response) :
                        response;

                    console.log('Informes (parsed):', result);

                    let informes = result.data.informes || [];

                    // GUARDAR ORIGINALES
                    informesOriginales = informes;

                    // FILTRAR SEGÚN TIPO
                    informesCache = filtrarInformesPorTipo(informes);

                    console.log('Informes filtrados:', informesCache);
                }
            });
        });

        /* ==========================================
           AL ENTRAR AL STEP 2
        ========================================== */
        $(document).on('click', 'a[href="#step-2"]', function() {

            if (!informesCache.length) {
                console.warn('No hay informes para cargar');
                return;
            }

            const dataSelect = informesCache.map(i => ({
                id: i.id_programacion_muestra,
                text: i.numero_informe
            }));

            const $select = $('#select_informes');

            if ($select.hasClass('select2-hidden-accessible')) {
                $select.select2('destroy');
            }

            $select
                .empty()
                .append('<option></option>')
                .select2({
                    placeholder: '--Seleccione informe--',
                    width: '100%',
                    data: dataSelect
                });
        });

        /* ==========================================
           HELPERS
        ========================================== */
        function limpiarInformes() {

            const $select = $('#select_informes');

            if ($select.hasClass('select2-hidden-accessible')) {
                $select.select2('destroy');
            }

            $select
                .empty()
                .append('<option></option>')
                .select2({
                    placeholder: '--Seleccione informe--',
                    width: '100%'
                });
        }

    });
</script>



<script>
    $(document).on('change', '.select_servicio', function() {

        id_programacion_muestra = $(this).data('id_programacion_muestra');
        count_row = $(this).data('count_row');
        id_servicio = $("#" + id_programacion_muestra + "_debe_decir_servicio_" + count_row).val();
        $.ajax({
            url: "show_select_servicio",
            method: "POST",
            data: {
                'id_servicio': id_servicio,
                '_token': _token = $('input[name="_token"]').val()
            },
            success: function(response) {

                //alert(response);
                result = JSON.parse(response);
                resultData = result.data;

                console.log(resultData);
                html_option = "";
                html_option += "<select id='" + id_programacion_muestra + "_debe_decir_producto_" + count_row + "' name='" + id_programacion_muestra + "_debe_decir_producto_" + count_row + "' class='liveSearchJquery form-control'>";

                if (resultData.length > 0) {
                    $.each(resultData, function(key, value) {
                        console.log(value);
                        html_option += "<option value=" + value['id_precio'] + ">" + value['tipo_producto'] + "</option>";
                    });
                } else {
                    html_option += "<option selected disabled>--Seleccione--</option>";
                }
                html_option += "</select>";
                //alert("final: "+html_option);
                //677_debe_decir_producto_test_1
                $('#' + id_programacion_muestra + '_debe_decir_producto_test_' + count_row).html(html_option);
                //$('.liveSearchJquery').select2({  width: '100%' });
            },
        });
    });
</script>
<script type="text/javascript">

</script>
<script>
$('#btnEnviar').on('click', function(e){

    e.preventDefault(); // siempre prevenir primero

    let mensaje = '';

    let lineaPrincipal = $('.linea-principal option:selected').val();
    let responsablePrincipal = $('#id_tec_resp option:selected').val();

    if (!lineaPrincipal || lineaPrincipal === "" || lineaPrincipal.length === 0) {
        mensaje = 'Debe seleccionar la Línea de trabajo principal.';
    }
    else if (!responsablePrincipal || responsablePrincipal === "" || responsablePrincipal.length === 0) {
        mensaje = 'Debe seleccionar el Personal responsable.';
    }

    if (mensaje !== '') {

        showConfirmModal(
            mensaje,
            "Campos obligatorios",
            "Aceptar"
        );

        return false;
    }

    // ============================
    // CONSTRUIR ARRAY AREAS
    // ============================
    let areas = [];

    // Principal
    areas.push({
        linea: lineaPrincipal,
        responsable: responsablePrincipal,
        tipo: 'principal'
    });

    // Extras
    $('.area-extra-item').each(function(){

        let linea = $(this).find('.linea-extra').selectpicker('val');
        let responsable = $(this).find('.responsable-extra').selectpicker('val');

        if (linea && responsable) {
            areas.push({
                linea: linea,
                responsable: responsable,
                tipo: 'extra'
            });
        }
    });

    console.log('AREAS CREATE FINAL →', areas);

    $('#array_areas').val(JSON.stringify(areas));

    // Ahora sí enviar
    $(this).closest('form')[0].submit();
});

</script>

<script>
    $(document).on('change', '.checkbox-informe', function() {
        text_informes_cobro = "";
        $("#div_tabla_informes_detalles .checkbox-informe").each(function() {
            numero_informe = $(this).data('numero_informe');
            if ($(this).is(':checked')) {
                text_informes_cobro += "APLICA COBRO: " + numero_informe + "\n";
                $('#nota').val(text_informes_cobro);
            } else {
                $('#nota').val(text_informes_cobro);
            }
        });
    });
</script>
<script>
    $(document).on('change', '#select_cambio', function() {

        html_ad_tec = "";
        if ($(this).val() == "Comunicado laboratorio") {
            html_ad_tec += "<div class='form-row'>";
            html_ad_tec += "<div class='form-group col-md-12 text-left'>";
            html_ad_tec += "<label class='font-weight-bold' for='ad_tec'>AD/TEC</label>";
            html_ad_tec += "<select id='ad_tec' name='ad_tec' class='form-control' required>";
            html_ad_tec += "<option selected disabled>--Seleccione--</option>";
            html_ad_tec += "<option value='Area AD' >Área AD</option>";
            html_ad_tec += "<option value='Area TEC' >Área TEC</option>";
            html_ad_tec += "</select>";
            html_ad_tec += "</div>";
            html_ad_tec += "</div>";
            $('#ad_tec_div').html(html_ad_tec);
        } else {
            $('#ad_tec_div').html(html_ad_tec);
        }
    });
</script>

<script>
    function padWithZeros(number) {
        let numStr = number.toString();
        let totalLength = numStr.length > 4 ? numStr.length + 1 : 4;
        return numStr.padStart(totalLength, '0');
    }
</script>

<script>
    
async function agregarCampoClienteInforme(id_programacion_muestra, indexFactura) {
  // Evitar duplicados de "cliente_informes"
  const $body = $(`#body${id_programacion_muestra}`);
  const yaExiste = $body.find('.campo_a_modificar')
    .toArray()
    .some(el => $(el).val() === 'cliente_informes');
  if (yaExiste) return null;

  // Snapshot de los count_row actuales
  const snapshot = new Set(
    $body.find('.campo_a_modificar').map((i, el) => $(el).data('count_row')).get()
  );

  // Dispara la creación de fila
  $('#add_column' + id_programacion_muestra).click();

  // Espera hasta que aparezca un nuevo select con count_row no presente en el snapshot
  const $nuevoSelect = await esperarNuevoSelectCampoModificar(id_programacion_muestra, snapshot);

  // Configura el campo a modificar como "Cliente Informe" en la fila NUEVA
  $nuevoSelect.val('cliente_informes').trigger('change');

  // Devuelve el count de la fila creada para que puedas inicializar sus selects
  return $nuevoSelect.data('count_row');
}

// Utilidad: espera a que aparezca el nuevo select (polling simple)
function esperarNuevoSelectCampoModificar(id_programacion_muestra, snapshot, timeout = 4000, interval = 60) {
  return new Promise((resolve, reject) => {
    const start = Date.now();
    const check = () => {
      const $sels = $(`#body${id_programacion_muestra} .campo_a_modificar`);
      const found = $sels.toArray().find(el => !snapshot.has($(el).data('count_row')));
      if (found) return resolve($(found));
      if (Date.now() - start > timeout) return reject(new Error('Timeout esperando nueva fila de modificación'));
      setTimeout(check, interval);
    };
    check();
  });
}

</script>

<script>
    function validarModificacionesStep2() {

    let error = '';

    // 1️ Debe existir al menos un informe agregado (tabla creada)
    if ($('#div_informes').children().length === 0) {
        return 'Debe agregar al menos un informe.';
    }

    let hayModificacionValida = false;

    $('#div_informes tbody').each(function () {

        let filas = $(this).find('tr');

        if (filas.length === 0) {
            error = 'Cada informe debe tener al menos un campo a modificar.';
            return false;
        }

        filas.each(function () {

            let campo = $(this).find('.campo_a_modificar').val();

            if (!campo) {
                error = 'Debe seleccionar el campo a modificar.';
                return false;
            }

            let debeDecirInput = $(this).find('input[name*="[debe_decir]"]');
            let debeDecirSelect = $(this).find('select[name*="[debe_decir]"]');

            // Si es INPUT
            if (debeDecirInput.length) {
                if (!debeDecirInput.val() || debeDecirInput.val().trim() === '') {
                    error = 'Debe completar el campo "Debe decir".';
                    return false;
                }
            }

            // Si es SELECT
            if (debeDecirSelect.length) {
                if (!debeDecirSelect.val()) {
                    error = 'Debe seleccionar un valor en "Debe decir".';
                    return false;
                }
            }

            hayModificacionValida = true;
        });

        if (error) return false;
    });

    if (!hayModificacionValida) {
        return 'Debe agregar al menos una modificación válida.';
    }

    return '';
}

</script>
<script>
$(document).ready(function() {

    $(document).on('click', '#btn_modificacion_multiple', function () {

        console.log('click multiple OK');

        let modal = $('#create_modificaciones_multiple_modal');

        modal.find('form')[0].reset();

        // limpiar select2
        modal.find('select').not('#select_tipo_modificacion').val(null).trigger('change');

        // limpiar tipo modificación correctamente
        $('#select_tipo_modificacion').val('');
        $('#select_tipo_modificacion').prop('selectedIndex', 0);

        $('#multiple_body_modificaciones').html('');

        modal.modal('show');
    });

    $('#create_modificaciones_multiple_modal').on('shown.bs.modal', function () {

        readButtonsMultiple('create_modificaciones_multiple_wizzard');

        $('#create_modificaciones_multiple_wizzard .setup-content').hide();
        $('#multiple-step-1').show();

        $('#create_modificaciones_multiple_wizzard .setup-panel a')
            .removeClass('btn-primary')
            .addClass('btn-default disabled');

        $('#create_modificaciones_multiple_wizzard .setup-panel a[href="#multiple-step-1"]')
            .removeClass('disabled')
            .addClass('btn-primary');

        if (!$('#multiple_select_cliente_factura').hasClass("select2-hidden-accessible")) {

            $("#multiple_select_cliente_factura").select2({
                placeholder: "--Seleccione--",
                width: "100%",
                dropdownParent: $('#create_modificaciones_multiple_modal')
            });

            $("#multiple_select_cliente_informe").select2({
                placeholder: "--Seleccione--",
                width: "100%",
                dropdownParent: $('#create_modificaciones_multiple_modal')
            });

            $("#multiple_select_informes").select2({
                placeholder: "--Seleccione informes--",
                width: "100%",
                dropdownParent: $('#create_modificaciones_multiple_modal')
            });

            $(".selectNotSearch").not('#select_tipo_modificacion').select2({
                placeholder: "--Seleccione--",
                width: "100%",
                minimumResultsForSearch: Infinity,
                dropdownParent: $('#create_modificaciones_multiple_modal')
            });
        }

    });

});
</script>
@include('Modificaciones.create_modificaciones_multiple_wizzard')
@include('Modificaciones.send_email_formato_modificacion')
@include('Modificaciones.script_send_email_formato_modificacion')
@include('Modificaciones.edit_modificaciones_wizzard')
@include('Modificaciones.show_evidencias')


@endsection