@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
<style>
    .modal-lg {
        max-width: 90% !important;
    }
    
    /*
    .width_fixed_table {
      table-layout:fixed;
      width: inherit !important;
    }
    */
    
    .width_fixed {
      width:150px !important;
      
      max-width:150px !important;
      
      min-width:150px !important;
    
    }

    .width_description_fixed{
        width:300px !important;
      
      max-width:300px !important;
      
      min-width:300px !important;
    }
    
</style>
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">Administración</div>
        <i class="right chevron icon divider"></i>
        <div class="section">Requisiciones de compra</div>
        <i class="right chevron icon divider"></i> 
        <div class="active section">Detalles</div>
    </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="ui divider"></div>
    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    <div class="ui divider"></div>
    @if ($permisos->crear == 1) 
        <div class="form-group">
            <a class="ui button fluid blue create_notificacion">
                <i class="icon send"></i> Crear notificación
            </a>
        </div>
    @endif
    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <div class="card">
                <div class="card-header bg-info text-white text-center">
                <strong>Detalles de requisición de compra</strong> 
                </div>
                <div class="card-body">
                    
                    <div class="form-group row">
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold" for="empresa" >Nombre del solicitante</label>
                            <p>{{$datos_reporte->nombre." ".$datos_reporte->apellidos}}</p>
                        </div>
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold" for="quien_entrega" >Caracter</label>
                            <p>{{$datos_reporte->caracter}}</p>
                        </div>
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold" for="fecha_recibo" >Fecha</label>
                            <p>{{formatDateForDisplay($datos_reporte->fecha)}}</p>
                        </div>
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold" for="fecha_recibo" >Área</label>
                            <p>{{ $datos_linea_trabajo ? $datos_linea_trabajo->linea_trabajo : 'Sin línea de trabajo asignada' }}</p>
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold" for="servicio" >Nombre producto/servicio:</label>
                           
                            <p>@foreach($datos_reporte->conceptos as $concepto)
                                {{$concepto->nombre}}</br> 
                                @endforeach</p>
                        </div>
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold" for="descripcion" >Descripción de especificación</label>
                            <p> @foreach($datos_reporte->conceptos as $concepto)
                                {{$concepto->descripcion}}</br>
                                @endforeach</p>
                        </div>

                        <div class="form-group col-md-3">
                                <label><strong>Unidad de negocio</strong></label>
                                <p>
                                    {{ $datos_unidad_negocio ? $datos_unidad_negocio->nombre_unidad_negocio : 'Sin unidad de negocio asignada' }}
                                </p>
                            </div>
                        </div>

                        <div class="form-group col-md-3"></div>
                        
                    </div>
                    
                    <div class="form-group"> 
                        <table class="table table-striped table-bordered">
                            <thead>
                              <tr>
                                <th >Sección</th>
                                <th >Fecha de elaboración</th>
                                <th >Modificado por</th>
                                <th class="collapsing">Estatus</th>
                                <th class="collapsing">Acciones</th>
                              </tr>
                            </thead>
                            <tbody>
                                <!--1. Tipo de servicio y suministro-->
                                @if ($datos_seccion_1)
                                    <tr>
                                        <th scope="row">1. Tipo de servicio y suministro</th>
                                        <td>{{formatDateForDisplay($datos_seccion_1->created_at1)}}</td>
                                        <td>{{$datos_seccion_1->nombre}} {{$datos_seccion_1->apellidos}}</td>
                                        <td class="text-center ">
                                            @if ($datos_seccion_1->id_usuario_edita != null)
                                                <span class="btn btn-success">Iniciado</span>
                                               @else 
                                               <span class="btn btn-danger">No iniciado</span>
                                            @endif
                                            
                                        </td>
                                        
                                        <td class="text-left ">
                                            @if ($permisos->actualizar == 1 && $datos_reporte_tipo_servicio)
                                                <div class="buttons tiny-buttons">
                                                    <button class="ui button fluid blue update_seccion1" id="{{ $datos_reporte_tipo_servicio->id_requisicion_tipo_servicio }}">
                                                        <i class="icon pencil"></i> Continuar
                                                    </button>
                                                </div>
                                            @else
                                                <span class="text-muted">(Sin acción disponible)</span>
                                            @endif
                                        </td>

                                    </tr> 
                                @else
                                    
                                    <tr>
                                        <th scope="row">1. Tipo de servicio y suministro</th>
                                        <td>(Sin datos)</td>
                                        <td>(Sin datos)</td>
                                        <td class="text-center ">
                                            <span class="btn btn-danger">No iniciado</span>
                                        </td>
                                        <td class="text-left ">
                                       @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue create_seccion1" >
                                                    <i class="icon pencil"></i> Comenzar
                                                </button>
                                            </div>
                                        @endif
                                        </td>
                                    </tr> 
                                @endif
                                  
                                <!--2. Especificaciones-->
                                @if ($datos_seccion_2)
                                    <tr>
                                        <th scope="row">2. Especificaciones</th>
                                        @if ($datos_seccion_2)
                                            <td>{{formatDateForDisplay($datos_seccion_2->created_at1)}}</td>
                                            <td>{{$datos_seccion_2->nombre}} {{$datos_seccion_2->apellidos}}</td>
                                            @else
                                            <td></td>
                                            <td></td>
                                        @endif
                                        
                                        <td class="text-center ">
                                            @if ($datos_seccion_2->id_usuario_edita)
                                               <span class="btn btn-success">Iniciado</span>
                                               @else 
                                               <span class="btn btn-danger">No iniciado</span>
                                            @endif
                                            
                                        </td>
                                        <td class="text-left ">
                                        @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue update_seccion2" data-id_requisicion_reporte="{{$id_requisicion_reporte}}">
                                                    <i class="icon pencil"></i> Continuar
                                                </button>
                                            </div>
                                        @endif
                                        </td>
                                    </tr>  
                                @else
                                    
                                    <tr>
                                        <th scope="row">2. Especificaciones</th>
                                        <td>(Sin datos)</td>
                                        <td>(Sin datos)</td>
                                        <td class="text-center ">
                                            <span class="btn btn-danger">No iniciado</span>
                                        </td>
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue create_seccion2">
                                                    <i class="icon pencil"></i> Comenzar
                                                </button>
                                            </div>  
                                            @endif
                                        </td>
                                    </tr>  
                                @endif
                                
                                <!--2.1 Datos de proveedor-->
                                @if ($permisos->gerente == 1)
                                @if ($datos_seccion_2_1)
                                    <tr>
                                        <th scope="row">2.1 Datos de proveedor</th>
                                        @if ($datos_seccion_2_1)
                                            <td>{{formatDateForDisplay($datos_seccion_2_1->created_at1)}}</td>
                                            <td>{{$datos_seccion_2_1->nombre}} {{$datos_seccion_2_1->apellidos}}</td>
                                            @else 
                                            <td></td>
                                            <td></td>
                                        @endif
                                        
                                        <td class="text-center ">
                                            @if ($datos_seccion_2_1->id_usuario_edita)
                                               <span class="btn btn-success">Iniciado</span>
                                               @else 
                                               <span class="btn btn-danger">No iniciado</span>
                                            @endif
                                            
                                        </td>
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue update_seccion2_1" data-id_requisicion_reporte="{{$id_requisicion_reporte}}">
                                                    <i class="icon pencil"></i> Continuar
                                                </button>
                                            </div>
                                            @endif
                                        </td>
                                    </tr>  
                                @else
                                    
                                    <tr>
                                        <th scope="row">2.1 Datos de proveedor</th>
                                        <td>(Sin datos)</td>
                                        <td>(Sin datos)</td>
                                        <td class="text-center ">
                                            <span class="btn btn-danger">No iniciado</span>
                                        </td>
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue create_seccion2_1">
                                                    <i class="icon pencil"></i> Comenzar
                                                </button>
                                            </div>  
                                            @endif
                                        </td>
                                    </tr>  
                                @endif

                                <!--2.2 Como se recibe el suministro y formas de pago-->
                                @if ($datos_seccion_2_2)
                                    <tr>
                                        <th scope="row">2.2 Como se recibe el suministro y formas de pago</th>
                                        @if ($datos_seccion_2_2)
                                            <td>{{formatDateForDisplay($datos_seccion_2_2->created_at1)}}</td>
                                            <td>{{$datos_seccion_2_2->nombre}} {{$datos_seccion_2_2->apellidos}}</td>
                                            @else
                                            <td></td>
                                            <td></td>
                                        @endif
                                        
                                        <td class="text-center ">
                                            @if ($datos_seccion_2_2->id_usuario_edita)
                                               <span class="btn btn-success">Iniciado</span>
                                               @else 
                                               <span class="btn btn-danger">No iniciado</span>
                                            @endif
                                            
                                        </td>
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                {{-- Corrección: type="button" evita submit accidental y data-id_requisicion_reporte alimenta la modal update --}}
                                                <button type="button" class="ui button fluid blue update_seccion2_2" data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                    <i class="icon pencil"></i> Continuar
                                                </button>
                                            </div>  
                                            @endif
                                        </td>
                                    </tr>  
                                @else
                                    
                                    <tr>
                                        <th scope="row">2.2 Como se recibe el suministro y formas de pago</th>
                                        <td>(Sin datos)</td>
                                        <td>(Sin datos)</td>
                                        <td class="text-center ">
                                            <span class="btn btn-danger">No iniciado</span>
                                        </td>
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                {{-- Corrección: se agrega type="button" y se conserva el id por si la modal create lo requiere --}}
                                                <button type="button" class="ui button fluid blue create_seccion2_2" data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                    <i class="icon pencil"></i> Comenzar
                                                </button>
                                            </div>  
                                            @endif
                                        </td>
                                    </tr>  
                                @endif
                                @endif

                                <!--2.3 Aprobación-->
                                @if ($datos_seccion_2_3)
                                    <tr>
                                        <th scope="row">2.3 Aprobación</th>
                                        @if ($datos_seccion_2_3->id_usuario_edita)
                                            <td>{{formatDateForDisplay($datos_seccion_2_3->created_at1)}}</td>
                                            <td>{{$datos_seccion_2_3->nombre}} {{$datos_seccion_2_3->apellidos}}</td>
                                            @else 
                                            <td></td>
                                            <td></td>
                                        @endif
                                        
                                        <td class="text-center ">
                                            @if ($datos_seccion_2_3->id_usuario_edita)
                                               <span class="btn btn-success">Iniciado</span>
                                               @else 
                                               <span class="btn btn-danger">No iniciado</span>
                                            @endif
                                            
                                        </td>
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue create_seccion2_3" data-id_requisicion_reporte="{{$id_requisicion_reporte}}">
                                                    <i class="icon pencil"></i> Continuar
                                                </button>
                                            </div>  
                                            @endif
                                        </td>
                                    </tr>  
                                @else
                                    
                                    <tr>
                                        <th scope="row">2.3 Aprobación</th>
                                        <td>(Sin datos)</td>
                                        <td>(Sin datos)</td>
                                        <td class="text-center ">
                                            <span class="btn btn-danger">No iniciado</span>
                                        </td>
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue create_seccion2_3">
                                                    <i class="icon pencil"></i> Comenzar
                                                </button>
                                            </div> 
                                             @endif
                                        </td>
                                    </tr>  
                                @endif

                                <!--2.4 Aprobación Pago-->
                                @if ($datos_seccion_2_4)
                                    <tr>
                                        <th scope="row">2.4 Aprobación de pago</th>
                                        @if ($datos_seccion_2_4->id_usuario_edita)
                                            <td>{{formatDateForDisplay($datos_seccion_2_4->created_at1)}}</td>
                                            <td>{{$datos_seccion_2_4->nombre}} {{$datos_seccion_2_4->apellidos}}</td>
                                            @else 
                                            <td></td>
                                            <td></td>
                                        @endif
                                        
                                        <td class="text-center ">
                                            @if ($datos_seccion_2_4->id_usuario_edita)
                                               <span class="btn btn-success">Iniciado</span>
                                               @else 
                                               <span class="btn btn-danger">No iniciado</span>
                                            @endif
                                        </td>
                                        
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue create_seccion2_4" data-id_requisicion_reporte="{{$id_requisicion_reporte}}">
                                                    <i class="icon pencil"></i> Continuar
                                                </button>
                                            </div> 
                                             @endif
                                        </td>
                                        
                                    </tr>  
                                @else
                                    
                                    <tr>
                                        <th scope="row">2.4 Aprobación de pago</th>
                                        <td>(Sin datos)</td>
                                        <td>(Sin datos)</td>
                                        <td class="text-center ">
                                            <span class="btn btn-danger">No iniciado</span>
                                        </td>
                                        <td class="text-left ">
                                             @if ($permisos->actualizar == 1) 
                                            <div class="buttons tiny-buttons">
                                                <button class="ui button fluid blue create_seccion2_4">
                                                    <i class="icon pencil"></i> Comenzar
                                                </button>
                                            </div> 
                                             @endif
                                        </td>
                                    </tr>  
                                @endif

                                
                                <!--3. Inspección o revisión del producto o servicio contra especificación-->
                                @if ($tiene_nueva_estructura_seccion_3)

                                    <tr>
                                        <th scope="row">
                                            3. Inspección o revisión del producto o servicio contra especificación
                                        </th>

                                        <td>
                                            @if($estatus_seccion_3_entregas['fecha'])
                                                {{ formatDateForDisplay($estatus_seccion_3_entregas['fecha']) }}
                                            @else
                                                (Sin datos)
                                            @endif
                                        </td>

                                        <td>
                                            @if($ultimo_usuario_entrega_seccion_3)
                                                {{ $ultimo_usuario_entrega_seccion_3->nombre }} {{ $ultimo_usuario_entrega_seccion_3->apellidos }}
                                                <br>
                                                <small class="text-muted">{{ $estatus_seccion_3_entregas['entregadas'] }} de {{ $estatus_seccion_3_entregas['total'] }} entrega(s) registrada(s)</small>
                                            @else
                                                (Sin datos)
                                            @endif
                                        </td>

                                        <td class="text-center">
                                            <span class="btn btn-{{ $estatus_seccion_3_entregas['clase'] }}">
                                                {{ $estatus_seccion_3_entregas['texto'] }}
                                            </span>
                                        </td>

                                        <td class="text-left">
                                            @if ($permisos->actualizar == 1)
                                                <div class="buttons tiny-buttons">
                                                    <button class="ui button fluid blue create_seccion3_entregas"
                                                            data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                        <i class="icon pencil"></i> Continuar
                                                    </button>
                                                </div>
                                            @endif
                                        </td>
                                    </tr>

                                @else

                                    {{-- LEGACY: registros anteriores sin parcialidades de entrega --}}
                                    @if ($datos_seccion_3)

                                        <tr>
                                            <th scope="row">
                                                3. Inspección o revisión del producto o servicio contra especificación
                                            </th>

                                            <td>
                                                {{ formatDateForDisplay($datos_seccion_3->created_at1) }}
                                            </td>

                                            <td>
                                                {{ $datos_seccion_3->nombre }}
                                                {{ $datos_seccion_3->apellidos }}
                                            </td>

                                            <td class="text-center">
                                                @if ($datos_seccion_3->id_usuario_edita != null)
                                                    <span class="btn btn-success">
                                                        Iniciado
                                                    </span>
                                                @else
                                                    <span class="btn btn-danger">
                                                        No iniciado
                                                    </span>
                                                @endif
                                            </td>

                                            <td class="text-left">
                                                @if ($permisos->actualizar == 1)
                                                    <div class="buttons tiny-buttons">
                                                        <button class="ui button fluid blue update_seccion3"
                                                                id="{{ $datos_reporte_inspeccion->id_requisicion_inspeccion }}">
                                                            <i class="icon pencil"></i> Continuar
                                                        </button>
                                                    </div>
                                                @endif
                                            </td>
                                        </tr>

                                    @else

                                        <tr>
                                            <th scope="row">
                                                3. Inspección o revisión del suministro contra especificación
                                            </th>

                                            <td>(Sin datos)</td>

                                            <td>(Sin datos)</td>

                                            <td class="text-center">
                                                <span class="btn btn-danger">
                                                    No iniciado
                                                </span>
                                            </td>

                                            <td class="text-left">
                                                @if ($permisos->actualizar == 1)
                                                    <div class="buttons tiny-buttons">
                                                        <button class="ui button fluid blue create_seccion3">
                                                            <i class="icon pencil"></i> Comenzar
                                                        </button>
                                                    </div>
                                                @endif
                                            </td>
                                        </tr>

                                    @endif

                                @endif
                                
                            </tbody>
                        </table>
                    </div> 
                    <div class="ui divider"></div>
                    <div class="form-row">

                        <!-- Nombre y firma de quien realizó inspección -->
                        <div class="form-group col-md-6 text-center">
                            @if ($firma_inspeccion->estatus_firma == 1)
                                <div id="firma_{{$firma_inspeccion->id_requisicion_firma}}_img">
                                    <img height="100" width="100" src="{{asset('storage/archivos_usuario/'.$firma_inspeccion->firma_digital)}}" >  
                                    <p>{{$firma_inspeccion->nombre." ".$firma_inspeccion->apellidos}}</p>
                                    
                                </div>
                                <a id="firma_{{$firma_inspeccion->id_requisicion_firma}}" data-seccion="N/A" data-id="{{$firma_inspeccion->id_requisicion_firma}}" data-id_usuario="{{session('id_usuario')}}" data-id_requisicion_reporte="{{$datos_reporte->id_requisicion_reporte}}" class="ui button fluid green requisicion_firma">Firmado por inspección</a>
                                @else
                                <a id="firma_{{$firma_inspeccion->id_requisicion_firma}}" data-seccion="N/A" data-id="{{$firma_inspeccion->id_requisicion_firma}}" data-id_usuario="{{session('id_usuario')}}" data-id_requisicion_reporte="{{$datos_reporte->id_requisicion_reporte}}" class="ui button fluid blue requisicion_firma">Nombre y firma de quien realizó inspección</a> 
                            @endif
                        </div>
                        
                        <!-- Reviso conclusión de compra -->
                        <div class="form-group col-md-6 text-center">
                            @if ($firma_conclusion->estatus_firma == 1)
                                <div id="firma_{{$firma_conclusion->id_requisicion_firma}}_img">
                                    <img height="100" width="100" src="{{asset('storage/archivos_usuario/'.$firma_conclusion->firma_digital)}}" >  
                                    <p>{{$firma_conclusion->nombre." ".$firma_conclusion->apellidos}}</p>
                                    
                                </div>
                                <a id="firma_{{$firma_conclusion->id_requisicion_firma}}" data-seccion="N/A" data-id="{{$firma_conclusion->id_requisicion_firma}}" data-id_usuario="{{session('id_usuario')}}" data-id_requisicion_reporte="{{$datos_reporte->id_requisicion_reporte}}" class="ui button fluid green requisicion_firma">Conclusión de compra revisada</a>
                                @else
                                <a id="firma_{{$firma_conclusion->id_requisicion_firma}}" data-seccion="N/A" data-id="{{$firma_conclusion->id_requisicion_firma}}" data-id_usuario="{{session('id_usuario')}}" data-id_requisicion_reporte="{{$datos_reporte->id_requisicion_reporte}}" class="ui button fluid blue requisicion_firma">Reviso conclusión de compra</a>
                                    
                            @endif
                        </div>
                    </div>
                    <div class="ui divider"></div>
                    <div class="form-group">
                        <a class="ui button fluid orange show_anexos" id="{{$id_requisicion_reporte}}">
                            <i class="icon upload"></i> Anexos
                        </a>
                    </div>
                    
                    <div class="ui divider"></div>
                    <div class="form-group">
                        <a target="_blank" href="{{url('formato_requisicion_pdf/'.$id_requisicion_reporte)}}" class="ui button fluid blue">
                            <i class="icon download"></i> Descarga de formato de requisición de compra
                        </a>
                    </div>
                </div>
            </div>
            
        </div>
            
        <div class="ui divider"></div>
        
        <!--
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                <a href="{{url('requisicion_compras')}}" class="ui button gray" type="submit">
                    <i class="arrow circle left icon"></i>Atrás
                </a>
            </div>
        </div>
        -->

        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">
                <a href="javascript:history.back()" class="ui button gray">
                    <i class="arrow circle left icon"></i>Atrás
                </a>
            </div>
        </div>

        {{--<div class="form-group">
            <form action="recibo_de_inspeccion_pdf" method="post">
                {{csrf_field()}}
                <input type="hidden" name="id_recibo_muestra" id="id_recibo_muestra" value="{{$datos_empresa->id_recibo_muestra}}">
                <input type="hidden" name="id_empresa" id="id_empresa" value="{{$datos_empresa->id_empresa}}">
                
                <button class="ui button green" type="submit">
                    <i class="download icon"></i>Descargar recibo de inspección muestra
                </button>
            </form>
        </div>--}}

    </div>
    @include('Requisicion_compra.create_notificacion_modal')
    <script>
        $(document).on('click','.create_notificacion',function(){
            $('#create_notificacion_requisicion_modal').modal('show'); 
        });
    </script> 
    @include('Requisicion_compra.create_seccion1_modal')
    <script>
        $(document).on('click','.create_seccion1',function(){
            $('#create_seccion1_modal').modal('show'); 
        });
    </script> 
    
    
    @include('Requisicion_compra.update_seccion1_modal') 

    <!--INI - NUEVA IMPLEMENTACION PARA EDITAR SECCION 1-->
    <script>
        var resultData = {};

        $(document).ready(function(){
            $('.update_seccion1').on('click', function(){

                var id_requisicion_tipo_servicio = $(this).attr('id');
                $('#id_requisicion_tipo_servicio_update').val(id_requisicion_tipo_servicio);

                $.ajax({
                    url:"{{url('show_detalles_requisicion_reporte_seccion1')}}",
                    method:"POST",
                    data:{
                        'id_requisicion_tipo_servicio': id_requisicion_tipo_servicio,
                        '_token': $('input[name="_token"]').val()
                    },
                    success:function(response){

                        result = JSON.parse(response);
                        resultData = result.data;

                        var modo = resultData['modo_captura'];

                        // Reset visual completo
                        $('#bloque_catalogo_seccion1').hide();
                        $('#bloque_legacy_seccion1').hide();
                        $('#div_otro_servicio_producto_update').html('').hide();

                        $('#id_catalogo_tipo_servicio_update').val('').selectpicker('refresh');
                        $('#id_catalogo_producto_servicio_update').html('').selectpicker('refresh');

                        $('#tipo_servicio_suministro_update').val('').selectpicker('refresh');
                        $('#servicio_producto_update').html('<option selected>--Seleccione tipo de servicio y suministro--</option>');
                        $('#servicio_producto_update').selectpicker('refresh');

                        // ============================
                        // MODO CATÁLOGO
                        // ============================
                        if (modo === 'catalogo') {

                            $('#bloque_catalogo_seccion1').show();

                            var idTipo = resultData['datos_seccion']['id_catalogo_tipo_servicio'];
                            var idProducto = resultData['datos_seccion']['id_catalogo_producto_servicio'];

                            $('#id_catalogo_tipo_servicio_update').selectpicker('val', idTipo);

                            $.ajax({
                                url: "{{ url('get_productos_por_tipo_requisicion') }}",
                                method: "POST",
                                data: {
                                    id_catalogo_tipo_servicio: idTipo,
                                    _token: $('input[name="_token"]').val()
                                },
                                success: function(responseProductos){
                                    var resultProductos = JSON.parse(responseProductos);
                                    var html = "";

                                    $.each(resultProductos.data, function(key, item) {
                                        html += "<option value='" + item.id_catalogo_producto_servicio + "'>" + item.nombre + "</option>";
                                    });

                                    $('#id_catalogo_producto_servicio_update').html(html);
                                    $('#id_catalogo_producto_servicio_update').selectpicker('refresh');
                                    $('#id_catalogo_producto_servicio_update').selectpicker('val', idProducto);

                                    $('#update_seccion1_modal').modal('show');
                                },
                                error: function(){
                                    $('#id_catalogo_producto_servicio_update').html('');
                                    $('#id_catalogo_producto_servicio_update').selectpicker('refresh');
                                    $('#update_seccion1_modal').modal('show');
                                }
                            });
                        }

                        // ============================
                        // MODO LEGACY
                        // ============================
                        else {

                            $('#bloque_legacy_seccion1').show();

                            var tipo_servicio = resultData['datos_seccion']['tipo_servicio_suministro'];
                            var servicio_producto = resultData['datos_seccion']['servicio_producto'];
                            var servicio_producto_otro = resultData['datos_seccion']['servicio_producto_otro'];

                            var html_option = "";

                            switch (tipo_servicio) {
                                case 'Suministro de producto':
                                    var productos = [
                                        'Equipo de medición',
                                        'Material de construcción',
                                        'Herramientas',
                                        'Artefactos',
                                        'Papelería',
                                        'Norma',
                                        'Equipo de referencia',
                                        'Material consumible',
                                        'Equipo auxiliar',
                                        'Otro producto'
                                    ];

                                    $.each(productos, function(key, producto) {
                                        html_option += "<option value='" + producto + "'>" + producto + "</option>";
                                    });

                                    $('#servicio_producto_update').html(html_option);
                                    $('#servicio_producto_update').selectpicker('refresh');
                                    break;

                                case 'Suministro de servicios':
                                    var servicios = [
                                        'Mano de obra',
                                        'Contratación de pruebas',
                                        'Mantenimiento de equipos',
                                        'Capacitación',
                                        'Ensayos de aptitud',
                                        'Evaluación y/o auditoría',
                                        'Otro servicio'
                                    ];

                                    $.each(servicios, function(key, servicio) {
                                        html_option += "<option value='" + servicio + "'>" + servicio + "</option>";
                                    });

                                    $('#servicio_producto_update').html(html_option);
                                    $('#servicio_producto_update').selectpicker('refresh');
                                    break;

                                default:
                                    $('#servicio_producto_update').html("<option selected>--Seleccione tipo de servicio y suministro--</option>");
                                    $('#servicio_producto_update').selectpicker('refresh');
                                    break;
                            }

                            $('#tipo_servicio_suministro_update').selectpicker('val', tipo_servicio);
                            $('#servicio_producto_update').selectpicker('val', servicio_producto);

                            if (servicio_producto === "Otro producto" || servicio_producto === "Otro servicio") {
                                var html = "";
                                html += "<div class='form-row'>";
                                html += "<div class='form-group col-md-12 text-left'>";
                                html += "<label class='font-weight-bold'>Otro</label>";
                                html += "<input type='text' class='form-control' id='servicio_producto_otro' name='servicio_producto_otro'>";
                                html += "</div>";
                                html += "</div>";

                                $('#div_otro_servicio_producto_update').html(html).show();
                                $('#update_seccion1_modal #servicio_producto_otro').val(servicio_producto_otro);
                            } else {
                                $('#div_otro_servicio_producto_update').html('').hide();
                            }

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

        // Campo "Otro" solo para modo legacy
        $(document).on('change', '.servicio_producto_select', function(){
            var val = $(this).val();
            var html = "";

            if (val === "Otro producto" || val === "Otro servicio") {
                html += "<div class='form-row'>";
                html += "<div class='form-group col-md-12 text-left'>";
                html += "<label class='font-weight-bold'>Otro</label>";
                html += "<input type='text' class='form-control' id='servicio_producto_otro' name='servicio_producto_otro'>";
                html += "</div>";
                html += "</div>";

                $('#div_otro_servicio_producto_update').html(html).show();
            } else {
                $('#div_otro_servicio_producto_update').html('').hide();
            }
        });
    </script>
    <!--FIN - NUEVA IMPLEMENTACION PARA EDITAR SECCION 1-->

    @include('Requisicion_compra.create_seccion2_modal')
    <script>
        $(document).on('click','.create_seccion2',function(){
            $('#create_seccion2_modal').modal('show'); 
        });
    </script> 
    @include('Requisicion_compra.update_seccion2_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('.update_seccion2').on('click', function(){
                id_requisicion_reporte = $('#id_requisicion_reporte').val();

                $.ajax({
                    url:"{{url('show_detalles_requisicion_reporte_seccion2')}}",
                    method:"POST",
                    data:{'id_requisicion_reporte': id_requisicion_reporte, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response);
                        resultData = result.data;

                        $('#update_seccion2_modal').modal('show');

                        $('#update_seccion2_modal #proveedor_update').val(resultData['datos_reporte']['proveedor']);
                        $('#update_seccion2_modal #contacto_update').val(resultData['datos_reporte']['contacto']);
                        $('#update_seccion2_modal #datos_bancarios_update').val(resultData['datos_reporte']['datos_bancarios']);
                        $('#update_seccion2_modal #criterio_aceptacion_update').val(resultData['datos_reporte']['criterio_aceptacion']);

                        var tipoMoneda = resultData['datos_reporte']['tipo_moneda'] ? resultData['datos_reporte']['tipo_moneda'] : 'MXN';
                        var aplicaIva = parseInt(resultData['datos_reporte']['aplica_iva'] || 0);
                        var porcentajeIva = resultData['datos_reporte']['porcentaje_iva'] ? parseFloat(resultData['datos_reporte']['porcentaje_iva']) : 16.00;

                        $('#update_seccion2_modal #tipo_moneda_update').val(tipoMoneda);

                        @if ($permisos->gerente != 1)
                            $('#update_seccion2_modal #tipo_moneda_label_update').val(tipoMoneda === 'USD' ? 'Dólar' : 'Pesos mexicanos');
                        @endif

                        $('#update_seccion2_modal #aplica_iva_update').prop('checked', aplicaIva === 1);
                        $('#update_seccion2_modal #porcentaje_iva_update').val(porcentajeIva.toFixed(2));

                        @if ($permisos->gerente != 1)
                            $('#update_seccion2_modal #aplica_iva_hidden_update').val(aplicaIva);
                        @endif

                        $('#tbody_muestras_update').html('');

                        if (resultData['datos_conceptos'] != null) {
                            count = 0;
                            html_conceptos = "";

                            $.each(resultData['datos_conceptos'], function(key, value) {
                                count++;
                                id = value['id_requisicion_concepto'];
                                descripcion = value['descripcion'] != null ? value['descripcion'] : '';
                                subtotal = (parseFloat(value['precio'] || 0) * parseFloat(value['cantidad'] || 0)).toFixed(2);

                                var nombreConcepto = value['nombre'] != null ? value['nombre'] : '';
                                var cantidadConcepto = value['cantidad'] != null ? value['cantidad'] : 1;
                                var precioConcepto = value['precio'] != null ? value['precio'] : 0;

                                html_conceptos += "<tr id='tr_servicios_"+id+"' data-number_row='"+id+"' data-tipo='existente' data-id_requisicion_concepto='"+value['id_requisicion_concepto']+"' data-id_modal='update_seccion2_modal'>";
                                html_conceptos += "<td><input type='number' class='form-control calculo_subtotal_update calculo_total_update text-center' placeholder='Cantidad / Unidad' id='cantidad_update_"+id+"' name='cantidad_update_"+id+"' value='"+cantidadConcepto+"' min='1'></td>";
                                html_conceptos += "<td class='width_fixed'><input type='text' class='form-control text-center' id='nombre_update_"+id+"' name='nombre_update_"+id+"' value='"+nombreConcepto+"'></td>";
                                html_conceptos += "<td class='width_description_fixed'><textarea id='descripcion_update_"+id+"' name='descripcion_update_"+id+"' cols='10' rows='2' class='form-control text-center'>"+descripcion+"</textarea></td>";
                                html_conceptos += "<td class='width_fixed'><input type='number' class='form-control calculo_subtotal_update calculo_total_update text-right' placeholder='Precio' id='precio_update_"+id+"' name='precio_update_"+id+"' min='0' step='.01' value='"+precioConcepto+"' @if($permisos->gerente != 1) readonly @endif></td>";
                                html_conceptos += "<td class='width_fixed'><div class='input-group input-group-sm seccion2-money-group'><div class='input-group-prepend'><span class='input-group-text moneda_label_fila_update'>"+tipoMoneda+"</span></div><input type='number' class='form-control text-right' placeholder='Subtotal' id='subtotal_update_"+id+"' name='subtotal_update_"+id+"' min='0' step='.01' value='"+subtotal+"' readonly></div></td>";
                                html_conceptos += "<td class='text-center'><div class='ui tiny icon buttons'><a class='ui button red delete_servicio_concepto' title='Eliminar'><i class='trash icon'></i></a></div></td>";
                                html_conceptos += "</tr>";
                            });

                            $('#tbody_muestras_update').html(html_conceptos);
                        }

                        calculo_total_update();
                    }
                });
            });
        });
    </script> 
    @include('Requisicion_compra.create_seccion2_1_modal')
    <script>
        $(document).on('click','.create_seccion2_1',function(){
            $('#create_seccion2_1_modal').modal('show'); 
        });
    </script> 
    @include('Requisicion_compra.update_seccion2_1_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('.update_seccion2_1').on('click', function(){
                
                id_requisicion_proveedor = $('#id_requisicion_proveedor').val();
             
                $.ajax({
                    url:"{{url('show_detalles_requisicion_reporte_seccion2_1')}}",
                    method:"POST",
                    data:{'id_requisicion_proveedor': id_requisicion_proveedor, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        $('#update_seccion2_1_modal').modal('show');
                        
                        $('#update_seccion2_1_modal #select_proveedor_update').selectpicker('val',resultData['datos_proveedor']['id_requisicion_proveedor']);
                        
                        $('#update_seccion2_1_modal #nombre_empresa_update').val(resultData['datos_proveedor']['empresa']);
                        $('#update_seccion2_1_modal #nombre_contacto_update').val(resultData['datos_proveedor']['contacto']);
                        $('#update_seccion2_1_modal #correo_contacto_update').val(resultData['datos_proveedor']['correo']);
                        $('#update_seccion2_1_modal #telefono_contacto_update').val(resultData['datos_proveedor']['telefono']);
                        $('#update_seccion2_1_modal #datos_bancarios_update').val(resultData['datos_proveedor']['datos_bancarios']);
                        
                    }
                });
        
            });
        });
    </script> 
    @include('Requisicion_compra.create_seccion2_2_modal')
    <script>
        $(document).on('click','.create_seccion2_2',function(){
            $('#create_seccion2_2_modal').modal('show'); 
        });
    </script> 
    @include('Requisicion_compra.update_seccion2_2_modal')
    {{--
        Corrección:
        La lógica de actualización de la sección 2.2 vive dentro de
        update_seccion2_2_modal.blade.php.

        Antes existía aquí otro listener para .update_seccion2_2.
        Ese listener duplicado abría la modal pero NO llenaba
        #id_requisicion_reporte_update, provocando que Laravel recibiera:
        id_requisicion_reporte => null.
    --}}

    @include('Requisicion_compra.create_seccion2_3_modal')
    <script>
        $(document).on('click','.create_seccion2_3',function(){
            $('#create_seccion2_3_modal').modal('show'); 
        });
    </script> 

    @include('Requisicion_compra.create_seccion2_4_modal')

    <!-- INI - modal global de mensajes 2.4 -->
    <div class="modal fade" id="modal_mensaje_pago_24" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
            <div class="modal-content">

                <div class="modal-header text-white" id="modal_mensaje_pago_24_header">
                    <h5 class="modal-title" id="modal_mensaje_pago_24_titulo">
                        Mensaje
                    </h5>

                    <button type="button" class="close text-white" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>

                <div class="modal-body text-center">
                    <p id="texto_mensaje_pago_24" style="margin-bottom:0;"></p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-block" data-dismiss="modal">
                        Aceptar
                    </button>
                </div>

            </div>
        </div>
    </div>

    <script>
        function mostrarMensajePago24(mensaje, tipo) {

            tipo = tipo || 'warning';

            var $header = $('#modal_mensaje_pago_24_header');
            var $titulo = $('#modal_mensaje_pago_24_titulo');

            $header.removeClass('bg-warning bg-success bg-danger');

            if (tipo === 'success') {
                $header.addClass('bg-success');
                $titulo.html('<i class="check icon"></i> Operación correcta');
            } else if (tipo === 'danger') {
                $header.addClass('bg-danger');
                $titulo.html('<i class="times circle icon"></i> Error');
            } else {
                $header.addClass('bg-warning');
                $titulo.html('<i class="exclamation triangle icon"></i> Atención');
            }

            $('#texto_mensaje_pago_24').html(mensaje);
            $('#modal_mensaje_pago_24').modal('show');
        }
    </script>
    <!-- FIN - modal global de mensajes 2.4 -->

    <!-- INI - modal global de confirmación 2.4 -->
    <div class="modal fade" id="modal_confirmacion_pago_24" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
            <div class="modal-content">

                <div class="modal-header bg-warning text-white">
                    <h5 class="modal-title">
                        <i class="exclamation triangle icon"></i>
                        Confirmar acción
                    </h5>

                    <button type="button" class="close text-white" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>

                <div class="modal-body text-center">
                    <p id="texto_confirmacion_pago_24" style="margin-bottom:0;"></p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        Cancelar
                    </button>

                    <button type="button" class="btn btn-primary" id="btn_confirmar_accion_pago_24">
                        Confirmar
                    </button>
                </div>

            </div>
        </div>
    </div>

    <script>
        var accionConfirmadaPago24 = null;

        function mostrarConfirmacionPago24(mensaje, callback) {
            $('#texto_confirmacion_pago_24').html(mensaje);
            accionConfirmadaPago24 = callback;
            $('#modal_confirmacion_pago_24').modal('show');
        }

        $(document).on('click', '#btn_confirmar_accion_pago_24', function () {
            $('#modal_confirmacion_pago_24').modal('hide');

            if (typeof accionConfirmadaPago24 === 'function') {
                accionConfirmadaPago24();
            }

            accionConfirmadaPago24 = null;
        });

        $('#modal_confirmacion_pago_24').on('hidden.bs.modal', function () {
            accionConfirmadaPago24 = null;
        });
    </script>
    <!-- FIN - modal global de confirmación 2.4 -->

    @include('Requisicion_compra.create_seccion3_modal')
    <script>
        $(document).on('click','.create_seccion3',function(){
            $('#create_seccion3_modal').modal('show'); 
        });
    </script> 
    
    @include('Requisicion_compra.update_seccion3_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('.update_seccion3').on('click', function(){
                
                id_requisicion_inspeccion = $(this).attr('id');
                $('#id_requisicion_inspeccion_update').val(id_requisicion_inspeccion);
               
                $.ajax({
                    url:"{{url('show_detalles_requisicion_reporte_seccion3')}}",
                    method:"POST",
                    data:{'id_requisicion_inspeccion': id_requisicion_inspeccion, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;

                        console.log('show_detalles_requisicion_reporte_seccion3',resultData);
                        
                        $('#update_seccion3_modal').modal('show');

                        $('#update_seccion3_modal #porque_update').val(resultData['datos_seccion']['porque']);
                        
                        $('#update_seccion3_modal #observaciones_update').val(resultData['datos_seccion']['observaciones']);
                        $('#update_seccion3_modal #condiciones_almacenamiento_update').val(resultData['datos_seccion']['condiciones_almacenamiento']);
                        
                        switch (resultData['datos_seccion']['estatus_inspeccion']) {
                            case "Aceptado":
                                $("#criterio_aceptado_update").prop("checked", true);
                                break;
                            case "Rechazado":
                                $("#criterio_rechazado_update").prop("checked", true);
                                break;
                        
                            default:
                            break;
                        }
                    }
                });
        
            });
        });
    </script>


    @include('Requisicion_compra.create_seccion3_entregas_modal')

    <script>
        /*
        $(document).on('click', '.create_seccion3_entregas', function () {
            $('#create_seccion3_entregas_modal').modal('show');
        });

        public function eliminar_evidencia_entrega_requisicion(Request $request)
        {
            $archivo = Requisicion_Reporte_Pago_Archivo::where(
                    'id_requisicion_reporte_pago_archivo',
                    $request->id_requisicion_reporte_pago_archivo
                )
                ->where('tipo_archivo', 'evidencia_entrega')
                ->first();

            if (!$archivo) {
                return response()->json(array(
                    'success' => false,
                    'message' => 'No se encontró la evidencia de entrega.'
                ), 404);
            }

            if ($archivo->ruta && Storage::disk('public')->exists($archivo->ruta)) {
                Storage::disk('public')->delete($archivo->ruta);
            }

            $archivo->delete();

            return response()->json(array(
                'success' => true,
                'message' => 'Evidencia eliminada correctamente.'
            ));
        }
        */

    </script>

    <script>
        /*
        * Abrir modal nueva de sección 3 por entregas/parcialidades.
        */
        $(document).on('click', '.create_seccion3_entregas', function () {
            $('#create_seccion3_entregas_modal').modal('show');
        });

        /*
        * Eliminar evidencia de entrega.
        */
        $(document).on('click', '.eliminar_evidencia_entrega', function () {
            var idArchivo = $(this).data('id');

            if (!confirm('¿Deseas eliminar esta evidencia de entrega?')) {
                return;
            }

            $.ajax({
                url: "{{ url('eliminar_evidencia_entrega_requisicion') }}",
                method: "POST",
                dataType: "json",
                data: {
                    id_requisicion_reporte_pago_archivo: idArchivo,
                    _token: "{{ csrf_token() }}"
                },
                success: function (response) {
                    location.reload();
                },
                error: function () {
                    alert('No fue posible eliminar la evidencia de entrega.');
                }
            });
        });
    </script>

    <script>
        $(document).on('click', '.deshacer_entrega_requisicion', function () {
            var idReporte = $(this).data('id_requisicion_reporte');
            var idParcialidad = $(this).data('id_requisicion_reporte_parcialidad');

            if (!confirm('¿Deseas deshacer esta entrega? La entrega volverá a Pendiente.')) {
                return;
            }

            $.ajax({
                url: "{{ url('deshacer_entrega_requisicion') }}",
                method: "POST",
                dataType: "json",
                data: {
                    id_requisicion_reporte: idReporte,
                    id_requisicion_reporte_parcialidad: idParcialidad,
                    _token: "{{ csrf_token() }}"
                },
                success: function (response) {
                    location.reload();
                },
                error: function (xhr) {
                    var mensaje = 'No fue posible deshacer la entrega.';

                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        mensaje = xhr.responseJSON.message;
                    }

                    alert(mensaje);
                }
            });
        });
    </script>

    


    @include('Requisicion_compra.show_anexos')
    @include('Requisicion_compra.delete_anexos')

    <script>
        function addCommas(nStr){
            nStr += '';
            x = nStr.split('.');
            x1 = x[0];
            x2 = x.length > 1 ? '.' + x[1] : '';
            var rgx = /(\d+)(\d{3})/;
            while (rgx.test(x1)) {
                x1 = x1.replace(rgx, '$1' + ',' + '$2');
            }
            return x1 + x2;
        }
    </script>

    <script>
        $(document).on('click','.requisicion_firma',function(){
            id_requisicion_firma = $(this).data('id');
            id_firma = $(this).attr('id');
            id_usuario = $(this).data('id_usuario');
            id_requisicion_reporte = $(this).data('id_requisicion_reporte');
            seccion = $(this).data('seccion');
            console.log(id_requisicion_firma, id_firma, id_usuario, id_requisicion_reporte, seccion);
            $.ajax({
                url:"{{url('firmar_requisicion_reporte')}}",
                method:"POST",
                data:{'id_requisicion_firma': id_requisicion_firma,'seccion':seccion,'id_requisicion_reporte': id_requisicion_reporte,'id_usuario': id_usuario, _token: '{{csrf_token()}}'},
                success:function(response){
                    //alert(response);
                    result = JSON.parse(response); 
                    resultData = result.data;
                    console.log(resultData);
                    if (resultData['datos_firma']['estatus_firma']== "0") {
                   
                        $('#'+id_firma).removeClass("blue");
                        $('#'+id_firma).addClass("green");
                        $('#'+id_firma).text('Firmado');
    
                        //$('#edit_version_'+id_requisicion_firma).removeClass("enabled");
                        //$('#edit_version_'+id_requisicion_firma).addClass("disabled");
                        
                    }
                    if (resultData['datos_firma']['estatus_firma']== "1") {
                        $('#'+id_firma+'_img').remove();
                        $('#'+id_firma).removeClass("green");
                        $('#'+id_firma).addClass("blue");
                        $('#'+id_firma).text('Sin Firmar');
    
                        //$('#edit_version_'+id_requisicion_firma).removeClass("disabled");
                        //$('#edit_version_'+id_requisicion_firma).addClass("enabled");
                    }
                }
            });
            
        });
    </script>

    @include('Requisicion_compra.delete_notificacion_modal')
    
    <script>
        $(document).on('click','.delete_notificacion',function(){
            var id_requisicion_notificacion = $(this).data('id_requisicion_notificacion') || '';
            var id_notificacion_global = $(this).data('id_notificacion_global') || '';
            var origen_notificacion = $(this).data('origen_notificacion') || 'historico';
            //var nombre_completo=$(this).attr('data-nombre_completo');
            $('#id_requisicion_notificacion_delete').val(id_requisicion_notificacion);
            $('#id_notificacion_global_delete').val(id_notificacion_global);
            $('#origen_notificacion_delete').val(origen_notificacion);
            //$('#nombre_usr').html(nombre_completo);

            $('#delete_notificacion_requisicion_modal').modal('show'); 
        });
    </script>
    
    <script>
        $(document).on('click','.requisicion_estatus_pago',function(){
            id_requisicion_firma = $(this).data('id');
            id_firma = $(this).attr('id');
            id_usuario = $(this).data('id_usuario');
            id_requisicion_reporte = $(this).data('id_requisicion_reporte');
            seccion = $(this).data('seccion');
            
            
            $.ajax({
                url:"{{url('firmar_requisicion_reporte_pago')}}",
                method:"POST",
                data:{'id_requisicion_firma': id_requisicion_firma,'seccion':seccion,'id_requisicion_reporte': id_requisicion_reporte,'id_usuario': id_usuario, _token: '{{csrf_token()}}'},
                success:function(response){
                    //alert(response);
                    result = JSON.parse(response); 
                    resultData = result.data;
                    console.log('seccion',seccion);
                    console.log('resultData firmar_requisicion_reporte_pago',resultData);
                    if (resultData['datos_firma']['estatus_firma']== "0") {
                   
                        $('#'+id_firma).removeClass("blue");
                        $('#'+id_firma).addClass("green");
                        $('#'+id_firma).text('Firmado');
    
                        //$('#edit_version_'+id_requisicion_firma).removeClass("enabled");
                        //$('#edit_version_'+id_requisicion_firma).addClass("disabled");
                        
                    }
                    if (resultData['datos_firma']['estatus_firma']== "1") {
                        $('#'+id_firma+'_img').remove();
                        $('#'+id_firma).removeClass("green");
                        $('#'+id_firma).addClass("blue");
                        $('#'+id_firma).text('Sin Firmar');
    
                        //$('#edit_version_'+id_requisicion_firma).removeClass("disabled");
                        //$('#edit_version_'+id_requisicion_firma).addClass("enabled");
                    }
                }
            });
        
            
        });
    </script>

    <script>
        
        var id_requisicion_reporte = {{ $datos_reporte->id_requisicion_reporte }};
        var estatus_reporte = {{ $datos_reporte->estatus }}
        $('.estatus_aprobacion').click(function(){
            if($(this).attr('id') == 'aprobado'){
                var estatus_aprobacion = 2;
            }else if($(this).attr('id') == 'no_aprobado'){
                var estatus_aprobacion = 0;
            }  
            $.ajax({
                url:"{{url('update_estatus_requisicion_reporte')}}",
                method:"POST",
                data:{'estatus_aprobacion': estatus_aprobacion, 'id_requisicion_reporte':id_requisicion_reporte, _token: '{{csrf_token()}}'},
                success:function(response){
                    console.log('update_estatus_requisicion_reporte',response);
                    if(response == 'success' && estatus_aprobacion == 2){
                        $('.approve').removeClass('col-md-6').addClass('col-md-12');
                        $('.no-approve').hide();
                    }else if(response == 'success' && estatus_aprobacion == 0){
                        $('.no-approve').removeClass('col-md-6').addClass('col-md-12');
                        $('.approve').hide();
                        if(estatus_reporte != 0){
                            $('#motive-no-approve').removeAttr('hidden');
                        }
                    }
                }
            });
        });
        
    </script>

@endsection