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

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    @include('Control_documentos.Notificacion.notificacion_documento_version')
    @include('Modificaciones.notificacion_modificacion')
    @if ($permisos->gerente == 1)
        @include('Modificaciones.notificacion_modificacion_validacion')
    @endif
    @include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')
    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <div class="dt-responsive table-responsive">
                <div class="row mb-4">
                    <label for="apaterno" class="col-sm-1 col-form-label">Año</label>
                    <div id="sort-by-year" class="col-sm-2"></div>
                </div>
                <table id="lang-dt" class="ui celled table unstackable structured" class="display" style="width:100%">
                    <thead>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @include('Validacion.modify_modal')
    @include('Muestras_programacion.send_validacion_modal_programacion')
    @include('Cuentas_Correo_Electronico.delete_modal')
    @section('aaSorting')
    [ 0 , 'desc' ] , [ 9 , 'asc' ] , [ 1 , 'desc' ] , [ 2 , 'desc' ]
    @endsection
    @section('columnDefs')
    {
        "targets": [ 0 ],
        "visible": false
        
    },
    {
        "targets": [ 1 ],
        "visible": false
        
    },
    {
        "targets": [ 2 ],
        "visible": false
    }
    @endsection
    @section('initComplete')
    init();
    this.api().columns(0).every( function () {
        var column = this;
        var select = $('<select class="form-control input-sm" id="ano"><option value=""></option></select>')
            .appendTo( $('#sort-by-year') )
            .on( 'change', function () {
                var val = $.fn.dataTable.util.escapeRegex(
                    $(this).val()
                );

                column
                    .search( val ? '^'+val+'$' : '', true, false )
                    .draw();
            } );
            //console.log(column);
            //column.data().unique().sort().each( function ( d, j ) {
            var currentTime = new Date();
            var year = currentTime.getFullYear()
            for(i = 2020; i <= year; i++){
                select.append( '<option value="'+i+'">'+i+'</option>' );
            }
        //} );
    } );
    @endsection
    @section('drawCallback')
    init();
    @endsection
    @section('configOpt')
    processing: true,
    serverSide: true,
    ajax: "{{ Route('getInformes') }}",
    columns: [
        {title: "Año", data: 'ano', name: 'ano'},
        {title: "Mes", data: 'mes', name: 'mes'},
        {title: "Dia", data: 'dia', name: 'dia'},
        {title: "Fecha programación", data: 'programacion_created_at', name: 'programacion_created_at'},
        {title: "No. Informe", data: 'numero_informe', name: 'numero_informe'},
        {title: "Cliente", data: 'nombre_cliente_informe', name: 'nombre_cliente_informe'},
        {title: "Muestra", data: 'nombre_muestra', name: 'nombre_muestra'},
        {title: "Marca", data: 'marca_muestra', name: 'marca_muestra'},
        {title: "Modelo", data: 'modelo_muestra', name: 'modelo_muestra'},
        {title: "Estatus", data: 'estatus', name: 'estatus'},
        @if ($permisos->gerente == 1)
        {
            title: "Fecha real", 
            data: 'created_at', 
            name: 'created_at',
            visible: true,
            search: false
        },
        @endif
        {title: "Acciones", data: 'buttons', name: 'buttons'},
    ]
    @endsection
    @section('scriptBeforeAjax')
    init();
    @endsection
    <script>
        update_select_contactos = function(contactos){
            html_contactos = "<option selected disabled>--Seleccione--</option>";
            if (contactos.length > 0) {
                $.each(contactos, function(key, value_cliente) {
                    html_contactos +="<option value="+value_cliente['id_cliente_contacto_factura']+">"+value_cliente['nombre_contacto']+"</option>";
                });
            }else{
                html_contactos +="<option selected disabled>--Seleccione--</option>";
            }
            $('#id_cliente_contacto_factura').html(html_contactos);
            $('#id_cliente_contacto_factura.selectpicker').selectpicker('refresh');
        }

        add_input_organismo = function(){
            $('#space_organismo').html(`
                <label for="apaterno" class="col-sm-2 col-form-label">Organismo</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="organismo" name="organismo">
                </div>
            `);
        }
        
        init = function (){
            $('#id_estado').change(function(){
                const id_estado = $('#id_estado').val();
                if(id_estado == 33){
                    $('#otro').html(
                        '<div class="form-group col-md-12">'+
                            '<label class="" for="nombre_estado">Otro Estado</label>'+
                            '<input type="text" class="form-control" placeholder="Estado" id="nombre_estado" name="nombre_estado">'+
                            '<small id="emailHelp" class="form-text text-muted">Por favor de ingresar otro estado</small>'+
                        '</div>'   
                    )
                }else{
                    $('#otro').html('');
                }
            });
            $('a.edit_validacion_informe').on('click', function(){
                showLoader();
                idProgramacionMuestra = $(this).attr('id');
                id_programacion_muestra = $('#'+idProgramacionMuestra).data('id_programacion_muestra');
                $('#id_programacion_muestra_edit').val(id_programacion_muestra);
                $.ajax({
                    url:"show_datos_validacion_informe",
                    method:"POST",
                    data:{'id_programacion_muestra': id_programacion_muestra, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        hideLoader();
                        result = JSON.parse(response); 
                        resultData = result.data;
                        //Verificamos la dirección de cliente informe
                        let datos = resultData.datos_muestra_validacion;console.log(datos);
                        // RESET visual
                        $('#direccion_simple_container').hide();
                        $('#direccion_simple').val('');

                        // Limpia campos detallados
                        $('#calle, #numero_exterior, #numero_interior, #colonia, #cp, #municipio, #pais').val('');

                        // 0 = detallada
                        if (datos.tipo_direccion == 0) {

                            $('#calle').val(datos.calle ?? '');
                            $('#numero_exterior').val(datos.numero_exterior ?? '');
                            $('#numero_interior').val(datos.numero_interior ?? '');
                            $('#colonia').val(datos.colonia ?? '');
                            $('#cp').val(datos.cp ?? '');
                            $('#municipio').val(datos.municipio ?? '');
                            $('#pais').val(datos.pais ?? '');

                            // 1 = simple
                        } else if (datos.tipo_direccion == 1) {

                            $('#direccion_simple_container').show();
                            $('#direccion_simple').val(datos.direccion_informe ?? '');
                        }
                        //
                        $('#modify_validacion_informe_modal').modal('show');
                    },
                    error: function (xhr, status, error) {
                        hideLoader();
                        console.log('xhr',xhr,'status',status,'error',error);
                    }
                });
            });
        }
        
        $('#modify_validacion_informe_modal').on('show.bs.modal', function () {
            try {
                html_option = "";
                if (resultData['clientes_informe'].length > 0) {
                    $.each(resultData['clientes_informe'], function(key, value_cliente) {
                        html_option +="<option value="+value_cliente['id_cliente_informe']+">"+value_cliente['nombre_cliente_informe']+"</option>";
                    });
                }else{
                    html_option +="<option selected disabled>--Seleccione--</option>";
                }
                $('#modify_validacion_informe_modal #id_cliente_informe').html(html_option);

                update_select_contactos(resultData['contactos']);

                if(resultData['datos_muestra_validacion']['num_seguimiento']){
                    add_input_organismo();
                }else{
                    $('#space_organismo').html(``);
                }

                $('#num_seguimiento').keyup(function () {
                    val = $('#num_seguimiento').val();
                    if(val){
                        add_input_organismo();
                    }else{
                        $('#space_organismo').html(``);     
                    }
                    
                });
                            
                if (resultData['datos_productos_servicio']) {
                    html_option = "";
                    html_option += "<select name='id_precio' id='id_precio' class='form-control' required>";
                    if (resultData['datos_productos_servicio'].length > 0) {
                        $.each(resultData['datos_productos_servicio'], function(key, value) {
                            html_option +="<option value="+value['id_precio']+">"+value['tipo_producto']+"</option>";
                        });
                    }else{
                        html_option +="<option selected disabled>--Seleccione--</option>";
                    }
                    html_option += "</select>";
                    $('#producto_segunda_inspeccion').html(html_option);
                }

                if(resultData['datos_muestra_validacion']['id_estado'] == 33){
                    $('#otro').html(
                        '<div class="form-group col-md-12">'+
                            '<label class="" for="nombre_estado">Otro Estado</label>'+
                            '<input type="text" class="form-control" placeholder="Estado" id="nombre_estado" name="nombre_estado">'+
                            '<small id="emailHelp" class="form-text text-muted">Por favor de ingresar otro estado</small>'+
                        '</div>'
                        
                    )
                }else{
                    $('#otro').html('');
                }

                $("#modify_validacion_informe_modal :input").each(function(){
                    
                    input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                    //console.log(this);
                    if(
                        resultData['datos_muestra_validacion'] &&
                        input in resultData['datos_muestra_validacion']
                    ){
                        //console.log(resultData['datos_muestra_validacion']['id_cliente_factura']);
                        if (input != 'id_cliente_informe') {
                            $('#modify_validacion_informe_modal #'+input).val(resultData['datos_muestra_validacion'][input]);
                            $('#modify_validacion_informe_modal #'+input).selectpicker('val', resultData['datos_muestra_validacion'][input]);
                            //$('#modify_validacion_informe_modal #representantes_legales').val(resultData['datos_representante_legal']);

                        }else{
                            $('#modify_validacion_informe_modal #'+input).val(resultData['datos_muestra_validacion'][input]); 
                        }
                    }

                    if(
                        resultData['datos_muestra_validacion_ids'] &&
                        input in resultData['datos_muestra_validacion_ids']
                    ){
                        
                        $('#modify_validacion_informe_modal #'+input).val(resultData['datos_muestra_validacion_ids'][input]);
                        $('#modify_validacion_informe_modal #'+input).selectpicker('val', resultData['datos_muestra_validacion_ids'][input]);
                    }

                    if (resultData['datos_tabla_validacion']) {
                        if(
                            input in resultData['datos_tabla_validacion']
                        ){
                        
                            $('#modify_validacion_informe_modal #'+input).val(resultData['datos_tabla_validacion'][input]);
                            $('#modify_validacion_informe_modal #'+input).selectpicker('val', resultData['datos_tabla_validacion'][input]);
                        }
                    }
                });

                $('#modify_validacion_informe_modal #observaciones_informe').val(resultData['datos_muestra']['observaciones']);
                //---
                if (resultData['datos_representante_legal']) {
                    html = "";

                    html += "<label>Representante</label>";
                    html += "<select name='id_cliente_rep_legal_informe_edit' id='id_cliente_rep_legal_informe_edit' class='form-control' required>";
                    //html += "<option >--"+ resultData['select_datos_representante_legal']['select_datos_representante_legal'] +"--</option>";
                    $.each(resultData['datos_representante_legal'], function(key, value) {                    
                        
                        //html += "<input type='text' class='form-control' id='representante_legal_"+value['id_cliente_rep_legal_informe']+"' name='representante_legal_"+value['id_cliente_rep_legal_informe']+"' value='"+value['representante_legal']+"'>";                    
                        html += "<option value='" + value['id_cliente_rep_legal_informe'] + "'";
                        html += (value['id_cliente_rep_legal_informe'] == resultData['select_datos_representante_legal']['select_datos_representante_legal']) ? " selected" : "";
                        html += ">" + value['representante_legal'] + "</option>";
                        //html += "<br>";              
                    });
                    html += "</select>";
                    
                    $('#input_representante_legal').html(html);
                    
                }
            } catch (error) {
                console.log(error);
            }
        });
        
    </script>
    
    <script>
        $("#id_servicio").change(function(){
            var id_servicio = $("#id_servicio").val();
            //alert(id_servicio);
            //console.log(id_empresa);
            $.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;
                        
                        html_option = "";
                        html_option += "<select name='id_precio' id='id_precio' class='form-control' required>";
                        if (resultData.length > 0) {
                            $.each(resultData, function(key, value_cliente) {
                                html_option +="<option value="+value_cliente['id_precio']+">"+value_cliente['tipo_producto']+"</option>";
                            });
                        }else{
                            html_option +="<option selected disabled>--Seleccione--</option>";
                        }
                        html_option += "</select>";
                        $('#producto_segunda_inspeccion').html(html_option);

                    },
                });
            });
    </script>
    
    <script>
        $(document).on('click','.send_muestra_to_validacion',function(){
            //alert('delete');
            var id_programacion=$(this).attr('data-id_programacion_muestra');
            var nombre_muestra=$(this).attr('data-nombre_muestra');
            //console.log(id_programacion);
            
            $('#id_programacion_send').val(id_programacion);
            $('#nombre_muestra_send').html(nombre_muestra);

            $('#send_validacion_modal_programacion').modal('show');
            
            $('#send_to_validacion_form').click(function(){
                //alert("hola");

                $.ajax({
                    url:"show_datos_muestra_validacion",
                    method:"POST",
                    data:{'id_programacion_muestra': id_programacion, '_token': _token = $('input[name="_token"]').val()},
                    
                        success : function(response){
                            result = JSON.parse(response); 
                            resultData = result.data;
                            //console.log(resultData);
                            id_programacion_muestra = id_programacion;
                            //Informe
                            numero_informe = "";
                            if (resultData['numero_informe'] != null) {
                                numero_informe += resultData['numero_informe'];
                            }
                            fecha_ingreso = "";
                            if (resultData['fecha_entrada'] != null) {
                                fecha_ingreso += resultData['fecha_entrada'];
                            }
                            fecha_termino_emision_informe = "";
                            if (resultData['fecha_termino'] != null) {
                                fecha_termino_emision_informe += resultData['fecha_termino'];
                            }
                            fecha_emision = "";
                            if (resultData['fecha_emision'] != null) {
                                fecha_emision += resultData['fecha_emision'];
                            }
                            cliente = "";
                            if (resultData['razon_social'] != null) {
                                cliente += resultData['razon_social'];
                            }
                            direccion_cliente = "";
                            if (resultData['calle'] != null) {
                                direccion_cliente += resultData['calle']+" ";
                            }
                            if (resultData['numero_exterior'] != null) {
                                direccion_cliente += resultData['numero_exterior']+" ";
                            }
                            if (resultData['numero_interior'] != null) {
                                direccion_cliente += resultData['numero_interior']+" ";
                            }
                            if (resultData['colonia'] != null) {
                                direccion_cliente += resultData['colonia']+" ";
                            }
                            
                            if (resultData['cp'] != null) {
                                direccion_cliente += " C.P. "+resultData['cp']+" ";
                            }
                            if (resultData['municipio'] != null) {
                                direccion_cliente += resultData['municipio']+" ";
                            }
                            if (resultData['estado'] != null) {
                                direccion_cliente += resultData['estado']+" ";
                            }
                            
                            //direccion_cliente = resultData['colonia']+" "+resultData['calle']+" "+resultData['numero_exterior']+" "+resultData['numero_interior']+" "+resultData['municipio'];
                            contacto = "";
                            if (resultData['representantes_legales'] != null) {
                                contacto += resultData['representantes_legales'];
                            }

                            muestra = "";
                            if (resultData['muestra'] != null) {
                                muestra += resultData['muestra'];
                            }
                            marca = "";
                            if (resultData['marca'] != null) {
                                marca += resultData['marca'];
                            }
                            modelo = "";
                            if (resultData['modelo'] != null) {
                                modelo += resultData['modelo'];
                            }
                            numero_de_serie = "";
                            if (resultData['numero_de_serie'] != null) {
                                numero_de_serie += resultData['numero_de_serie'];
                            }

                            categoria_del_producto = "";
                            if (resultData['categoria_del_producto'] != null) {
                                categoria_del_producto += resultData['categoria_del_producto'];
                            }
                            cambios_o_modificaciones_informe = "";
                            if (resultData['cambios_o_modificaciones_informe'] != null) {
                                cambios_o_modificaciones_informe += resultData['cambios_o_modificaciones_informe'];
                            }
                            cambios_o_modificaciones_pruebas = "";
                            if (resultData['cambios_o_modificaciones_pruebas'] != null) {
                                cambios_o_modificaciones_pruebas += resultData['cambios_o_modificaciones_pruebas'];
                            }
                            observaciones_informe = "";
                            if (resultData['observaciones_informe'] != null) {
                                observaciones_informe += resultData['observaciones_informe'];
                            }
                            observaciones_pruebas = "";
                            if (resultData['observaciones_pruebas'] != null) {
                                observaciones_pruebas += resultData['observaciones_pruebas'];
                            }
                            observaciones_general = "";
                            if (resultData['observaciones_general'] != null) {
                                observaciones_general += resultData['observaciones_general'];
                            }
                            consta_de_muestra = "";
                            if (resultData['consta_de_muestra'] != null) {
                                consta_de_muestra += resultData['consta_de_muestra'];
                            }
               
                            grafica = "";
                            if (resultData['grafica_fecha'] != null) {
                                grafica += resultData['grafica_fecha'];
                            }
                            grafica_2 = "";
                            if (resultData['grafica_fecha_2'] != null) {
                                grafica_2 += resultData['grafica_fecha_2'];
                            }
                            asignado_a = "";
                            if (resultData['nombre_tecnico'] != null) {
                                asignado_a += resultData['nombre_tecnico']+" ";
                            }
                            if (resultData['apaterno_tecnico'] != null) {
                                asignado_a += resultData['apaterno_tecnico'];
                            }
                            fecha_entrega = "";
                            if (resultData['fecha_entrega_cliente'] != null) {
                                fecha_entrega += resultData['fecha_entrega_cliente'];
                            }

                            
                            
                            //cambios_o_modificaciones_pruebas
                            numero_de_muestras = "";
                            if (resultData['cantidad'] != null) {
                                numero_de_muestras += resultData['cantidad'];
                            }
                            
                            referencia = "";
                            if (resultData['referencia'] != null) {
                                referencia += resultData['referencia'];
                            }
                            norma = "";
                            if (resultData['norma'] != null) {
                                norma += resultData['norma'];
                            }
                            aplica_extrabaja = "";
                            if (resultData['caracteristicas_del_producto'] != null) {
                                aplica_extrabaja += resultData['caracteristicas_del_producto'];
                            }
                            /*
                            
                            aplica_seguimiento
                            */

                            //Informativos
                            fecha_real_entrada = "";
                            if (resultData['fecha_real_entrada'] != null) {
                                fecha_real_entrada += resultData['fecha_real_entrada'];
                            }
                  
                            
                            $.ajax({
                                url:"https://validacion.seatsa.com.mx/api/informes",
                                method:"POST",
                                data:{
                                    'id_programacion_muestra': id_programacion_muestra,
                                    //Informe
                                    'numero_informe': numero_informe,

                                    'fecha_ingreso': fecha_ingreso,
                                    'fecha_termino_emision_informe': fecha_termino_emision_informe,
                                    'fecha_emision': fecha_emision,
                                    
                                    'cliente': cliente,
                                    'direccion_cliente': direccion_cliente,
                                    'contacto': contacto,

                                    'muestra': muestra,
                                    'marca': marca,
                                    'modelo': modelo,
                                    'numero_de_serie': numero_de_serie,

                                    'categoria_del_producto': categoria_del_producto,
                                    'cambios_o_modificaciones_pruebas': cambios_o_modificaciones_pruebas,
                                    'cambios_o_modificaciones_informe': cambios_o_modificaciones_informe,
                                    'observaciones_informe': observaciones_informe,
                                    'observaciones_pruebas': observaciones_pruebas,
                                    'observaciones_general': observaciones_general,
                                    'consta_de_muestra': consta_de_muestra,

                                    'grafica': grafica,
                                    'grafica_2': grafica_2,
                                    'asignado_a': asignado_a,
                                    'norma': norma,
                                    'fecha_entrega': fecha_entrega,
                                    'aplica_extrabaja': aplica_extrabaja,
                                    
                                    
                                    'fecha_real_entrada': fecha_real_entrada,
                                    'numero_de_muestras': numero_de_muestras,
                                    'referencia': referencia,
                                    //Informativos
                                    '_token': _token = $('input[name="_token"]').val()
                                    
                                },
                                    success : function(response){
                                        
                                        $.ajax({
                                            url:"update_estatus_validacion",
                                            method:"POST",
                                            data:{'id_programacion_muestra': id_programacion, '_token': _token = $('input[name="_token"]').val()},
                                                success : function(response){
                                                    
                                                    $('#send_validacion_modal_programacion').modal('hide');
                                                    location.reload();
                                                    
                                                },
                                                error: function(error){
                                                    //codigo error
                                                }
                                        });
                                    },
                                    error: function(error){
                                        //codigo error
                                    }
                            });
                        },
                        error: function(error){
                            //codigo error
                        }
                });
            });
        });
    </script>
    
    <script>
        $(document).on('click','.eliminarCuentaCorreo',function(){
            var id_cuenta_correo_electronico=$(this).attr('data-id_cuenta_correo_electronico');
            var correo_electronico=$(this).attr('data-correo_electronico');
           
            $('#id_cuenta_correo_electronico_delete').val(id_cuenta_correo_electronico);
            $('#correo_electronico_delete').html(correo_electronico);

            $('#delete_cuenta_correo_modal').modal('show'); 
        });
    </script>
    <!-- <script>
        $("#id_cliente_informe").change(function(){
            var id_cliente_informe = $("#id_cliente_informe").val();
            direcion_cliente_informe(id_cliente_informe);
        });

        function direcion_cliente_informe(id_cliente_informe){
            $.ajax({
                url: "show_datos_cliente_informe",
                method: "POST",
                dataType: "json",
                data: {
                    id_cliente_informe: id_cliente_informe,
                    id_cliente_factura: $('#id_cliente_factura').val(),
                    _token: $('input[name="_token"]').val()
                },
                success: function(response){
                    const resultData = response.data || {};

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

                        if (resultData['direccion_cliente_informe'] && input in resultData['direccion_cliente_informe']) {
                            if (input != 'id_cliente_informe' && input != 'direccion') {
                                $('#modify_validacion_informe_modal #' + input).val(resultData['direccion_cliente_informe'][input]);
                                $('#modify_validacion_informe_modal #' + input).selectpicker('val', resultData['direccion_cliente_informe'][input]);
                            }
                        }
                    });

                    if (resultData['direccion_cliente_informe']) {
                        $('#modify_validacion_informe_modal #razon_social').val(resultData['direccion_cliente_informe']['nombre_cliente_informe'] ?? '');
                        $('#modify_validacion_informe_modal #municipio').val(resultData['direccion_cliente_informe']['delegacion'] ?? '');
                    }

                    if (Array.isArray(resultData['rep_legal_cliente_informe'])) {
                        let html = "";
                        $.each(resultData['rep_legal_cliente_informe'], function(key, value) {
                            html += "<label>Representante</label>";
                            html += "<input type='text' class='form-control' id='representante_legal_" + value.id_cliente_rep_legal_informe + "' name='representante_legal_" + value.id_cliente_rep_legal_informe + "' value='" + value.representante_legal + "'>";
                            html += "<br>";
                        });
                        $('#input_representante_legal').html(html);
                    } else {
                        $('#input_representante_legal').html('');
                    }

                    const contactos = resultData.contactos ?? resultData.contactos_factura ?? resultData.tramitadores ?? [];
                    let html_contactos = "<option value='' disabled selected>--Seleccione--</option>";

                    if (Array.isArray(contactos) && contactos.length > 0) {
                        $.each(contactos, function(key, value_cliente) {
                            html_contactos += "<option value='" + value_cliente.id_cliente_contacto_factura + "'>" + value_cliente.nombre_contacto + "</option>";
                        });
                    }

                    $('#modify_validacion_informe_modal #id_cliente_contacto_factura')
                        .html(html_contactos)
                        .selectpicker('refresh');
                }
            });
        }
    </script> -->
    <script>
        $("#id_cliente_factura").change(function () {
            var id_cliente_factura = $("#id_cliente_factura").val();
            opciones_cliente_informe(id_cliente_factura);
        });

        function opciones_cliente_informe(id_cliente_factura){
            $.ajax({
                url: "show_select_clientes_validacion",
                method: "POST",
                dataType: "json",
                data: {
                    id_cliente_factura: id_cliente_factura,
                    _token: $('input[name="_token"]').val()
                },
                success: function(response){
                    const resultData = response.data || {};

                    let html_option = "";
                    let id_cliente_informe = "";

                    if (Array.isArray(resultData.clientes_informe) && resultData.clientes_informe.length > 0) {
                        $.each(resultData.clientes_informe, function(key, value_cliente) {
                            html_option += "<option value='" + value_cliente.id_cliente_informe + "'>" + value_cliente.nombre_cliente_informe + "</option>";
                            if (!id_cliente_informe) {
                                id_cliente_informe = value_cliente.id_cliente_informe;
                            }
                        });
                    } else {
                        html_option = "<option selected disabled>--Seleccione--</option>";
                    }

                    $('#modify_validacion_informe_modal #id_cliente_informe').html(html_option);

                    const contactos = resultData.contactos ?? [];
                    let html_contactos = "<option value='' disabled selected>--Seleccione--</option>";

                    if (Array.isArray(contactos) && contactos.length > 0) {
                        $.each(contactos, function(key, value_cliente) {
                            html_contactos += "<option value='" + value_cliente.id_cliente_contacto_factura + "'>" + value_cliente.nombre_contacto + "</option>";
                        });
                    }

                    $('#modify_validacion_informe_modal #id_cliente_contacto_factura')
                        .html(html_contactos)
                        .selectpicker('refresh');

                    $('#modify_validacion_informe_modal #rfc').val(resultData.datos_cliente_factura?.rfc ?? '');
                    $('#modify_validacion_informe_modal #direccion').val(resultData.datos_cliente_factura?.direccion ?? '');

                    let htmlRep = "";
                    if (Array.isArray(resultData.rep_legal_cliente_informe)) {
                        $.each(resultData.rep_legal_cliente_informe, function(key, value) {
                            htmlRep += "<label>Representante</label>";
                            htmlRep += "<input type='text' class='form-control' id='representante_legal_" + value.id_cliente_rep_legal_informe + "' name='representante_legal_" + value.id_cliente_rep_legal_informe + "' value='" + value.representante_legal + "'>";
                            htmlRep += "<br>";
                        });
                    }
                    $('#input_representante_legal').html(htmlRep);

                    if (id_cliente_informe) {
                        $('#modify_validacion_informe_modal #id_cliente_informe').val(id_cliente_informe);
                        direcion_cliente_informe(id_cliente_informe);
                    }
                }
            });
        }
    </script>
    <script>
       $("#id_cliente_informe").change(function(){
            var id_cliente_informe = $("#id_cliente_informe").val();
            direcion_cliente_informe(id_cliente_informe);
        });

        function direcion_cliente_informe(id_cliente_informe){
            $.ajax({
                url: "show_datos_cliente_informe",
                method: "POST",
                dataType: "json",
                data: {
                    id_cliente_informe: id_cliente_informe,
                    id_cliente_factura: $('#id_cliente_factura').val(),
                    _token: $('input[name="_token"]').val()
                },
                success: function(response){
                    const resultData = response.data || {};
                    const info = resultData.cliente_informe || {};

                    $('#modify_validacion_informe_modal #razon_social').val(info.nombre_empresa ?? '');
                    $('#modify_validacion_informe_modal #calle').val(info.calle ?? '');
                    $('#modify_validacion_informe_modal #numero_exterior').val(info.numero_exterior ?? '');
                    $('#modify_validacion_informe_modal #numero_interior').val(info.numero_interior ?? '');
                    $('#modify_validacion_informe_modal #cp').val(info.codigo_postal ?? '');
                    $('#modify_validacion_informe_modal #colonia').val(info.colonia ?? '');
                    $('#modify_validacion_informe_modal #municipio').val(info.delegacion ?? '');
                    $('#modify_validacion_informe_modal #pais').val(info.pais ?? '');

                    if (info.id_estado) {
                        $('#modify_validacion_informe_modal #id_estado').selectpicker('val', info.id_estado);
                    }

                    const contactos = resultData.contactos ?? [];
                    let html_contactos = "<option value='' disabled selected>--Seleccione--</option>";

                    if (Array.isArray(contactos) && contactos.length > 0) {
                        $.each(contactos, function(key, value_cliente) {
                            html_contactos += "<option value='" + value_cliente.id_cliente_contacto_factura + "'>" + value_cliente.nombre_contacto + "</option>";
                        });
                    }

                    $('#modify_validacion_informe_modal #id_cliente_contacto_factura')
                        .html(html_contactos)
                        .selectpicker('refresh');

                    let htmlRep = "";
                    if (Array.isArray(resultData.rep_legal_cliente_informe)) {
                        $.each(resultData.rep_legal_cliente_informe, function(key, value) {
                            htmlRep += "<label>Representante</label>";
                            htmlRep += "<input type='text' class='form-control' id='representante_legal_" + value.id_cliente_rep_legal_informe + "' name='representante_legal_" + value.id_cliente_rep_legal_informe + "' value='" + value.representante_legal + "'>";
                            htmlRep += "<br>";
                        });
                    }
                    $('#input_representante_legal').html(htmlRep);
                }
            });
        }
    </script>
   
@endsection