@component('fragments.modal')
        @slot('idmodal')
            modalEditProgramacion
        @endslot

        @slot('title')
            Editar Programacion
        @endslot

        @slot('action')
            <form class="needs-validation ui form" method="POST" action="{{url('laboratorio/update_pogramacion')}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
            
            <nav>
                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                  <a class="nav-item nav-link active form_informes_general" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Informes</a>
                  <a class="nav-item nav-link form_informes_arm" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Informes ARM</a>
                 
                </div>
            </nav>
            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                    <div id="modal-form-modify">
                        <div class="required field mt-3">
                            <label for="norma" >Informe</label>
                            <select id="id_informe" name="id_informe[]" class="selectpicker form-control disponibilidad" data-live-search="true" title="--Seleccione--" multiple>
                                {{--@foreach ($lineas as $linea)
                                    @foreach ($linea->analistas as $analista)
                                    
                                    <option value="{{$analista->id_analista}}">{{$analista->nombre}} {{$analista->apaterno}} {{$analista->amaterno}}</option>
                                    @endforeach
                                @endforeach--}}
                            </select>
                        </div>
                        <div class="required field mt-3">
                            <label for="norma" >Analista</label>
                            <select id="id_analista" name="id_analista" class="selectpicker form-control disponibilidad" data-live-search="true" required>
                                <option value="">--Seleccione--</option>
                                {{--@foreach ($lineas as $linea)
                                    @foreach ($linea->analistas as $analista)
                                    
                                    <option value="{{$analista->id_tecnico}}">{{$analista->nombre}} {{$analista->apaterno}} {{$analista->amaterno}}</option>
                                    @endforeach
                                @endforeach--}}
                            </select>
                        </div>
        
                        <div class="field">
                            <label for="version" >Fecha </label>
                            <input type="date" class="form-control disponibilidad" id="fecha_entrega_cliente" name="fecha_entrega_cliente" value="{{date('Y-m-d')}}">
                        </div>
        
                        <div id="disponibilidad"></div>
        
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                    <div id="modal-form-modify">
                        <div class="required field mt-3">
                            <label for="norma" >Informe ARM</label>
                            <select id="id_programacion_arm" name="id_programacion_arm[]" class="selectpicker form-control disponibilidad" data-live-search="true" title="--Seleccione--" multiple>
                                @foreach ($reportes_arm as $reporte)
                                    <option value="{{$reporte->id_programacion_arm}}">{{$reporte->folio_programacion}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="required field mt-3">
                            <label for="norma" >Analista</label>
                            <select id="id_analista_arm" name="id_analista_arm" class="selectpicker form-control disponibilidad" data-live-search="true" required>
                                <option value="">--Seleccione--</option>
                                {{--@foreach ($lineas as $linea)
                                    @foreach ($linea->analistas as $analista)
                                    
                                    <option value="{{$analista->id_tecnico}}">{{$analista->nombre}} {{$analista->apaterno}} {{$analista->amaterno}}</option>
                                    @endforeach
                                @endforeach--}}
                            </select>
                        </div>
        
                        <div class="field">
                            <label for="version" >Fecha </label>
                            <input type="date" class="form-control disponibilidad" id="fecha_entrega_cliente" name="fecha_entrega_cliente" value="{{date('Y-m-d')}}">
                        </div>
        
                        <div id="disponibilidad_arm">
        
                        </div>
        
                    </div>
                </div>
            </div>
            <input type="hidden" id="tipo_form" name="tipo_form" value="1">
            <input type="hidden" id="id_linea_trabajo_modal" name="id_linea_trabajo_modal">

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

                    // Función para validar si habilitar el botón
                    function validarBotonGuardar() {
                        
                        // Declaracion de Variables
                        let tipoForm = $('#tipo_form').val();
                        let btnGuardar = $('#modalEditProgramacion button[type="submit"]');
                        let esValido = false;

                        if (tipoForm == "1") {
                            // Pestaña Informes: analista e informes deben tener un valor
                            let idAnalista = $('#id_analista').val();
                            let idInforme = $('#id_informe').val();
                            esValido = idAnalista !== "" && idAnalista !== null && idInforme.length > 0;
                        } else {
                            // Pestaña ARM: analista_arm y programacion_arm deben tener un valor
                            let idAnalistaArm = $('#id_analista_arm').val();
                            let idProgArm = $('#id_programacion_arm').val();
                            esValido = idAnalistaArm !== "" && idAnalistaArm !== null && idProgArm.length > 0;
                        }

                        btnGuardar.prop('disabled', !esValido);
                    }

                    // Escuchar cambios en los selects (selectpicker dispara 'changed.bs.select')
                    $('#id_informe, #id_analista, #id_programacion_arm, #id_analista_arm').on('changed.bs.select', function() {
                        validarBotonGuardar();
                    });

                    // También validar cuando se cambia de pestaña
                    $('.form_informes_general, .form_informes_arm').click(function() {
                        // Timeout para esperar que el valor de #tipo_form se actualice
                        setTimeout(validarBotonGuardar, 100);
                    });

                    // Inicializar el botón como deshabilitado al abrir el modal
                    $('#modalEditProgramacion').on('show.bs.modal', function () {
                        validarBotonGuardar();
                    });

                });
            </script>

        @endslot

        @slot('button')
            <button type="submit" class="btn btn-primary show-loader-before-leave">
                <i class="save icon"></i>Guardar
            </button>
        @endslot
    @endcomponent