@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">

                        {{--
                            Flujo central de requisición.

                            Esta vista ahora utiliza $flujo_requisicion, calculado en el controlador,
                            para decidir el estatus, bloqueo y modo de consulta de cada sección.

                            Importante:
                            - Para registros nuevos o estructurados se respeta el bloqueo del flujo.
                            - Para registros legacy el controlador puede indicar que no aplica bloqueo estricto,
                              evitando romper requisiciones históricas.
                        --}}
                        @php
                            $flujoSecciones = array();

                            if (isset($flujo_requisicion) && isset($flujo_requisicion['secciones']) && is_array($flujo_requisicion['secciones'])) {
                                $flujoSecciones = $flujo_requisicion['secciones'];
                            }

                            $aplicaBloqueoEstricto = true;

                            if (isset($flujo_requisicion) && isset($flujo_requisicion['aplica_bloqueo_estricto'])) {
                                $aplicaBloqueoEstricto = (bool) $flujo_requisicion['aplica_bloqueo_estricto'];
                            }

                            /*
                             * Obtiene el estado calculado de una sección.
                             * Si por alguna razón no existe, regresamos un estado seguro.
                             */
                            $estadoSeccion = function ($clave) use ($flujoSecciones) {
                                if (isset($flujoSecciones[$clave])) {
                                    return $flujoSecciones[$clave];
                                }

                                return array(
                                    'texto' => 'No iniciado',
                                    'clase' => 'danger',
                                    'habilitado' => false,
                                    'solo_consulta' => false,
                                    'bloqueado' => true,
                                    'resumen' => null,
                                    'fecha' => null,
                                    'usuario' => null,
                                    'motivo_bloqueo' => 'Debe completar las secciones anteriores.'
                                );
                            };

                            /*
                             * Fecha mostrada en la tabla.
                             * Prioridad:
                             * 1. Fecha calculada por el flujo.
                             * 2. Fecha legacy del registro de requisicion_secciones.
                             * 3. Sin datos.
                             */
                            $fechaFlujo = function ($estado, $registro = null) {
                                if (isset($estado['fecha']) && $estado['fecha']) {
                                    return formatDateForDisplay($estado['fecha']);
                                }

                                if ($registro && isset($registro->created_at1) && $registro->created_at1) {
                                    return formatDateForDisplay($registro->created_at1);
                                }

                                return '(Sin datos)';
                            };

                            /*
                             * Usuario mostrado en la tabla.
                             * Prioridad:
                             * 1. Usuario calculado por el flujo.
                             * 2. Usuario legacy del registro de requisicion_secciones.
                             * 3. Sin datos.
                             */
                            $usuarioFlujo = function ($estado, $registro = null) {
                                if (isset($estado['usuario']) && $estado['usuario']) {
                                    return $estado['usuario'];
                                }

                                if ($registro && isset($registro->nombre)) {
                                    return trim($registro->nombre . ' ' . $registro->apellidos);
                                }

                                return '(Sin datos)';
                            };

                            /*
                             * Determina si se debe mostrar una acción de captura/continuación.
                             *
                             * Nota:
                             * - Si una sección está en solo_consulta, ya no se deja modificar desde aquí.
                             * - Si el registro es legacy sin bloqueo estricto, se conserva compatibilidad.
                             */
                            $puedeCapturar = function ($estado) use ($permisos, $aplicaBloqueoEstricto) {
                                if (!$permisos || (int) $permisos->actualizar !== 1) {
                                    return false;
                                }

                                if (isset($estado['solo_consulta']) && $estado['solo_consulta']) {
                                    return false;
                                }

                                if (isset($estado['habilitado']) && $estado['habilitado']) {
                                    return true;
                                }

                                if (!$aplicaBloqueoEstricto && isset($estado['bloqueado']) && !$estado['bloqueado']) {
                                    return true;
                                }

                                return false;
                            };

                            /*
                             * Texto de acción.
                             */
                            $textoAccion = function ($estado, $existeRegistro = false) {
                                if ($existeRegistro) {
                                    return 'Continuar';
                                }

                                if (isset($estado['texto']) && $estado['texto'] != 'No iniciado') {
                                    return 'Continuar';
                                }

                                return 'Comenzar';
                            };
                        @endphp

                        <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
                                    ========================================================= --}}
                                @php
                                    $estado_1 = $estadoSeccion('1');
                                @endphp

                                <tr>
                                    <th scope="row">1. Tipo de servicio y suministro</th>

                                    <td>{{ $fechaFlujo($estado_1, $datos_seccion_1) }}</td>

                                    <td>{{ $usuarioFlujo($estado_1, $datos_seccion_1) }}</td>

                                    <td class="text-center">
                                        <span class="btn btn-{{ isset($estado_1['clase']) ? $estado_1['clase'] : 'danger' }}">
                                            {{ $estado_1['texto'] }}
                                        </span>

                                        @if(isset($estado_1['resumen']) && $estado_1['resumen'])
                                            <br>
                                            <small class="text-muted">{{ $estado_1['resumen'] }}</small>
                                        @endif
                                    </td>

                                    <td class="text-left">
                                        @if ($puedeCapturar($estado_1))
                                            <div class="buttons tiny-buttons">
                                                @if ($datos_reporte_tipo_servicio)
                                                    <button type="button"
                                                            class="ui button fluid blue update_seccion1"
                                                            id="{{ $datos_reporte_tipo_servicio->id_requisicion_tipo_servicio }}">
                                                        <i class="icon pencil"></i> {{ $textoAccion($estado_1, true) }}
                                                    </button>
                                                @else
                                                    <button type="button"
                                                            class="ui button fluid blue create_seccion1">
                                                        <i class="icon pencil"></i> {{ $textoAccion($estado_1, false) }}
                                                    </button>
                                                @endif
                                            </div>
                                        @elseif(isset($estado_1['solo_consulta']) && $estado_1['solo_consulta'])
                                            <button type="button" class="ui button fluid grey disabled" disabled>
                                                <i class="icon lock"></i> Consulta
                                            </button>
                                        @else
                                            <button type="button"
                                                    class="ui button fluid grey disabled"
                                                    disabled
                                                    title="{{ isset($estado_1['motivo_bloqueo']) ? $estado_1['motivo_bloqueo'] : 'Sección bloqueada.' }}">
                                                <i class="icon lock"></i> Bloqueado
                                            </button>
                                        @endif
                                    </td>
                                </tr>


                                {{-- =========================================================
                                    2. Especificaciones
                                    ========================================================= --}}
                                @php
                                    $estado_2 = $estadoSeccion('2');
                                @endphp

                                <tr>
                                    <th scope="row">2. Especificaciones</th>

                                    <td>{{ $fechaFlujo($estado_2, $datos_seccion_2) }}</td>

                                    <td>{{ $usuarioFlujo($estado_2, $datos_seccion_2) }}</td>

                                    <td class="text-center">
                                        <span class="btn btn-{{ isset($estado_2['clase']) ? $estado_2['clase'] : 'danger' }}">
                                            {{ $estado_2['texto'] }}
                                        </span>

                                        @if(isset($estado_2['resumen']) && $estado_2['resumen'])
                                            <br>
                                            <small class="text-muted">{{ $estado_2['resumen'] }}</small>
                                        @endif
                                    </td>

                                    <td class="text-left">
                                        @if ($puedeCapturar($estado_2))
                                            <div class="buttons tiny-buttons">
                                                @if ($datos_seccion_2)
                                                    <button type="button"
                                                            class="ui button fluid blue update_seccion2"
                                                            data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                        <i class="icon pencil"></i> {{ $textoAccion($estado_2, true) }}
                                                    </button>
                                                @else
                                                    <button type="button"
                                                            class="ui button fluid blue create_seccion2">
                                                        <i class="icon pencil"></i> {{ $textoAccion($estado_2, false) }}
                                                    </button>
                                                @endif
                                            </div>
                                        @elseif(isset($estado_2['solo_consulta']) && $estado_2['solo_consulta'])
                                            <button type="button" class="ui button fluid grey disabled" disabled>
                                                <i class="icon lock"></i> Consulta
                                            </button>
                                        @else
                                            <button type="button"
                                                    class="ui button fluid grey disabled"
                                                    disabled
                                                    title="{{ isset($estado_2['motivo_bloqueo']) ? $estado_2['motivo_bloqueo'] : 'Sección bloqueada.' }}">
                                                <i class="icon lock"></i> Bloqueado
                                            </button>
                                        @endif
                                    </td>
                                </tr>


                                {{-- =========================================================
                                    2.1 Datos de proveedor
                                    Se conserva la regla actual: solo se muestra a gerente.
                                    ========================================================= --}}
                                @if ($permisos->gerente == 1)

                                    @php
                                        $estado_21 = $estadoSeccion('2.1');
                                    @endphp

                                    <tr>
                                        <th scope="row">2.1 Datos de proveedor</th>

                                        <td>{{ $fechaFlujo($estado_21, $datos_seccion_2_1) }}</td>

                                        <td>{{ $usuarioFlujo($estado_21, $datos_seccion_2_1) }}</td>

                                        <td class="text-center">
                                            <span class="btn btn-{{ isset($estado_21['clase']) ? $estado_21['clase'] : 'danger' }}">
                                                {{ $estado_21['texto'] }}
                                            </span>

                                            @if(isset($estado_21['resumen']) && $estado_21['resumen'])
                                                <br>
                                                <small class="text-muted">{{ $estado_21['resumen'] }}</small>
                                            @endif
                                        </td>

                                        <td class="text-left">
                                            @if ($puedeCapturar($estado_21))
                                                <div class="buttons tiny-buttons">
                                                    @if ($datos_seccion_2_1)
                                                        <button type="button"
                                                                class="ui button fluid blue update_seccion2_1"
                                                                data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                            <i class="icon pencil"></i> {{ $textoAccion($estado_21, true) }}
                                                        </button>
                                                    @else
                                                        <button type="button"
                                                                class="ui button fluid blue create_seccion2_1">
                                                            <i class="icon pencil"></i> {{ $textoAccion($estado_21, false) }}
                                                        </button>
                                                    @endif
                                                </div>
                                            @elseif(isset($estado_21['solo_consulta']) && $estado_21['solo_consulta'])
                                                <button type="button" class="ui button fluid grey disabled" disabled>
                                                    <i class="icon lock"></i> Consulta
                                                </button>
                                            @else
                                                <button type="button"
                                                        class="ui button fluid grey disabled"
                                                        disabled
                                                        title="{{ isset($estado_21['motivo_bloqueo']) ? $estado_21['motivo_bloqueo'] : 'Sección bloqueada.' }}">
                                                    <i class="icon lock"></i> Bloqueado
                                                </button>
                                            @endif
                                        </td>
                                    </tr>


                                    {{-- =========================================================
                                        2.2 Cómo se recibe el suministro y formas de pago
                                        Se conserva la regla actual: solo se muestra a gerente.
                                        ========================================================= --}}
                                    @php
                                        $estado_22 = $estadoSeccion('2.2');
                                    @endphp

                                    <tr>
                                        <th scope="row">2.2 Como se recibe el suministro y formas de pago</th>

                                        <td>{{ $fechaFlujo($estado_22, $datos_seccion_2_2) }}</td>

                                        <td>{{ $usuarioFlujo($estado_22, $datos_seccion_2_2) }}</td>

                                        <td class="text-center">
                                            <span class="btn btn-{{ isset($estado_22['clase']) ? $estado_22['clase'] : 'danger' }}">
                                                {{ $estado_22['texto'] }}
                                            </span>

                                            @if(isset($estado_22['resumen']) && $estado_22['resumen'])
                                                <br>
                                                <small class="text-muted">{{ $estado_22['resumen'] }}</small>
                                            @endif
                                        </td>

                                        <td class="text-left">
                                            @if ($puedeCapturar($estado_22))
                                                <div class="buttons tiny-buttons">
                                                    @if ($datos_seccion_2_2)
                                                        <button type="button"
                                                                class="ui button fluid blue update_seccion2_2"
                                                                data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                            <i class="icon pencil"></i> {{ $textoAccion($estado_22, true) }}
                                                        </button>
                                                    @else
                                                        <button type="button"
                                                                class="ui button fluid blue create_seccion2_2"
                                                                data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                            <i class="icon pencil"></i> {{ $textoAccion($estado_22, false) }}
                                                        </button>
                                                    @endif
                                                </div>
                                            @elseif(isset($estado_22['solo_consulta']) && $estado_22['solo_consulta'])
                                                <button type="button" class="ui button fluid grey disabled" disabled>
                                                    <i class="icon lock"></i> Consulta
                                                </button>
                                            @else
                                                <button type="button"
                                                        class="ui button fluid grey disabled"
                                                        disabled
                                                        title="{{ isset($estado_22['motivo_bloqueo']) ? $estado_22['motivo_bloqueo'] : 'Sección bloqueada.' }}">
                                                    <i class="icon lock"></i> Bloqueado
                                                </button>
                                            @endif
                                        </td>
                                    </tr>

                                @endif


                                {{-- =========================================================
                                    2.3 Aprobación
                                    ========================================================= --}}
                                @php
                                    $estado_23 = $estadoSeccion('2.3');
                                @endphp

                                <tr>
                                    <th scope="row">2.3 Aprobación</th>

                                    <td>{{ $fechaFlujo($estado_23, $datos_seccion_2_3) }}</td>

                                    <td>{{ $usuarioFlujo($estado_23, $datos_seccion_2_3) }}</td>

                                    <td class="text-center">
                                        <span class="btn btn-{{ isset($estado_23['clase']) ? $estado_23['clase'] : 'danger' }}">
                                            {{ $estado_23['texto'] }}
                                        </span>

                                        @if(isset($estado_23['resumen']) && $estado_23['resumen'])
                                            <br>
                                            <small class="text-muted">{{ $estado_23['resumen'] }}</small>
                                        @endif
                                    </td>

                                    <td class="text-left">
                                        @if ($puedeCapturar($estado_23))
                                            <div class="buttons tiny-buttons">
                                                <button type="button"
                                                        class="ui button fluid blue create_seccion2_3"
                                                        data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                    <i class="icon pencil"></i> {{ $textoAccion($estado_23, $datos_seccion_2_3 ? true : false) }}
                                                </button>
                                            </div>
                                        @elseif(isset($estado_23['solo_consulta']) && $estado_23['solo_consulta'])
                                            <button type="button" class="ui button fluid grey disabled" disabled>
                                                <i class="icon lock"></i> Consulta
                                            </button>
                                        @else
                                            <button type="button"
                                                    class="ui button fluid grey disabled"
                                                    disabled
                                                    title="{{ isset($estado_23['motivo_bloqueo']) ? $estado_23['motivo_bloqueo'] : 'Sección bloqueada.' }}">
                                                <i class="icon lock"></i> Bloqueado
                                            </button>
                                        @endif
                                    </td>
                                </tr>


                                {{-- =========================================================
                                    2.4 Aprobación de pago
                                    ========================================================= --}}
                                @php
                                    $estado_24 = $estadoSeccion('2.4');
                                @endphp

                                <tr>
                                    <th scope="row">2.4 Aprobación de pago</th>

                                    <td>{{ $fechaFlujo($estado_24, $datos_seccion_2_4) }}</td>

                                    <td>{{ $usuarioFlujo($estado_24, $datos_seccion_2_4) }}</td>

                                    <td class="text-center">
                                        <span class="btn btn-{{ isset($estado_24['clase']) ? $estado_24['clase'] : 'danger' }}">
                                            {{ $estado_24['texto'] }}
                                        </span>

                                        @if(isset($estado_24['resumen']) && $estado_24['resumen'])
                                            <br>
                                            <small class="text-muted">{{ $estado_24['resumen'] }}</small>
                                        @endif
                                    </td>

                                    <td class="text-left">
                                        @if ($puedeCapturar($estado_24))
                                            <div class="buttons tiny-buttons">
                                                <button type="button"
                                                        class="ui button fluid blue create_seccion2_4"
                                                        data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                    <i class="icon pencil"></i> Continuar
                                                </button>
                                            </div>
                                        @elseif(isset($estado_24['solo_consulta']) && $estado_24['solo_consulta'])
                                            <button type="button" class="ui button fluid grey disabled" disabled>
                                                <i class="icon lock"></i> Consulta
                                            </button>
                                        @else
                                            <button type="button"
                                                    class="ui button fluid grey disabled"
                                                    disabled
                                                    title="{{ isset($estado_24['motivo_bloqueo']) ? $estado_24['motivo_bloqueo'] : 'Sección bloqueada.' }}">
                                                <i class="icon lock"></i> Bloqueado
                                            </button>
                                        @endif
                                    </td>
                                </tr>


                                {{-- =========================================================
                                    3. Inspección o revisión del producto o servicio contra especificación
                                    ========================================================= --}}
                                @php
                                    $estado_3 = $estadoSeccion('3');
                                @endphp

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

                                    <td>{{ $fechaFlujo($estado_3, $datos_seccion_3) }}</td>

                                    <td>{{ $usuarioFlujo($estado_3, $datos_seccion_3) }}</td>

                                    <td class="text-center">
                                        <span class="btn btn-{{ isset($estado_3['clase']) ? $estado_3['clase'] : 'danger' }}">
                                            {{ $estado_3['texto'] }}
                                        </span>

                                        @if(isset($estado_3['resumen']) && $estado_3['resumen'])
                                            <br>
                                            <small class="text-muted">{{ $estado_3['resumen'] }}</small>
                                        @endif
                                    </td>

                                    <td class="text-left">
                                        @if ($puedeCapturar($estado_3))
                                            <div class="buttons tiny-buttons">

                                                @if ($tiene_nueva_estructura_seccion_3)
                                                    <button type="button"
                                                            class="ui button fluid blue create_seccion3_entregas"
                                                            data-id_requisicion_reporte="{{ $id_requisicion_reporte }}">
                                                        <i class="icon pencil"></i> Continuar
                                                    </button>
                                                @else
                                                    @if ($datos_seccion_3 && $datos_reporte_inspeccion)
                                                        <button type="button"
                                                                class="ui button fluid blue update_seccion3"
                                                                id="{{ $datos_reporte_inspeccion->id_requisicion_inspeccion }}">
                                                            <i class="icon pencil"></i> Continuar
                                                        </button>
                                                    @else
                                                        <button type="button"
                                                                class="ui button fluid blue create_seccion3">
                                                            <i class="icon pencil"></i> {{ $textoAccion($estado_3, false) }}
                                                        </button>
                                                    @endif
                                                @endif

                                            </div>
                                        @elseif(isset($estado_3['solo_consulta']) && $estado_3['solo_consulta'])
                                            <button type="button" class="ui button fluid grey disabled" disabled>
                                                <i class="icon lock"></i> Consulta
                                            </button>
                                        @else
                                            <button type="button"
                                                    class="ui button fluid grey disabled"
                                                    disabled
                                                    title="{{ isset($estado_3['motivo_bloqueo']) ? $estado_3['motivo_bloqueo'] : 'Sección bloqueada.' }}">
                                                <i class="icon lock"></i> Bloqueado
                                            </button>
                                        @endif
                                    </td>
                                </tr>

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

                        @php
                            /*
                             * Las firmas finales solo se habilitan cuando el flujo central indica que:
                             * - 2.4 está en Pago Finalizado.
                             * - 3 está en Aceptado.
                             */
                            $firmasFinalesHabilitadas = false;
                            $motivoBloqueoFirmasFinales = 'Debe finalizarse el pago y aceptarse la inspección antes de firmar.';

                            if (isset($flujo_requisicion) && isset($flujo_requisicion['firmas_finales'])) {
                                $firmasFinalesHabilitadas = isset($flujo_requisicion['firmas_finales']['habilitadas'])
                                    ? (bool) $flujo_requisicion['firmas_finales']['habilitadas']
                                    : false;

                                if (isset($flujo_requisicion['firmas_finales']['motivo_bloqueo']) && $flujo_requisicion['firmas_finales']['motivo_bloqueo']) {
                                    $motivoBloqueoFirmasFinales = $flujo_requisicion['firmas_finales']['motivo_bloqueo'];
                                }
                            }
                        @endphp

                        <!-- 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

                                @if ($firmasFinalesHabilitadas)
                                    <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>
                                @else
                                    <button type="button"
                                            class="ui button fluid grey disabled"
                                            disabled
                                            title="{{ $motivoBloqueoFirmasFinales }}">
                                        <i class="icon lock"></i> Nombre y firma de quien realizó inspección
                                    </button>
                                @endif

                            @endif

                        </div>

                        <!-- Revisó 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

                                @if ($firmasFinalesHabilitadas)
                                    <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">
                                        Revisó conclusión de compra
                                    </a>
                                @else
                                    <button type="button"
                                            class="ui button fluid grey disabled"
                                            disabled
                                            title="{{ $motivoBloqueoFirmasFinales }}">
                                        <i class="icon lock"></i> Revisó conclusión de compra
                                    </button>
                                @endif

                            @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