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

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    @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')
	@if ($permisos->crear == 1)
    <button class="ui button fluid primary create_modal_recibo_muestra">
        <i class="pencil alternate icon"></i> Nuevo ingreso de muestra
    </button>
	@endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <div class="dt-responsive table-responsive">
                <div class="row mb-4">
                    <label for="sort-by-year" 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">
                <tbody>
                </tbody>
            </table>
            </div>
        </div>
    </div>
    @section('columnDefs')
    {
        "targets": [ 0 ],
        "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="">Selecciona un año</option></select>')
        
            .appendTo( $('#sort-by-year') )
            .on( 'change', function () {
                var val = $.fn.dataTable.util.escapeRegex(
                    $(this).val()
                );

                column
                    .search( val ? '^'+val+'$' : '', true, false )
                    .draw();
            } );

        var currentTime = new Date();
        var year = currentTime.getFullYear()
        for(i = 2020; i <= year; i++){
            var isSelected = (i === year) ? 'selected' : '';
            select.append( '<option value="'+i+'" '+isSelected+'>'+i+'</option>' );
        }
    } );
    @endsection
    @section('drawCallback')
    init();
    @endsection
    @section('configOpt')
    processing: true,
    serverSide: true,
    ajax: "{{ Route('getReciboMuestras') }}",
    columns: [
        {title: "Año", data: 'ano', name: 'ano'},
        {title: "No. Informe", data: 'numero_informe', name: 'numero_informe'},
        {title: "Empresa Cliente", data: 'cliente_factura', name: 'cliente_factura'},
        {title: "Empresa Informe", data: 'cliente_informe', name: 'cliente_informe'},
        {title: "Fecha de recibo", data: 'fecha', name: 'fecha'},
        {title: "Muestra", data: 'nombre_muestra', name: 'nombre_muestra'},
        {title: "Marca", data: 'marca', name: 'marca'},
        {title: "Modelo", data: 'modelo', name: 'modelo'},
        {title: "Ingreso desde", data: 'ingreso_desde', name: 'ingreso_desde'},
        {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
    @include('Muestras_ingreso.create_modal')
    <script>

        // INI - NUEVA IMPLEMENTACION PARA COTIZACIONES

        function cargarCotizacionesEdit(idCliente, idCotizacionSeleccionada = null) {
            //console.log("Iniciando cargarCotizacionesEdit para Cliente ID:", idCliente, "Cotización inicial:", idCotizacionSeleccionada);
            
            if (!idCliente) {
                //console.log("No se proporcionó idCliente, vaciando contenedor.");
                $('#cotizacion_edit_container').empty();
                return;
            }

            // Cargamos el fragmento HTML que contiene el <select id="cotizacion_edit">
            const urlCarga = "{{url('ingreso_de_muestras/cotizaciones')}}/" + idCliente;
            //console.log("Cargando URL:", urlCarga);

            $('#cotizacion_edit_container').load(urlCarga, function(response, status, xhr) {
                if (status == "error") {
                    //console.error("Error al cargar cotizaciones:", xhr.status, xhr.statusText);
                    return;
                }

                //console.log("Contenido de cotizaciones cargado con éxito.");
                
                // Buscamos el select dentro del contenedor cargado
                const $select = $(this).find("select");

                // Eliminamos el atributo required
                $select.removeAttr('required').prop('required', false);
                
                // Inicializamos el plugin selectpicker
                $select.selectpicker();

                // Selección automática de la cotización guardada
                if (idCotizacionSeleccionada) {
                    //console.log("Intentando seleccionar la cotización con ID:", idCotizacionSeleccionada);
                    
                    // Usamos el método oficial 'val' del selectpicker para asegurar la selección
                    $select.selectpicker('val', idCotizacionSeleccionada);
                    $select.selectpicker('refresh');
                    
                    //console.log("Valor de cotización actualizado:", $select.val());
                } else {
                    //console.log("No hay cotización previa para seleccionar.");
                }
            });
        }

        // FIN - NUEVA IMPLEMENTACION PARA COTIZACIONES

        var init = function(){
            $('a.edit_recibo').on('click', function(){
                showLoader();
            
                const id_recibo    = $(this).data('id_recibo_muestra');
                const idFacturaRef = $(this).data('id_cliente_factura_ref') || null;
                const idInformeRef = $(this).data('id_cliente_informe_ref') || null;
            
                $.ajax({
                    url:"show_recibo_muestra",
                    method:"POST",
                    dataType: "json",
                    data:{
                        id_recibo: id_recibo,
                        id_cliente_factura: idFacturaRef,
                        id_cliente_informe: idInformeRef,
                        _token: $('input[name="_token"]').val()
                    },
                    success:function(response){
            hideLoader();
            resultData = response.data;

            resultData._refs = {
                id_cliente_factura: idFacturaRef,
                id_cliente_informe: idInformeRef
            };

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

            $('#check_cotizacion').click(function(){
                id_cliente_factura = $('#select_cliente_factura').val();
                if($(this).prop('checked')){
                    $('div#cotizacion').load("{{url('ingreso_de_muestras/cotizaciones')}}/"+id_cliente_factura, function(){
                        $(".selectpicker").selectpicker();
                    });
                }else{
                    $('div#cotizacion').empty();
                }
            });
        }
    </script>
    <script>
        $(document).on('click','.create_modal_recibo_muestra',function(){
            $('#create_modal_recibo').modal('show');
        });
    </script>
    @include('Muestras_ingreso.modify_modal')

    
    <!--Modificar recibo de muestras-->
    <script>
    
        var resultData = {};

        $('#modify_modal_recibo').on('show.bs.modal', function () {


            // INI - NUEVA IMPLEMENTACION PARA COTIZACIONES

            // Verificamos que existan datos antes de procesar
            if (resultData['datos_recibo_muestra']) {
                
                const idCliente = resultData['datos_recibo_muestra']['select_cliente_factura_edit'];
                
                // Usamos el campo 'id_cotizacion'
                const idCotizacion = resultData['datos_recibo_muestra']['id_cotizacion'];

                if (idCliente) {
                    //console.log('Abriendo modal: Cargando cotizaciones para cliente:', idCliente, 'Seleccionando:', idCotizacion);
                    cargarCotizacionesEdit(idCliente, idCotizacion);
                }
            }

            // FIN - NUEVA IMPLEMENTACION PARA COTIZACIONES

            // CLIENTE FACTURA
            let ejemplo = "<select name='id_cliente' id='id_cliente' class='form-control'>";
            $.each(resultData['clientes_por_empresa'], function (key, value_clientes) {
                ejemplo += "<option value='" + value_clientes['id_cliente'] + "'>" +
                    value_clientes['nombre_cliente'] + " " +
                    value_clientes['apaterno_cliente'] + " " +
                    value_clientes['amaterno_cliente'] +
                    "</option>";
            });
            ejemplo += "</select>";
            $('#id_cliente').html(ejemplo);

            if (resultData['datos_recibo_muestra']['flag'] == 1) {

                // CLIENTE INFORME
        let select_cliente_informes = "";

        const listaInformes =
            resultData.clientes_informes ||
            resultData.cliente_informes ||
            [];

        $.each(listaInformes, function (key, value) {
            select_cliente_informes +=
                "<option value='" + value.id_cliente_informe + "' data-subtext='" + value.created_at + "'>" +
                    (value.nombre_cliente_informe || value.nombre_empresa) +
                "</option>";
        });


        $('#select_cliente_informe_edit').selectpicker('destroy');
        $('#select_cliente_informe_edit').html(select_cliente_informes);
        $('#select_cliente_informe_edit').selectpicker();


        // Seleccionar el cliente informe correcto DESPUÉS de que el select esté listo
        const idInforme = resultData['datos_recibo_muestra']['select_cliente_informe_edit'];
        setTimeout(function () {
            $('#select_cliente_informe_edit').selectpicker('val', idInforme);
            $('#select_cliente_informe_edit').selectpicker('refresh');
        }, 50);

        // CONTACTOS (solo inicial, luego se recalcula cuando cambie cliente informe)
        let select_clientes_factura_contactos = "";
        $.each(resultData['clientes_factura_contactos'], function (key, value_clientes) {
            select_clientes_factura_contactos +=
                "<option value='" + value_clientes['id_cliente_contacto_factura'] + "'>" +
                    value_clientes['nombre_contacto'] +
                "</option>";
        });
        $('#select_contacto_factura_edit').html(select_clientes_factura_contactos);
        $('#select_contacto_factura_edit').selectpicker('refresh');

        // DIRECCIÓN
        $('#direccion_cliente_informe_edit').val(resultData.direccion_cliente_informe["direccion"]);

        // RFC
        if (resultData['datos_cliente_factura']) {
            $('#rfc_cliente_factura_edit').val(resultData['datos_cliente_factura']['rfc']);
        }

        // REPRESENTANTES LEGALES
        let select_html_rep_legal_cliente_informe = "";
        $.each(resultData['rep_legal_cliente_informe'], function (key, value_rep) {
            select_html_rep_legal_cliente_informe +=
                "<option value='" + value_rep['id_cliente_rep_legal_informe'] + "'>" +
                    value_rep['representante_legal'] +
                "</option>";
        });
        $('#rep_legal_cliente_informe_edit').html(select_html_rep_legal_cliente_informe);
        $('#rep_legal_cliente_informe_edit').selectpicker('refresh');

    } else {
        $('#select_contacto_factura_edit').html("<option selected disabled>--Seleccione--</option>");
        $('#select_contacto_factura_edit').selectpicker('refresh');
    }

    // Cargar los valores del recibo
    $("#modify_modal_recibo :input").each(function () {
        let input = $(this).attr('id');
        if (input in resultData['datos_recibo_muestra']) {
            $('#modify_modal_recibo #' + input).val(resultData['datos_recibo_muestra'][input]);
            if (input !== 'select_cliente_informe_edit') {
                $('#modify_modal_recibo #' + input)
                    .selectpicker('val', resultData['datos_recibo_muestra'][input]);
            }
        }
    });

});
</script>
    <!--Eliminar recibo de muestras-->
    @include('Muestras_ingreso.delete_modal')
    <script>
        $(document).on('click','.eliminarReciboMuestra',function(){
            var id_recibo=$(this).attr('data-id_recibo_muestra');
            var nombre_completo=$(this).attr('data-nombre_empresa');

            $('#id_recibo_delete').val(id_recibo);
            $('#nombre_empresa_delete').html(nombre_completo);

            $('#delete_modal_recibo_muestra').modal('show');
        });
    </script>
    <!--Duplicar recibo de muestras-->
    @include('Muestras_ingreso.duplicar_modal')
    <script>
        $(document).on('click','.duplicarReciboMuestra',function(){
            var id_recibo=$(this).attr('data-id_recibo_muestra');
            var nombre_completo=$(this).attr('data-nombre_empresa');

            $('#id_recibo_duplicado').val(id_recibo);
            $('#nombre_empresa_duplicado').html(nombre_completo);

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

    <script>
        $("#select_cliente_factura").change(function(){
            var id_cliente_factura = $("#select_cliente_factura").val();
            $('#telefono').val("");
            $('#direccion_cliente_informe').val("");

            //
            $.ajax({
                    url:"show_select_clientes_facturaI",
                    method:"POST",
                    dataType: "json",
                    data:{
                        'id_cliente_factura': id_cliente_factura,
                        '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //console.log('RESPONSE COMPLETO:', response);
                        //console.log('DATA:', response.data);

                        const resultData = response.data ?? response;

                        const clientesInforme =
                            resultData.clientes_informe ??
                            resultData.cliente_informes ??
                            [];

                        if (!Array.isArray(clientesInforme)) {
                            //console.error('clientesInforme no es un arreglo:', clientesInforme);
                        }


                        let html_option = '<option selected disabled>--Seleccione--</option>';

                        if (clientesInforme.length > 0) {
                            html_option = '';
                            clientesInforme.forEach(cliente => {
                                html_option += `
                                    <option value="${cliente.id_cliente_informe}">
                                        ${cliente.nombre_empresa ?? cliente.nombre_cliente_informe}
                                    </option>
                                `;
                            });
                        }

                        $('#select_cliente_informe').html(html_option).selectpicker('refresh');


                        // Al cambiar cliente factura, limpiar contactos
                        $('#select_contacto_factura')
                        .html('<option selected disabled>--Seleccione--</option>')
                        .selectpicker('refresh');

                        html_datos_cliente_factura_rfc = "";
                        if (resultData && resultData.datos_cliente_factura && resultData.datos_cliente_factura.rfc) {
                            html_datos_cliente_factura_rfc += resultData['datos_cliente_factura']['rfc'];
                        }
                        if (resultData?.datos_cliente_factura?.rfc) {
                        $('#rfc_cliente_factura').val(resultData.datos_cliente_factura.rfc).trigger('input').trigger('change');}
                        // $('#rfc_cliente_factura').val(html_datos_cliente_factura_rfc);

                        html_rep_legal_cliente_informe = "<option selected disabled>--Seleccione--</option>";
                        if (resultData && Array.isArray(resultData.rep_legal_cliente_informe) && resultData.rep_legal_cliente_informe.length > 0) {
                            $.each(resultData['rep_legal_cliente_informe'], function(key, value_rep) {
                                html_rep_legal_cliente_informe +="<option value="+value_rep['id_cliente_rep_legal_informe']+">"+value_rep['representante_legal']+"</option>";
                            });
                        }

                        $('#rep_legal_cliente_informe').html(html_rep_legal_cliente_informe);

                        $('#check_cotizacion').removeAttr('disabled');
                        $('#check_cotizacion').prop('checked', false);
                        $('#cotizacion').empty();

                        //console.log(JSON.parse(JSON.stringify(response)));
                    }
                });
        });

        $('#select_contacto_factura').change(function () {
            const id = $(this).val();
            if (!id) return;

            $.ajax({
                method: "POST",
                dataType: "json",
                url: "show_datos_contacto",
                data: {
                    id_cliente_contacto_factura: id,
                    _token: $('input[name="_token"]').val()
                },
                success: function (response) {
                    if (response?.data?.telefono) {
                        $('#telefono').val(response.data.telefono);
                    }
                }
            });
        });

    </script>
    <script>
        $("#select_cliente_factura_edit").change(function(){
            
            var id_cliente_factura = $("#select_cliente_factura_edit").val();
            
            // 1. Cargamos cotizaciones nuevas (sin pre-selección ya que es un cambio manual)
            cargarCotizacionesEdit(id_cliente_factura);
            
            // 2. Petición AJAX para actualizar el resto de los campos (Informes, RFC, Dirección)
            $.ajax({
                url:"show_select_clientes_facturaI",
                method:"POST",
                dataType: "json",
                data:{
                    'id_cliente_factura': id_cliente_factura,
                    '_token': _token = $('input[name="_token"]').val()
                },
                success:function(response){
                    //console.log(response);
                    resultData = response.data;

                    let html_option = "";

                    if (Array.isArray(resultData.clientes_informe) && resultData.clientes_informe.length > 0) {
                        resultData.clientes_informe.forEach(cliente => {
                            html_option += `
                                <option value="${cliente.id_cliente_informe}">
                                    ${cliente.nombre_cliente_informe}
                                </option>
                            `;
                        });
                    } else {
                        html_option += "<option selected disabled>--Seleccione--</option>";
                    }

                    $('#select_cliente_informe_edit').selectpicker('destroy');
                    $('#select_cliente_informe_edit').html(html_option);
                    $('#select_cliente_informe_edit').selectpicker();
                    $(".selectpicker#select_cliente_informe_edit").prop("selectedIndex", -1);

                    const contactosFactura = resultData.tramitadores ?? resultData.contactos_factura ?? [];
                    let html_option_contacto = "<option selected disabled>--Seleccione--</option>";

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

                    $('#select_contacto_factura_edit')
                        .html(html_option_contacto)
                        .selectpicker('refresh')
                        .selectpicker('val', '');

                    $('#telefono_edit').val('');

                    let html_direccion_cliente_informe = resultData.direccion_cliente_informe?.direccion ?? '';
                    $('#direccion_cliente_informe_edit').val(html_direccion_cliente_informe);

                    let html_datos_cliente_factura_rfc = "";
                    if (resultData && resultData.datos_cliente_factura && resultData.datos_cliente_factura.rfc) {
                        html_datos_cliente_factura_rfc = resultData.datos_cliente_factura.rfc;
                    }
                    $('#rfc_cliente_factura_edit').val(html_datos_cliente_factura_rfc);

                    let select_html_rep_legal_cliente_informe = "<option selected disabled>--Seleccione--</option>";
                    if (resultData && Array.isArray(resultData.rep_legal_cliente_informe) && resultData.rep_legal_cliente_informe.length > 0) {
                        $.each(resultData.rep_legal_cliente_informe, function(key, value_rep) {
                            select_html_rep_legal_cliente_informe += "<option value='" + value_rep.id_cliente_rep_legal_informe + "'>" + value_rep.representante_legal + "</option>";
                        });
                    }

                    $('#rep_legal_cliente_informe_edit')
                        .html(select_html_rep_legal_cliente_informe)
                        .selectpicker('refresh')
                        .selectpicker('val', '');
                }
            });
        });

    </script>
    <script>
        $("#select_cliente_informe").change(function(){
            const id_cliente_informe = $(this).val();
            const id_cliente_factura = $('#select_cliente_factura').val() || null;

            $.ajax({
                url: "show_datos_cliente_informeI",
                method: "POST",
                dataType: "json",
                data: {
                    id_cliente_informe,
                    id_cliente_factura: id_cliente_factura,
                    _token: $('input[name="_token"]').val()
                },
                success: function (response) {

                    const data = response.data;

                    //console.log('response completo:', response);
                    //console.log('direccion_cliente_informe:', response?.data?.direccion_cliente_informe);
                    //console.log('direccion:', response?.data?.direccion_cliente_informe?.direccion);

                    // Dirección
                    $('#direccion_cliente_informe').val(
                        data.direccion_cliente_informe?.direccion ?? ''
                    );

                    // Representantes legales
                    let reps = '<option disabled selected>--Seleccione--</option>';
                    if (Array.isArray(data.rep_legal_cliente_informe)) {
                        data.rep_legal_cliente_informe.forEach(r => {
                            reps += `<option value="${r.id_cliente_rep_legal_informe}">
                                ${r.representante_legal}
                            </option>`;
                        });
                    }
                    $('#rep_legal_cliente_informe').html(reps).selectpicker('refresh');

                    // TRAMITADORES DEL CLIENTE INFORME
                    let contactos = '<option disabled selected>--Seleccione--</option>';
                    if (Array.isArray(data.tramitadores)) {
                        data.tramitadores.forEach(t => {
                            contactos += `<option value="${t.id_cliente_contacto_factura}">
                                ${t.nombre_contacto}
                            </option>`;
                        });
                    }

                    $('#select_contacto_factura').html(contactos).selectpicker('refresh');
                }

            });
        });
    </script>
    <script>
        $("#select_cliente_informe_edit").change(function () {
            const id_cliente_informe = $(this).val();

            // Toma la factura seleccionada en el modal; si no hay, usa la ref que guardamos al abrir
            const id_cliente_factura = $('#select_cliente_factura_edit').val()
                || (resultData && resultData._refs && resultData._refs.id_cliente_factura)
                || (resultData && resultData.datos_recibo_muestra && resultData.datos_recibo_muestra.select_cliente_factura_edit)
                || null;

            $.ajax({
                url: "show_datos_cliente_informeI",
                method: "POST",
                dataType: "json",
                data: {
                    id_cliente_informe: id_cliente_informe,
                    id_cliente_factura: id_cliente_factura, // 👈 clave para filtrar tramitadores correctos
                    _token: $('input[name="_token"]').val()
                },
                success: function (response) {
                    const data = response.data;


            // Direccion
            $('#direccion_cliente_informe_edit').val(
                data.direccion_cliente_informe?.direccion ?? ''
            );

            // Representantes legales
            let reps = '<option disabled selected>--Seleccione--</option>';
            if (Array.isArray(data.rep_legal_cliente_informe)) {
                data.rep_legal_cliente_informe.forEach(r => {
                    reps += `<option value="${r.id_cliente_rep_legal_informe}">
                        ${r.representante_legal}
                    </option>`;
                });
            }
            $('#rep_legal_cliente_informe_edit').html(reps).selectpicker('refresh');

            // Tramitadores del cliente informe
            let contactos = '<option disabled selected>--Seleccione--</option>';
            if (Array.isArray(data.tramitadores)) {
                data.tramitadores.forEach(t => {
                    contactos += `<option value="${t.id_cliente_contacto_factura}">
                        ${t.nombre_contacto}
                    </option>`;
                });
            }

            $('#select_contacto_factura_edit')
                .html(contactos)
                .selectpicker('refresh');

            // Limpiar telefono
            $('#telefono_edit').val('');
        }
    });
});

    </script>
    <script src="{{ asset('assets/js/muestras/index.js') }}"></script>
@endsection