@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')

@if($tipo_cliente == 0)
    @include('Requisicion_compra.Tabs.indexPendientes')
    
@elseif($tipo_cliente == 1)
    @include('Requisicion_compra.Tabs.indexFinalizados')
@endif

    {{-- Modales de Requisición --}} 
    @include('Requisicion_compra.create_requisicion_modal')
    @include('Requisicion_compra.update_requisicion_modal')
    @include('Requisicion_compra.delete_requisicion_modal')

    <script>
        // --- Lógica para Nueva Requisición ---
        $(document).on('click','.create_requisicion',function(){
            $('#create_requisicion_modal').modal('show'); 
        });

        // --- Lógica para Cargar Datos en el Modal de Edición ---
        var resultData = {};
        $(document).ready(function(){
            $('.update_requisicion').on('click', function(){
                // Mostramos el loader si existe en el proyecto
                if(typeof showLoader === 'function') showLoader();
                
                id_requisicion_reporte = $(this).attr('id');
                $('#id_requisicion_reporte_update').val(id_requisicion_reporte);
               
                $.ajax({
                    url:"{{ url('show_detalles_requisicion_reporte') }}", 
                    method:"POST",
                    data:{
                        'id_requisicion_reporte': id_requisicion_reporte, 
                        '_token': '{{ csrf_token() }}'
                    },
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        $('#update_requisicion_modal').modal('show');
                        if(typeof hideLoader === 'function') hideLoader();
                    },
                    error:function(){
                        if(typeof hideLoader === 'function') hideLoader();
                        alert("Error al cargar los datos de la requisición.");
                    }
                });
            });
        });
        
        // --- Rellenar campos del modal al abrirse ---
        $('#update_requisicion_modal').on('show.bs.modal', function () {
            $("#update_requisicion_modal :input").each(function(){
                var inputId = $(this).attr('id');
                if(resultData['datos_reporte'] && inputId in resultData['datos_reporte']){
                    $(this).val(resultData['datos_reporte'][inputId]);
                    
                    // Si usas bootstrap-select, refrescamos el componente
                    if($(this).hasClass('selectpicker')){
                        $(this).selectpicker('refresh');
                        $(this).selectpicker('val', resultData['datos_reporte'][inputId]);
                    }
                }
            }); 
        });

        // --- Lógica para Eliminar Requisición ---
        $(document).on('click','.eliminarReporte',function(){
            var id_requisicion_reporte=$(this).attr('data-id_requisicion_reporte');
            var nombre_completo=$(this).attr('data-nombre_completo');
           
            $('#id_requisicion_reporte_delete').val(id_requisicion_reporte);
            $('#nombre_completo_delete').html(nombre_completo);

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

        /**
         * NOTA DE OPTIMIZACIÓN:
         * Se ha eliminado el bloque de inicialización de DataTable ($('#lang-dt-req').DataTable).
         * El filtrado por año ahora se maneja mediante un formulario GET nativo en las vistas de los Tabs,
         * y la paginación se realiza desde el servidor a través de Laravel.
         * Esto previene que el navegador se sature cargando todos los registros a la vez.
         */
    </script>
@endsection