@extends('fragments.fullTemplate')
@php
 //dd(get_defined_vars());
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
    
    $count_estatus = 0;

@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Muestras</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Almacen de muestras</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Aprobados</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    <div class="form-group row">
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="empresa" class="">Empresa</label>
            
            @if ($flag != 0)
                @if ($cliente_informe != NULL)
                    <!--<p>{{$datos_cliente_informe->nombre_empresa}}</p>-->
                    <p>{{$cliente_informe}}</p>
                @endif  
            @endif
        </div>
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="quien_entrega" class="">Quién entrega</label>
            @if ($datos_recibo_muestra != NULL)
                <p>{{$datos_recibo_muestra->quien_entrego}}</p>
            @endif
        </div>
        <div class="form-group col-md-4">
            <label class="font-weight-bold" for="fecha_recibo" class="">Fecha de recibo</label>
            
            @if ($datos_recibo_muestra->fecha_recibo)
            <p>{{date("d-m-Y",strtotime($datos_recibo_muestra->fecha_recibo))}}</p>
            @endif
        </div>
    </div> 
    @include('Muestras_almacen.almacen_modal_notificacion')
    <div class="ui divider"></div>
    @if($permisos->crear == 1)
    <button class="ui button fluid blue create_notificacion">
        <i class="send alternate icon"></i> Crear notificación
    </button>  
    <button class="ui button fluid primary create_almacen_modal mt-2">
        <i class="pencil alternate icon"></i> Nuevo registro de almacén
    </button>  
    @endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{ $muestras_almacen->count() }}</strong> resultados en esta página</p>
            <table class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>No. Informe</th>
                        <th>Norma</th>
                        <th>Muestra</th>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>Cantidad</th>
                        <th>Analista</th>
                        <th>Zona almacén</th>
                        <th class="text-center collapsing">Estatus almacén</th>
                        <th class="text-center collapsing">Estatus devolución</th>
                        <th class="collapsing">Estatus Pago</th>
                        <th class="collapsing">Acciones</th>
                        <th class="collapsing">Control de muestras</th>
                        <th class="collapsing">Mini etiqueta identificación</th>
                        <th class="collapsing">Devolución</th>
                    </tr>
                </thead>
                <tbody>
                    @if($muestras_almacen->count())
                    @foreach ($muestras_almacen as $muestra_almacen)
                        <tr>
                            <td>{{ $muestra_almacen->folio_programacion }}</td>
                            <td>{{$muestra_almacen->nombre_norma }}</td>
                            <td>{{ $muestra_almacen->nombre }}</td>
                            <td>{{ $muestra_almacen->marca }}</td>
                            <td>{{ $muestra_almacen->modelo }}</td>
                            <td>{{ $muestra_almacen->cantidad }}</td>
                            <td>{{ $muestra_almacen->nombre_tecnico }} {{ $muestra_almacen->apaterno_tecnico }} {{ $muestra_almacen->amaterno_tecnico }}</td>
                            <td>{{ $muestra_almacen->zona_almacen }}</td>
                            @switch($muestra_almacen->estatus)
                                @case('Muestra destruida')
                                    <td class="text-center ">
                                        <span class="btn btn-danger">{{ $muestra_almacen->estatus }}</span>
                                    </td>
                                    @break
                                
                                @default
                                <td class="text-center ">
                                    <span class="btn btn-primary">{{ $muestra_almacen->estatus }}</span>
                                </td>
                            @endswitch
                            <td class="text-center">
                                @php
                                    $estatusDev = $muestra_almacen->estatus_devolucion_general;
                                @endphp

                                @if ($estatusDev === 'Devuelta')
                                    <span class="ui green label">DEVUELTA</span>

                                @elseif ($estatusDev === 'No devuelta')
                                    <span class="ui yellow label">NO DEVUELTA</span>

                                @else
                                    <span class="ui grey label">SIN REGISTRO</span>
                                @endif
                            </td>
                            <td class="text-center">
                                @switch($muestra_almacen->estatus_pago)
                                    @case('Pagado')
                                        <span class="ui green label">PAGADO</span>
                                        @break

                                    @case('Sin pago')
                                        <span class="ui red label">SIN PAGO</span>
                                        @break

                                    @default
                                        <span class="ui grey label">N/A</span>
                                @endswitch
                            </td>    
                            <td class="text-center ">
                                <div class="ui tiny icon buttons">
                                    <!-- Editar -->                   
                                    @if ($permisos->actualizar == 1)
                                    <a class="ui button green edit_almacen_muestra" 
                                       title="Modifica" 
                                       id="almacen_muestra_{{$muestra_almacen->id_almacen_muestra}}"
                                       
                                       data-id_almacen_muestra="{{$muestra_almacen->id_almacen_muestra}}">
                                        <i class="pencil icon"></i>
                                    </a>
                                    @endif               
                                    @if ($permisos->eliminar == 1)
                                    <button class="ui button red del_almacen_muestra" data-id_almacen_muestra="{{$muestra_almacen->id_almacen_muestra}}" data-nombre_muestra="{{$muestra_almacen->nombre." ".$muestra_almacen->marca." ".$muestra_almacen->modelo}}">
                                        <i class="trash alternate icon"></i>
                                    </button>   
                                    @endif
                                </div>
                            </td>
                            <td class="text-center ">
                                <div class="ui tiny icon buttons">
                                    <form action="{{url('almacen_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/formato_etiqueta_muestra_almacen_pdf')}}" target="_blank" method="post">
                                        {{csrf_field()}}
                                        <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_recibo_muestra->id_recibo_muestra}}">
                                        <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$muestra_almacen->id_inspeccion_muestra}}">
                                        
                                        <input type="hidden" name="id_programacion_muestra_pdf" id="id_programacion_muestra_pdf" value="{{$muestra_almacen->id_programacion_muestra}}">
                                        
                                        <button id="etiqueta_id_almacen_muestra_{{$muestra_almacen->id_almacen_muestra}}" class="ui button green" 
                                        title="Descargar etiqueta" 
                                        type="submit">
                                            <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                            <i class="download icon"></i>  
                                        </button>
                                    </form>
                                    
                                </div>
                            </td>
                            <td class="text-center ">
                                <div class="ui tiny icon buttons">
                                    <form action="{{url('almacen_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/formato_mini_etiqueta_identificacion_muestra_almacen_pdf')}}" target="_blank" method="post">
                                        {{csrf_field()}}
                                        <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_recibo_muestra->id_recibo_muestra}}">
                                        <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$muestra_almacen->id_inspeccion_muestra}}">
                                        
                                        <input type="hidden" name="id_programacion_muestra_pdf" id="id_programacion_muestra_pdf" value="{{$muestra_almacen->id_programacion_muestra}}">
                                        
                                        <button id="mini_etiqueta_identificacion_id_almacen_muestra_{{$muestra_almacen->id_almacen_muestra}}" class="ui button green" 
                                        title="Descargar etiqueta de identificación" 
                                        type="submit">
                                            <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                            <i class="download icon"></i>  
                                        </button>
                                    </form>
                                    
                                </div>
                            </td>
                            <td class="text-center ">
                                <div class="ui tiny icon buttons">
                                    <form action="{{url('almacen_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/formato_devolucion_muestra_almacen_pdf')}}" target="_blank" method="post">
                                        {{csrf_field()}}
                                        <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_recibo_muestra->id_recibo_muestra}}">
                                        <input type="hidden" name="id_inspeccion_muestra_pdf" id="id_inspeccion_muestra_pdf" value="{{$muestra_almacen->id_inspeccion_muestra}}">

                                        <input type="hidden" name="id_programacion_muestra_pdf" id="id_programacion_muestra_pdf" value="{{$muestra_almacen->id_programacion_muestra}}">
                                        <input type="hidden" name="id_almacen_muestra_pdf" id="id_almacen_muestra_pdf" value="{{$muestra_almacen->id_almacen_muestra}}">
                                        {{-- Firma autorización --}}
                                        @if ($muestra_almacen->firma_dev)
                                            <input type="hidden" name="firma_autorizo" value="{{ $muestra_almacen->firma_dev }}">
                                            <input type="hidden" name="nombre_autorizo"
                                                value="{{ $muestra_almacen->nombre_dev }} {{ $muestra_almacen->apellidos_dev }}">
                                        @endif
                                        {{-- Firma salida --}}
                                        @if ($muestra_almacen->firma_sal)
                                            <input type="hidden" name="firma_salida" value="{{ $muestra_almacen->firma_sal }}">
                                            <input type="hidden" name="nombre_salida"
                                                value="{{ $muestra_almacen->nombre_sal }} {{ $muestra_almacen->apellidos_sal }}">
                                        @endif
                                        <button id="devolucion_id_almacen_muestra_{{$muestra_almacen->id_almacen_muestra}}" class="ui button green
                                        {{--@if ($muestras_almacen->estatus != 'verde')--}}
                                        
                                        {{--@endif--}}
                                        " 
                                        title="Descargar formato de devolución" 
                                        type="submit">
                                            <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                                            <i class="download icon"></i>  
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td class="text-center" colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
           {{$muestras_almacen->links("pagination::bootstrap-4")}}
        </div>
        <div class="ui divider"></div>
        @if ($muestras_almacen->count() >= 2 && $count_estatus >= 2)
        <div class="form-group">
            <form action="{{url('almacen_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/devolucion_de_muestras_general_pdf')}}" method="post">
                {{csrf_field()}}
                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_recibo_muestra->id_recibo_muestra}}">
                <input type="hidden" name="id_empresa" id="id_empresa" value="{{$datos_empresa->id_empresa}}">
                
                <button id="pdf_button_recibo" class="ui button green" type="submit">
                    <span class="d-none spinner spinner-border spinner-border-sm" id="spinner" role="status" aria-hidden="true"></span>
                    <i class="download icon"></i>Devolución de muestras general
                </button>
            </form>
        </div>
        @endif
        
        @php
            $muestraGlobal = $muestras_almacen->first();
        @endphp

        <div class="form-row">

            {{-- FIRMA AUTORIZACIÓN --}}
            <div class="form-group col-md-6 text-center">
                @if (is_null(optional($muestraGlobal)->firma_devolucion_muestra_usuario))
                    <a class="ui button fluid blue firma firma-devolucion"
                    data-id-almacen="{{ optional($muestraGlobal)->id_almacen_muestra }}">
                        Firmar autorización para salida de almacén y entrega a cliente
                    </a>
                @else
                    <a style="background-color: #21ba45; color: #fff !important; pointer-events: none;" class="ui button fluid green">
                        Firmado
                    </a>
                @endif
            </div>

            {{-- FIRMA SALIDA --}}
            <div class="form-group col-md-6 text-center">
                @if (is_null(optional($muestraGlobal)->firma_salida_almacen_usuario))
                    <a class="ui button fluid blue firma firma-salida"
                    data-id-almacen="{{ optional($muestraGlobal)->id_almacen_muestra }}">
                        Firmar salida de almacén
                    </a>
                @else
                    <a style="background-color: #21ba45; color: #fff !important; pointer-events: none;" class="ui button fluid green">
                        Firmado
                    </a>
                @endif
            </div>

        </div>

        <div class="form-row">
            <div class="form-group col-md-6 text-center">
                <a id="anexo-pruebas" class="ui button fluid orange anexos_muestras">Anexo. Devolución de muestras del área de pruebas</a> 
            </div>
            <div class="form-group col-md-6 text-center">
                <a id="anexo-cliente" class="ui button fluid orange anexos_muestras">Anexo. Devolución de muestras (Cliente)</a>
            </div>
        </div>
        <div class="ui divider"></div>
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                {{--<input type="submit" value="Guardar" class="ui button primary">--}}
                <a href="{{ route('almacen_de_muestras.index') }}" class="ui button gray">Atrás</a>
            </div>
        </div>
    </div>
    
    @include('Muestras_almacen.create_almacen_modal')
    <script>
        add_via_devolucion = function(id_div, id_select, via_devolucion){
            $("#"+id_div).html(`
                <div class="row">
                    <label for="${id_select}" class="col-sm-2 col-form-label">Vía de devolución</label>
                    <div class="col-sm-10">
                        <div class="form-group">
                            <select id="${id_select}" name="${id_select}" class="selectpicker form-control" title="--Seleccione--">
                                <option value="Ventanilla">Ventanilla</option>
                                <option value="Paquetería">Paquetería</option>
                                <option value="Transporte de SEATSA">Transporte de SEATSA</option>
                            </select>
                        </div>
                    </div>
                </div>
                    `);
                if(via_devolucion != 'N/A'){
                    $('#'+id_select).val(via_devolucion); 
                }            
                $('#' + id_select).selectpicker('refresh');
        }
        add_estatus_devolucion_general = function (id_div, id_select, estatus_devolucion_general) {
            $("#" + id_div).html(
                `<div class="row">
                    <label for="${id_select}" class="col-sm-2 col-form-label">
                        Estatus de la devolución
                    </label>
                    <div class="col-sm-10">
                        <div class="form-group">
                            <select id="${id_select}" name="${id_select}" 
                                    class="selectpicker form-control" 
                                    title="--Seleccione--">
                                <option value="Devuelta">Devuelta</option>
                                <option value="No devuelta">No devuelta</option>
                            </select>
                        </div>
                    </div>
                </div>`
            );

            if (estatus_devolucion_general !== 'No devuelta') {
                $('#' + id_select).val(estatus_devolucion_general);
            }

            $('#' + id_select).selectpicker('refresh');
        }
        $(document).on('click','.create_almacen_modal',function(){

            $('#create_almacen_modal').modal('show'); 
        });
    </script>
    @include('Muestras_almacen.edit_almacen_modal')
    <script>
        var resultData = {};

        let cache_fechas_estatus = {};
        let cache_via_devolucion_edit = null;
        let cache_estatus_devolucion_general_edit = null

         $(document).ready(function () {
            $('a.edit_almacen_muestra').on('click', function () {
                let idAlmacen = $(this).attr('id');
                let id_almacen_muestra = $('#' + idAlmacen).data('id_almacen_muestra');

                // Asignar valor al input oculto
                $('#id_almacen_muestra_edit').val(id_almacen_muestra);

                $.ajax({
                    url: "{{ url('almacen_muestra/' . $datos_recibo_muestra->id_recibo_muestra . '/show_almacen_muestra') }}",
                    method: "POST",
                    data: {
                        'id_almacen_muestra': id_almacen_muestra,
                        '_token': $('input[name="_token"]').val()
                    },
                    success: function (response) {
                        let result = JSON.parse(response);
                        resultData = result.data;
                        $('#almacen_muestra_edit_modal').modal('show');
                    }
                });
            });
        });

        // Cuando se abre el modal
        $('#almacen_muestra_edit_modal').on('show.bs.modal', function () {
            $("#div_via_devolucion_edit").html("");
            $("#div_estatus_devolucion_general_edit").html("");

             if(resultData['datos_almacen']['estatus_edit'] == "Devolucion a cliente"){
                var via_devolucion = resultData['datos_almacen']['via_devolucion_edit'];
                add_via_devolucion("div_via_devolucion_edit", "via_devolucion_edit", via_devolucion);
                
                var estatus_devolucion_general = resultData['datos_almacen']['estatus_devolucion_general_edit'];
                add_estatus_devolucion_general("div_estatus_devolucion_general_edit", "estatus_devolucion_general_edit", estatus_devolucion_general);

            }

            // Rellenar los inputs con los datos
            $("#almacen_muestra_edit_modal :input").each(function(){
                
                input = $(this).attr('id'); 
                if(input in resultData['datos_almacen']){
                    $('#almacen_muestra_edit_modal #'+input).val(resultData['datos_almacen'][input]);
                    //Para recuperar los valores de select
                    $('#almacen_muestra_edit_modal #'+input).selectpicker('val', resultData['datos_almacen'][input]);
                    //console.log(resultData['datos_almacen']['fecha_ingreso_almacen'])
                }
            });
            if (resultData['datos_muestra']['observaciones'] != null) {
                //alert(resultData['observaciones_inspeccion_create']);
                $('#almacen_muestra_edit_modal #observaciones').val(resultData['datos_muestra']['observaciones']);
            }else{
                $('#almacen_muestra_edit_modal #observaciones').val('')
            }
            estatus_almacen = $("#estatus_edit").find(":selected").data("id");

            cache_fechas_estatus = {
                1: resultData['datos_almacen']['fecha_ingreso_almacen'] ?? null,
                2: resultData['datos_almacen']['fecha_ingreso_laboratorio'] ?? null,
                3: resultData['datos_almacen']['fecha_devolucion_laboratorio'] ?? null,
                4: resultData['datos_almacen']['fecha_devolucion_cliente'] ?? null,
                5: resultData['datos_almacen']['fecha_muestra_destruida'] ?? null
            };

            cache_via_devolucion_edit = resultData['datos_almacen']['via_devolucion_edit'] ?? null;
            cache_estatus_devolucion_general_edit = resultData['datos_almacen']['estatus_devolucion_general_edit'] ?? null;

            change_date_forms(estatus_almacen);
        });

        // Cambio de estatus
        $("#estatus_edit").change(function () {
            let estatus = $("#estatus_edit").find(":selected").data("id");
            change_date_forms(estatus);

            // Si cambia a "Devolucion a cliente", agregar vía y estatus
            if (estatus === 4) {

                add_via_devolucion(
                    "div_via_devolucion_edit",
                    "via_devolucion_edit",
                    cache_via_devolucion_edit
                );

                add_estatus_devolucion_general(
                    "div_estatus_devolucion_general_edit",
                    "estatus_devolucion_general_edit",
                    cache_estatus_devolucion_general_edit
                );

                // ✅ IMPORTANTE: volver a “pintar” el valor en el selectpicker
                setTimeout(function () {
                    if ($('#via_devolucion_edit').length) {
                        $('#via_devolucion_edit')
                            .selectpicker('val', cache_via_devolucion_edit != null ? String(cache_via_devolucion_edit) : null)
                            .selectpicker('refresh');
                    }

                    if ($('#estatus_devolucion_general_edit').length) {
                        $('#estatus_devolucion_general_edit')
                            .selectpicker('val', cache_estatus_devolucion_general_edit != null ? String(cache_estatus_devolucion_general_edit) : null)
                            .selectpicker('refresh');
                    }
                }, 0);

            } else {

                // ===== GUARDAR VALORES ANTES DE OCULTAR =====
                if ($('#via_devolucion_edit').length) {
                    // (opcionalmente podrías usar selectpicker('val'), pero tu .val() funciona)
                    cache_via_devolucion_edit = $('#via_devolucion_edit').val();
                }

                if ($('#estatus_devolucion_general_edit').length) {
                    cache_estatus_devolucion_general_edit = $('#estatus_devolucion_general_edit').val();
                }

                $("#div_via_devolucion_edit").html("");
                $("#div_estatus_devolucion_general_edit").html("");
            }

        });

        // Función para mostrar/ocultar formularios según estatus
        function change_date_forms(estatus) {
            estatus = $("#estatus_edit").find(":selected").data("id");

            switch (estatus) {
                case 1:
                    console.log("Esconde lo demás 1");
                    $("#fecha_ingreso_almacen_form").show();
                    $("#fecha_ingreso_laboratorio_form").hide();
                    $("#fecha_devolucion_laboratorio_form").hide();
                    $("#fecha_devolucion_cliente_form").hide();
                    $("#fecha_muestra_destruida_form").hide();

                    if (cache_fechas_estatus[1]) {
                        $('#fecha_ingreso_almacen').val(cache_fechas_estatus[1]);
                    }
                    break;

                case 2:
                    console.log("Esconde lo demás 2");
                    $("#fecha_ingreso_almacen_form").hide();
                    $("#fecha_ingreso_laboratorio_form").show();
                    $("#fecha_devolucion_laboratorio_form").hide();
                    $("#fecha_devolucion_cliente_form").hide();
                    $("#fecha_muestra_destruida_form").hide();

                    if (cache_fechas_estatus[2]) {
                        $('#fecha_ingreso_laboratorio').val(cache_fechas_estatus[2]);
                    }
                    break;

                case 3:
                    console.log("Esconde lo demás 3");
                    $("#fecha_ingreso_almacen_form").hide();
                    $("#fecha_ingreso_laboratorio_form").hide();
                    $("#fecha_devolucion_laboratorio_form").show();
                    $("#fecha_devolucion_cliente_form").hide();
                    $("#fecha_muestra_destruida_form").hide();

                    if (cache_fechas_estatus[3]) {
                        $('#fecha_devolucion_laboratorio').val(cache_fechas_estatus[3]);
                    }
                    break;

                case 4:
                    console.log("Esconde lo demás 4");
                    $("#fecha_ingreso_almacen_form").hide();
                    $("#fecha_ingreso_laboratorio_form").hide();
                    $("#fecha_devolucion_laboratorio_form").hide();
                    $("#fecha_devolucion_cliente_form").show();
                    $("#fecha_muestra_destruida_form").hide();

                    if (cache_fechas_estatus[4]) {
                        $('#fecha_devolucion_cliente').val(cache_fechas_estatus[4]);
                    }
                    break;

                case 5:
                    console.log("Esconde lo demás 5");
                    $("#fecha_ingreso_almacen_form").hide();
                    $("#fecha_ingreso_laboratorio_form").hide();
                    $("#fecha_devolucion_laboratorio_form").hide();
                    $("#fecha_devolucion_cliente_form").hide();
                    $("#fecha_muestra_destruida_form").show();

                    if (cache_fechas_estatus[5]) {
                        $('#fecha_muestra_destruida').val(cache_fechas_estatus[5]);
                    }
                    break;

                default:
                    break;
            }
        }
    </script>
    @include('Muestras_almacen.delete_modal_almacen')
    <script>
        $(document).on('click','.del_almacen_muestra',function(){
            //alert('delete');
            var id_almacen=$(this).attr('data-id_almacen_muestra');
            var nombre_muestra=$(this).attr('data-nombre_muestra');
            //console.log(id_programacion);
            
            $('#id_almacen_delete').val(id_almacen);
            $('#nombre_muestra_delete').html(nombre_muestra);

            $('#delete_modal_almacen').modal('show');
        });
    </script>
    <script>
        $("#estatus").change(function(){
            
            estatus = $("#estatus").val();
            $("#div_via_devolucion").html("");
            $("#div_estatus_devolucion_general").html("");
            switch (estatus) {
                case "Ingreso a almacen":
                    titulo_fecha_estatus_almacen = "<label for='fecha_almacen'  class='col-sm-12 col-form-label'>Fecha ingreso a almacén</label>";
                    $('#titulo_fecha_estatus_almacen').html(titulo_fecha_estatus_almacen);  
                        
                    fecha_estatus_almacen = "<input type='date' class='form-control' id='fecha_ingreso_almacen' name='fecha_ingreso_almacen' required>";
                    $('#fecha_estatus_almacen').html(fecha_estatus_almacen);   
                    break;
                case "Ingreso a laboratorio":
                    titulo_fecha_estatus_almacen = "<label for='fecha_almacen'  class='col-sm-12 col-form-label'>Fecha ingreso a laboratorio</label>";
                    $('#titulo_fecha_estatus_almacen').html(titulo_fecha_estatus_almacen);  
                    
                    fecha_estatus_almacen = "<input type='date' class='form-control' id='fecha_ingreso_laboratorio' name='fecha_ingreso_laboratorio' required>";
                    $('#fecha_estatus_almacen').html(fecha_estatus_almacen); 
                    break;
                case "Devolucion a laboratorio":
                    titulo_fecha_estatus_almacen = "<label for='fecha_almacen'  class='col-sm-12 col-form-label'>Fecha devolucion a laboratorio</label>";
                    $('#titulo_fecha_estatus_almacen').html(titulo_fecha_estatus_almacen);  
                            
                    fecha_estatus_almacen = "<input type='date' class='form-control' id='fecha_devolucion_laboratorio' name='fecha_devolucion_laboratorio' required>";
                    $('#fecha_estatus_almacen').html(fecha_estatus_almacen);  
                    break;
                case "Devolucion a cliente":
                    titulo_fecha_estatus_almacen = "<label for='fecha_almacen'  class='col-sm-12 col-form-label'>Fecha devolucion a cliente</label>";
                    $('#titulo_fecha_estatus_almacen').html(titulo_fecha_estatus_almacen);  
                    fecha_estatus_almacen = "<input type='date' class='form-control' id='fecha_devolucion_cliente' name='fecha_devolucion_cliente' required>";
                    $('#fecha_estatus_almacen').html(fecha_estatus_almacen);

                    add_via_devolucion("div_via_devolucion", "via_devolucion");
                    add_estatus_devolucion_general("div_estatus_devolucion_general", "estatus_devolucion_general");
                    break;

                case "Muestra destruida":
                    titulo_fecha_estatus_almacen = "<label for='fecha_almacen'  class='col-sm-12 col-form-label'>Fecha muestra destruída</label>";
                    $('#titulo_fecha_estatus_almacen').html(titulo_fecha_estatus_almacen);  
                    fecha_estatus_almacen = "<input type='date' class='form-control' id='fecha_muestra_destruida' name='fecha_muestra_destruida' required>";
                    $('#fecha_estatus_almacen').html(fecha_estatus_almacen); 
                    break;
            
                default:
                    break;
            }
        });
    </script>
    <script>
        $("#select_id_programacion_muestra").change(function(){
            id_programacion_muestra = $("#select_id_programacion_muestra").val();
            console.log(id_programacion_muestra);
            $.ajax({
                    url:"{{url('almacen_muestra/'.$datos_recibo_muestra->id_recibo_muestra.'/show_datos_almacen_muestra')}}",
                    method:"POST",
                    data:{'id_programacion_muestra': id_programacion_muestra, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        console.log(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        console.log(resultData);
                        tecnico_asignado = "<input disabled type='text' class='form-control' value='"+resultData['datos_programacion']['nombre_tecnico']+" "+resultData['datos_programacion']['apaterno_tecnico']+" "+resultData['datos_programacion']['amaterno_tecnico']+"' id='select_observaciones_create' name='select_observaciones_create'>";
                        $('#tecnico_asignado').html(tecnico_asignado); 
                        
                        if (resultData['datos_muestra']['observaciones']!=null) {
                            $('#observaciones').val(resultData['datos_muestra']['observaciones']);
                        }else{
                            $('#observaciones').val('');
                        }
                        
                    }
            });
        });
    </script>
    <script>
        $('button').click(function () {

            let pdf_button = $(this).attr('id');
            let spinner = $('#' + pdf_button).find('span');
            let icono = $('#' + pdf_button).find('i');

            spinner.removeClass('d-none');
            icono.addClass('d-none');

            setTimeout(function () {
                spinner.addClass('d-none');
                icono.removeClass('d-none');
            }, 5000);
        });
    </script>
    <script>
        // Función para mostrar un modal de confirmación genérico usando Bootstrap
        /**
         * Muestra un modal de confirmación Bootstrap.
         * @param {string} titulo - Título del modal
         * @param {string} mensaje - Mensaje a mostrar
         * @param {object} opciones - Opcionales { textoConfirmar, textoCancelar, claseConfirmar }
         * @returns {Promise<void>} - Se resuelve al confirmar; se rechaza al cancelar/cerrar.
         */
        function showConfirm(
        titulo = "Confirmación",
        mensaje = "¿Deseas continuar?",
        opciones = {}
        ) {
        const {
            textoConfirmar = "Sí, confirmar",
            textoCancelar = "Cancelar",
            claseConfirmar = "btn-primary",
        } = opciones;

        // Crear contenedor del modal
        const modalId = `confirmModal_${Date.now()}`;
        const modalHtml = `
            <div class="modal fade" id="${modalId}" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">${titulo}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    ${mensaje}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">${textoCancelar}</button>
                    <button type="button" class="btn ${claseConfirmar}" id="${modalId}_btnConfirm">${textoConfirmar}</button>
                </div>
                </div>
            </div>
            </div>
        `;

        // Insertar en el body
        const wrapper = document.createElement("div");
        wrapper.innerHTML = modalHtml.trim();
        const modalEl = wrapper.firstChild;
        document.body.appendChild(modalEl);

        return new Promise((resolve, reject) => {
            const $modal = $(`#${modalId}`);

            // Confirmar
            $(document).on("click", `#${modalId}_btnConfirm`, () => {
            $modal.modal("hide");
            resolve();
            });

            // Si se cierra sin confirmar -> reject
            $modal.on("hidden.bs.modal", function () {
            // Limpieza de DOM y handlers
            $(document).off("click", `#${modalId}_btnConfirm`);
            $modal.off("hidden.bs.modal");
            modalEl.parentNode && modalEl.parentNode.removeChild(modalEl);
            });

            // Si cierra por la X o click fuera -> reject
            $modal.on("hide.bs.modal", function (e) {
            // Si no fue por el botón de confirmar, rechazamos
            if (!$(document.activeElement).is(`#${modalId}_btnConfirm`)) {
                reject(new Error("cancelled"));
            }
            });

            // Mostrar
            $modal.modal({ backdrop: "static", keyboard: true, show: true });
        });
        }
    </script>
    <script>
        $(document).on('click', '.firma', function (e) {
            e.preventDefault();

            const boton = $(this);

            const mensaje = boton.hasClass('firma-salida')
            ? '¿Estás seguro que deseas firmar la SALIDA de almacén? Esta acción no se puede deshacer.'
            : '¿Estás seguro que deseas firmar la AUTORIZACIÓN para salida de almacén y entrega a cliente? Esta acción no se puede deshacer.';

            const titulo = boton.hasClass('firma-salida')
            ? 'Confirmar firma de SALIDA'
            : 'Confirmar AUTORIZACIÓN';

            const tipo_firma = boton.hasClass('firma-salida')
            ? 'firma_salida'
            : 'firma_devolucion';

            const id_usuario = {{ $id_usuario }};
            const id_almacen_muestra = boton.data('id-almacen');

            // Mostrar confirmación con estilo
            showConfirm(titulo, mensaje, {
            textoConfirmar: 'Sí, continuar',
            textoCancelar: 'Cancelar',
            claseConfirmar: 'btn-success' // rojo para acciones destructivas
            })
            .then(() => {
            // Usuario confirmó -> hacemos la petición
            $.ajax({
                url: "{{ url('firmar_devolucion_muestra') }}",
                type: "POST",
                dataType: "json",
                data: {
                _token: '{{ csrf_token() }}',
                tipo_firma: tipo_firma,
                id_usuario: id_usuario,
                id_almacen_muestra: id_almacen_muestra
                },
                success: function (resp) {
                if (!resp || resp.ok !== true) {
                    const msg = (resp && resp.msg) ? resp.msg : 'No se pudo completar la firma.';
                    showAlert(msg, 'warning'); // advertencia para fallos esperados del backend
                    return;
                }

                // Éxito
                showAlert('¡Firma realizada correctamente!', 'success');

                // Recargamos para que Blade pinte verde (como tenías)
                setTimeout(() => location.reload(), 700);
                },
                error: function (xhr) {
                let msg = 'Error al firmar';
                try {
                    const json = xhr && xhr.responseJSON;
                    if (json && json.message) msg = json.message;
                } catch (e) {}
                showAlert(msg, 'error'); // mapea a alert-danger
                }
            });
            })
            .catch(() => {

            });
        });
    </script>
    @include('Muestras_almacen.anexos_muestras')
    @include('Muestras_almacen.delete_anexos')
    <script>
        var tipo_anexo;
        var id_recibo_muestra = {{ $datos_recibo_muestra->id_recibo_muestra }} 
        $('#anexo-pruebas').click(function() {
            tipo_anexo = 'devolucion area pruebas';
            $('#anexos_muestras').modal('show');
        });

        $('#anexo-cliente').click(function() {
            tipo_anexo = 'devolucion cliente';
            $('#anexos_muestras').modal('show');
        });
        $(document).on('click','.create_notificacion',function(){
            $('#almacen_modal_notificacion').modal('show'); 
        });
    </script>
   
@endsection