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

    /*
     * URL limpia de regreso al listado.
     * Se recibe desde Pendientes o Finalizadas con todos sus filtros en return_url.
     * Si no viene, usamos el listado de Pendientes como valor seguro por defecto.
     */
    $url_regreso_requisicion = request('return_url');

    if (empty($url_regreso_requisicion)) {
        $url_regreso_requisicion = url('requisicion_compras');
    }

    /*
     * Validación simple para evitar regresar a URLs ajenas al módulo.
     */
    $host_sistema = parse_url(url('/'), PHP_URL_HOST);
    $host_regreso = parse_url($url_regreso_requisicion, PHP_URL_HOST);
    $path_regreso = parse_url($url_regreso_requisicion, PHP_URL_PATH);

    if (! empty($host_regreso) && $host_regreso !== $host_sistema) {
        $url_regreso_requisicion = url('requisicion_compras');
    }

    if (empty($path_regreso) || strpos($path_regreso, 'requisicion_compras') === false) {
        $url_regreso_requisicion = url('requisicion_compras');
    }
@endphp
<style>
    .requisicion-detalle-card {
        border: 1px solid #d8e1ea;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(20, 40, 60, 0.08);
    }

    .requisicion-detalle-card .card-header {
        padding: 13px 16px;
        border-bottom: 0;
        font-size: 14px;
        letter-spacing: 0;
    }

    .requisicion-detalle-card .card-body {
        padding: 18px;
    }

    .requisicion-detalle-card .card-body > .form-group.row {
        margin-bottom: 12px;
    }

    .requisicion-detalle-card .card-body > .form-group.row > .form-group {
        margin-bottom: 0;
        padding-top: 6px;
        padding-bottom: 8px;
    }

    .requisicion-detalle-card label {
        margin-bottom: 6px;
        color: #1f2d3d;
        font-size: 13px;
    }

    .requisicion-detalle-card p {
        margin-bottom: 0;
        color: #1f2d3d;
        font-size: 14px;
        line-height: 1.35;
    }

    .requisicion-flujo-section {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .requisicion-flujo-table-wrap {
        overflow-x: auto;
        border: 1px solid #d8e1ea;
        border-radius: 4px;
        background: #fff;
    }

    .requisicion-flujo-table {
        min-width: 1060px;
        margin-bottom: 0;
        border: 0;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
        font-size: 14px;
    }

    .requisicion-flujo-table > thead > tr > th {
        padding: 11px 12px;
        border-top: 0;
        border-bottom: 2px solid #d5dde6;
        background: #f7f9fb;
        color: #1f2d3d;
        font-size: 14px;
        font-weight: 700;
        vertical-align: middle;
        white-space: nowrap;
    }

    .requisicion-flujo-table > thead > tr > th.collapsing {
        position: static !important;
        height: auto !important;
        overflow: visible !important;
        transition: none !important;
    }

    .requisicion-flujo-table > tbody > tr > th,
    .requisicion-flujo-table > tbody > tr > td {
        padding: 11px 12px;
        border-color: #e1e7ed;
        color: #1f2d3d;
        vertical-align: middle;
    }

    .requisicion-flujo-table > tbody > tr:hover > th,
    .requisicion-flujo-table > tbody > tr:hover > td {
        background: #f5f9fc;
    }

    .requisicion-flujo-table .requisicion-flujo-col-seccion {
        width: 39%;
    }

    .requisicion-flujo-table .requisicion-flujo-col-fecha {
        width: 13%;
    }

    .requisicion-flujo-table .requisicion-flujo-col-usuario {
        width: 16%;
    }

    .requisicion-flujo-table .requisicion-flujo-col-estatus {
        width: 18%;
        text-align: center;
    }

    .requisicion-flujo-table .requisicion-flujo-col-acciones {
        width: 14%;
        text-align: center;
    }

    .requisicion-flujo-table > thead > tr > th:nth-child(1) {
        width: 39%;
    }

    .requisicion-flujo-table > thead > tr > th:nth-child(2) {
        width: 13%;
    }

    .requisicion-flujo-table > thead > tr > th:nth-child(3) {
        width: 16%;
    }

    .requisicion-flujo-table > thead > tr > th:nth-child(4) {
        width: 18%;
        text-align: center;
    }

    .requisicion-flujo-table > thead > tr > th:nth-child(5) {
        width: 14%;
        text-align: center;
    }

    .requisicion-flujo-table > tbody > tr > td:nth-child(4),
    .requisicion-flujo-table > tbody > tr > td:nth-child(5) {
        text-align: center !important;
    }

    .requisicion-flujo-table > tbody > tr > th {
        font-size: 14px;
        font-weight: 700;
    }

    .requisicion-flujo-table > tbody > tr > td:nth-child(4) .btn {
        min-width: 92px;
        max-width: 160px;
        padding: 7px 10px;
        border: 0;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
        white-space: normal;
    }

    .requisicion-flujo-table small.text-muted {
        display: block;
        margin-top: 7px;
        color: #536b82 !important;
        font-size: 12px;
        line-height: 1.25;
    }

    .requisicion-flujo-table .ui.button {
        min-height: 36px;
        margin: 0 auto !important;
        padding: 9px 12px !important;
        border-radius: 4px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 6px;
        white-space: nowrap;
    }

    .requisicion-flujo-table .ui.button.fluid {
        width: 100%;
        max-width: 150px;
    }

    .requisicion-flujo-table .ui.button i.icon {
        margin: 0 !important;
    }

    .requisicion-flujo-table .buttons.tiny-buttons {
        display: flex;
        justify-content: center;
    }

    @media (max-width: 767px) {
        .requisicion-detalle-card .card-body {
            padding: 12px;
        }

        .requisicion-flujo-table {
            min-width: 920px;
        }
    }

    .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;
    }

    .firma-final-info {
        min-height: 210px;
    }

    .firma-final-contenedor {
        width: 220px;
        height: 110px;
        margin: 6px auto;
        padding: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: #fff;
    }

    .firma-final-img {
        display: block;
        width: auto !important;
        height: auto !important;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    
</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 requisicion-detalle-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 activa 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 class="form-group col-md-3">
                            <label><strong>No. de requisición</strong></label>
                            <p>{{ $datos_reporte->id_requisicion_reporte }}</p>
                        </div>
                        
                    </div>
                    
                    <div class="form-group requisicion-flujo-section">

                        {{--
                            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, $puedeUsuario = true) use ($aplicaBloqueoEstricto) {
                                if (!$puedeUsuario) {
                                    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

                        <div class="table-responsive requisicion-flujo-table-wrap">
                        <table class="table table-striped table-bordered table-hover requisicion-flujo-table">
                            <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, $puede_editar_secciones_base))
                                            <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'])
                                            @if ($datos_reporte_tipo_servicio)
                                                <button type="button"
                                                        class="ui button fluid grey update_seccion1 btn-consulta-requisicion"
                                                        id="{{ $datos_reporte_tipo_servicio->id_requisicion_tipo_servicio }}"
                                                        data-modo_modal="consulta">
                                                    <i class="icon eye"></i> Consulta
                                                </button>
                                            @else
                                                <button type="button" class="ui button fluid grey disabled" disabled>
                                                    <i class="icon lock"></i> Consulta
                                                </button>
                                            @endif
                                        @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, $puede_editar_secciones_base))
                                            <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 update_seccion2 btn-consulta-requisicion"
                                                    data-id_requisicion_reporte="{{ $id_requisicion_reporte }}"
                                                    data-modo_modal="consulta">
                                                <i class="icon eye"></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
                                    Visible para usuarios con acceso al detalle; la edicion
                                    queda controlada por permisos de backend.
                                    ========================================================= --}}
                                @if (isset($id_requisicion_reporte))

                                    @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, $puede_editar_secciones_base))
                                                <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 update_seccion2_1 btn-consulta-requisicion"
                                                        data-id_requisicion_reporte="{{ $id_requisicion_reporte }}"
                                                        data-modo_modal="consulta">
                                                    <i class="icon eye"></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
                                        Visible para usuarios con acceso al detalle; la edicion
                                        queda controlada por permisos de backend.
                                        ========================================================= --}}
                                    @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, $puede_editar_secciones_base))
                                                <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 update_seccion2_2 btn-consulta-requisicion"
                                                        data-id_requisicion_reporte="{{ $id_requisicion_reporte }}"
                                                        data-modo_modal="consulta">
                                                    <i class="icon eye"></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, $puede_gestionar_aprobacion))
                                            <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>
                                                    {{ $modo_firma_anticipada_2_3
                                                        ? 'Firmar'
                                                        : $textoAccion($estado_23, $datos_seccion_2_3 ? true : false) }}
                                                </button>
                                            </div>
                                        @elseif(isset($estado_23['solo_consulta']) && $estado_23['solo_consulta'] && $puede_gestionar_aprobacion)
                                            <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> Continuar
                                                </button>
                                            </div>
                                        @elseif(isset($estado_23['solo_consulta']) && $estado_23['solo_consulta'])
                                            <button type="button"
                                                    class="ui button fluid grey create_seccion2_3 btn-consulta-requisicion"
                                                    data-id_requisicion_reporte="{{ $id_requisicion_reporte }}"
                                                    data-modo_modal="consulta">
                                                <i class="icon eye"></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 id="fila_seccion_2_4_requisicion" data-id-requisicion-reporte="{{ $id_requisicion_reporte }}">
                                    <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, $puede_gestionar_pagos))
                                            <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(!$puede_gestionar_pagos && isset($estado_24['texto']) && $estado_24['texto'] != 'No iniciado' && $estado_24['texto'] != 'N/A')
                                            <button type="button"
                                                    class="ui button fluid grey create_seccion2_4 btn-consulta-requisicion"
                                                    data-id_requisicion_reporte="{{ $id_requisicion_reporte }}"
                                                    data-modo_modal="consulta">
                                                <i class="icon eye"></i> Consulta
                                            </button>
                                        @elseif(isset($estado_24['solo_consulta']) && $estado_24['solo_consulta'])

                                            @if(isset($estado_24['texto']) && $estado_24['texto'] == 'N/A')
                                                <button type="button"
                                                        class="ui button fluid grey disabled"
                                                        disabled
                                                        title="{{ isset($estado_24['motivo_bloqueo']) ? $estado_24['motivo_bloqueo'] : 'No aplica para esta requisición.' }}">
                                                    <i class="icon lock"></i> N/A
                                                </button>
                                            @else
                                                {{-- 
                                                    Sección 2.4:
                                                    Aunque el flujo diga "solo_consulta" por estar finalizada,
                                                    se deja editable porque puede requerir carga/corrección de
                                                    facturas, complementos o evidencias de pago.

                                                    Importante:
                                                    Se respeta el permiso actualizar.
                                                --}}
                                                @if ($puede_gestionar_pagos)
                                                    <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>
                                                @else
                                                    <button type="button"
                                                            class="ui button fluid grey disabled"
                                                            disabled>
                                                        <i class="icon lock"></i> Consulta
                                                    </button>
                                                @endif
                                            @endif
                                        @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, $puede_editar_seccion3))
                                            <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> Comenzar
                                                        </button>
                                                    @endif
                                                @endif

                                            </div>

                                        @elseif(isset($estado_3['solo_consulta']) && $estado_3['solo_consulta'])

                                            @if(isset($estado_3['texto']) && $estado_3['texto'] == 'N/A')
                                                <button type="button"
                                                        class="ui button fluid grey disabled"
                                                        disabled
                                                        title="{{ isset($estado_3['motivo_bloqueo']) ? $estado_3['motivo_bloqueo'] : 'No aplica para esta requisición.' }}">
                                                    <i class="icon lock"></i> N/A
                                                </button>
                                            @else

                                                {{-- 
                                                    Sección 3:
                                                    Aunque el flujo diga "solo_consulta" por estar aceptada,
                                                    se deja editable porque puede requerir carga/corrección de
                                                    evidencias de entrega.

                                                    Importante:
                                                    Se respeta el permiso actualizar.
                                                --}}
                                                @if ($puede_editar_seccion3)
                                                    <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_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> Comenzar
                                                                </button>
                                                            @endif
                                                        @endif

                                                    </div>
                                                @else
                                                    <button type="button"
                                                            class="ui button fluid grey disabled"
                                                            disabled>
                                                        <i class="icon lock"></i> Consulta
                                                    </button>
                                                @endif

                                            @endif

                                        @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> 
                    <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'];
                                }
                            }

                            $puedeGestionarFirmasFinales = $firmasFinalesHabilitadas && $puede_editar_seccion3;
                            $motivoBloqueoGestionFirmasFinales = $motivoBloqueoFirmasFinales;

                            if ($firmasFinalesHabilitadas && !$puede_editar_seccion3) {
                                $motivoBloqueoGestionFirmasFinales = 'No tienes permiso para firmar esta requisicion.';
                            }

                            $obtenerNombreFirmaFinal = function ($firma) {
                                if (!$firma) {
                                    return 'Usuario no disponible';
                                }

                                $nombre = trim((string) $firma->nombre.' '.(string) $firma->apellidos);

                                return $nombre !== '' ? $nombre : 'Usuario no disponible';
                            };

                            $obtenerPuestoFirmaFinal = function ($firma) {
                                if (!$firma) {
                                    return 'Puesto no registrado';
                                }

                                $puesto = trim((string) $firma->puesto_firmante);

                                if ($puesto === '') {
                                    $puesto = trim((string) $firma->area_firmante);
                                }

                                return $puesto !== '' ? $puesto : 'Puesto no registrado';
                            };

                            $obtenerFirmaUrlFinal = function ($nombreFirma) {
                                $nombreFirma = trim((string) $nombreFirma);

                                if ($nombreFirma === '') {
                                    return '';
                                }

                                $rutaFirma = storage_path('app/public/archivos_usuario/'.$nombreFirma);

                                if (!file_exists($rutaFirma) || !is_file($rutaFirma)) {
                                    return '';
                                }

                                $extensionFirma = strtolower(pathinfo($rutaFirma, PATHINFO_EXTENSION));
                                $mimesPorExtension = array(
                                    'png' => 'image/png',
                                    'jpg' => 'image/jpeg',
                                    'jpeg' => 'image/jpeg',
                                    'gif' => 'image/gif',
                                    'webp' => 'image/webp',
                                );

                                $mime = isset($mimesPorExtension[$extensionFirma])
                                    ? $mimesPorExtension[$extensionFirma]
                                    : '';

                                if ($mime === '' && function_exists('mime_content_type')) {
                                    $mimeDetectado = mime_content_type($rutaFirma);

                                    if ($mimeDetectado && strpos($mimeDetectado, 'image/') === 0) {
                                        $mime = $mimeDetectado;
                                    }
                                }

                                if ($mime === '') {
                                    return '';
                                }

                                return 'data:'.$mime.';base64,'.base64_encode(file_get_contents($rutaFirma));
                            };
                        @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" class="firma-final-info">
                                    <p style="margin-bottom:8px; font-weight:bold;">Firma de quien realizó la inspección</p>
                                    <p style="margin-bottom:4px;">{{ $obtenerPuestoFirmaFinal($firma_inspeccion) }}</p>

                                    @php
                                        $firma_inspeccion_url = $obtenerFirmaUrlFinal($firma_inspeccion->firma_digital);
                                    @endphp

                                    @if ($firma_inspeccion_url)
                                        <div class="firma-final-contenedor">
                                            <img class="firma-final-img" src="{!! $firma_inspeccion_url !!}" alt="Firma de inspección">
                                        </div>
                                    @else
                                        <p class="text-muted" style="margin-bottom:6px;">Firma digital no registrada.</p>
                                    @endif

                                    <p style="margin-top:6px; margin-bottom:4px;">{{ $obtenerNombreFirmaFinal($firma_inspeccion) }}</p>
                                    <span class="btn btn-success btn-sm" style="margin-bottom:8px;">Firmado</span>
                                </div>

                                @if ($puede_editar_seccion3)
                                <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 }}"
                                   data-accion_firma="cancelar"
                                   data-confirm_titulo="Cancelar firma de inspección"
                                   data-confirm_mensaje="¿Deseas cancelar la firma de inspección registrada?"
                                   data-confirm_boton="Sí, cancelar firma"
                                   data-cancel_boton="No, conservar firma"
                                   class="ui button red small requisicion_firma">
                                    Cancelar firma
                                </a>
                                @endif

                            @else

                                @if ($puedeGestionarFirmasFinales)
                                    <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 }}"
                                       data-accion_firma="firmar"
                                       data-confirm_titulo="Confirmar firma de inspección"
                                       data-confirm_mensaje="¿Deseas firmar como la persona que realizó la inspección de esta requisición?"
                                       data-confirm_boton="Sí, firmar inspección"
                                       data-cancel_boton="Cancelar"
                                       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="{{ $motivoBloqueoGestionFirmasFinales }}">
                                        <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" class="firma-final-info">
                                    <p style="margin-bottom:8px; font-weight:bold;">Revisó conclusión de compra</p>
                                    <p style="margin-bottom:4px;">{{ $obtenerPuestoFirmaFinal($firma_conclusion) }}</p>

                                    @php
                                        $firma_conclusion_url = $obtenerFirmaUrlFinal($firma_conclusion->firma_digital);
                                    @endphp

                                    @if ($firma_conclusion_url)
                                        <div class="firma-final-contenedor">
                                            <img class="firma-final-img" src="{!! $firma_conclusion_url !!}" alt="Firma de conclusión de compra">
                                        </div>
                                    @else
                                        <p class="text-muted" style="margin-bottom:6px;">Firma digital no registrada.</p>
                                    @endif

                                    <p style="margin-top:6px; margin-bottom:4px;">{{ $obtenerNombreFirmaFinal($firma_conclusion) }}</p>
                                    <span class="btn btn-success btn-sm" style="margin-bottom:8px;">Firmado</span>
                                </div>

                                @if ($puede_editar_seccion3)
                                <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 }}"
                                   data-accion_firma="cancelar"
                                   data-confirm_titulo="Cancelar revisión de conclusión de compra"
                                   data-confirm_mensaje="¿Deseas cancelar la firma de revisión de conclusión de compra?"
                                   data-confirm_boton="Sí, cancelar revisión"
                                   data-cancel_boton="No, conservar firma"
                                   class="ui button red small requisicion_firma">
                                    Cancelar revisión
                                </a>
                                @endif

                            @else

                                @if ($puedeGestionarFirmasFinales)
                                    <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 }}"
                                       data-accion_firma="firmar"
                                       data-confirm_titulo="Confirmar revisión de conclusión de compra"
                                       data-confirm_mensaje="¿Deseas firmar la revisión de la conclusión de compra?"
                                       data-confirm_boton="Sí, firmar revisión"
                                       data-cancel_boton="Cancelar"
                                       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="{{ $motivoBloqueoGestionFirmasFinales }}">
                                        <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_cliente/'.$id_requisicion_reporte)}}" class="ui button fluid blue">
                            <i class="icon download"></i> Descargar formato de requisición de compras
                        </a>
                    </div>
                    <div class="form-group">
                        <a target="_blank" href="{{url('formato_requisicion_pdf/'.$id_requisicion_reporte)}}" class="ui button fluid teal">
                            <i class="icon download"></i> Descargar formato con pagos
                        </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 id="btn_atras_requisicion" href="{{ $url_regreso_requisicion }}" 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>

    <script>
        /*
         * El botón Atrás NO debe usar history.back(), porque detalles puede abrir modales,
         * firmar pagos, actualizar secciones, etc. y eso contamina el historial.
         * Primero usamos return_url; si se pierde por alguna acción interna, usamos sessionStorage.
         */
        (function () {
            var storageKey = 'requisicion_compras_return_url';
            var fallbackUrl = "{{ url('requisicion_compras') }}";
            var btnAtras = document.getElementById('btn_atras_requisicion');

            function esUrlValidaListado(url) {
                return url
                    && url.indexOf('requisicion_compras') !== -1
                    && url.indexOf('detalles_requisicion_compra') === -1;
            }

            function obtenerParametro(nombre) {
                var query = window.location.search.substring(1);
                var parametros = query.split('&');

                for (var i = 0; i < parametros.length; i++) {
                    var partes = parametros[i].split('=');

                    if (partes[0] === nombre) {
                        return decodeURIComponent((partes[1] || '').replace(/\+/g, ' '));
                    }
                }

                return '';
            }

            var returnUrl = obtenerParametro('return_url');

            try {
                if (esUrlValidaListado(returnUrl)) {
                    sessionStorage.setItem(storageKey, returnUrl);
                } else {
                    returnUrl = sessionStorage.getItem(storageKey);
                }
            } catch (e) {
                // Si sessionStorage falla, conservamos el href generado desde PHP.
            }

            if (btnAtras && esUrlValidaListado(returnUrl)) {
                btnAtras.setAttribute('href', returnUrl);
            } else if (btnAtras && !esUrlValidaListado(btnAtras.getAttribute('href'))) {
                btnAtras.setAttribute('href', fallbackUrl);
            }
        })();
    </script>

    <script>
        /*
         * Refresco parcial de la fila 2.4.
         *
         * La modal 2.4 ya consulta su endpoint propio y ese endpoint sincroniza pagos
         * contra Bancos. Para que la tabla principal no quede con el badge anterior,
         * primero llamamos ese endpoint y luego reemplazamos solo el <tr> de 2.4
         * desde el HTML actualizado de esta misma pantalla.
         */
        (function () {
            var idRequisicionReporte = {{ (int) $id_requisicion_reporte }};
            var refrescandoFila24 = false;
            var ultimoRefrescoFila24 = Date.now();
            var esperaMinimaMs = 3000;

            function extraerFilaSeccion24(html) {
                var $htmlTemporal = $('<div>').append($.parseHTML(html));
                return $htmlTemporal.find('#fila_seccion_2_4_requisicion').first();
            }

            function reemplazarFilaSeccion24(html) {
                var $filaActual = $('#fila_seccion_2_4_requisicion');
                var $filaNueva = extraerFilaSeccion24(html);

                if ($filaActual.length <= 0 || $filaNueva.length <= 0) {
                    return;
                }

                $filaActual.replaceWith($filaNueva);
            }

            function cargarFilaSeccion24Actualizada() {
                return $.ajax({
                    url: window.location.href,
                    method: 'GET',
                    dataType: 'html',
                    cache: false,
                    success: reemplazarFilaSeccion24
                });
            }

            window.refrescarFilaSeccion24Requisicion = function (opciones) {
                opciones = opciones || {};

                if (refrescandoFila24) {
                    return;
                }

                if (!opciones.forzar && (Date.now() - ultimoRefrescoFila24) < esperaMinimaMs) {
                    return;
                }

                refrescandoFila24 = true;
                ultimoRefrescoFila24 = Date.now();

                $.ajax({
                    url: "{{ url('show_detalles_requisicion_reporte_seccion2_4') }}",
                    method: 'POST',
                    dataType: 'json',
                    data: {
                        id_requisicion_reporte: idRequisicionReporte,
                        _token: "{{ csrf_token() }}"
                    }
                }).always(function () {
                    cargarFilaSeccion24Actualizada()
                        .always(function () {
                            refrescandoFila24 = false;
                        });
                });
            };

            $(window).on('focus', function () {
                window.refrescarFilaSeccion24Requisicion();
            });

            document.addEventListener('visibilitychange', function () {
                if (!document.hidden) {
                    window.refrescarFilaSeccion24Requisicion();
                }
            });
        })();
    </script>

    @include('Requisicion_compra.create_notificacion_modal')
    <script>
        $(document).on('click','.create_notificacion',function(){
            $('#create_notificacion_requisicion_modal').modal('show'); 
        });
    </script> 
    {{-- =========================================================
        MODO CONSULTA GLOBAL PARA MODALES DE REQUISICIÓN

        Objetivo:
        - Reutilizar las mismas modales actuales.
        - Permitir abrir la información capturada.
        - Evitar edición cuando la sección está en "Consulta".
        - Ocultar botones de guardar, eliminar, pagar, firmar o deshacer.

        Importante:
        Este bloque NO modifica datos.
        Solo afecta la interacción visual dentro de la modal.
    ========================================================= --}}
    <script>
        /*
         * Bandera global.
         *
         * Cuando el usuario da clic en un botón "Consulta",
         * esta variable queda en true y la siguiente modal que se abra
         * se bloqueará en modo lectura.
         */
        window.modoConsultaRequisicion = false;

        /*
         * Guarda cuál fue el botón que abrió la consulta.
         * Esto ayuda para depurar si alguna modal no entra en modo consulta.
         */
        window.botonConsultaRequisicion = null;

        /*
         * Marca que la siguiente modal debe abrirse en modo consulta.
         */
        function marcarModoConsultaRequisicion($boton) {
            window.modoConsultaRequisicion = true;
            window.botonConsultaRequisicion = $boton;
        }

        /*
         * Regresa el modo a edición normal.
         *
         * Se usa cuando se cierra una modal o cuando se abre una acción normal
         * como "Comenzar" o "Continuar".
         */
        function limpiarModoConsultaRequisicion() {
            window.modoConsultaRequisicion = false;
            window.botonConsultaRequisicion = null;
        }

        /*
         * Guarda el estado original de un campo o botón.
         *
         * ¿Por qué?
         * Porque algunas modales ya traen campos readonly o disabled por permisos.
         * No queremos que al cerrar la consulta se habiliten campos que originalmente
         * ya estaban bloqueados.
         */
        function guardarEstadoOriginalConsulta($elemento) {
            if ($elemento.data('consulta_estado_guardado') === 1) {
                return;
            }

            $elemento.data('consulta_estado_guardado', 1);
            $elemento.data('consulta_original_disabled', $elemento.prop('disabled') ? 1 : 0);
            $elemento.data('consulta_original_readonly', $elemento.prop('readonly') ? 1 : 0);
            $elemento.data('consulta_original_display', $elemento.css('display'));
        }

        /*
         * Activa modo consulta en una modal.
         *
         * Efectos:
         * - Inputs, textareas y selects quedan bloqueados.
         * - Selectpicker y select2 se refrescan.
         * - Summernote queda deshabilitado si existe.
         * - Botones de guardar/editar/eliminar/pagar/firmar se ocultan.
         * - El botón cerrar se mantiene disponible.
         */
        function activarModoConsultaModal(modalId) {
            var $modal = $('#' + modalId);

            if ($modal.length <= 0) {
                return;
            }

            $modal.attr('data-modo-consulta', '1');

            /*
             * Aviso visual.
             */
            if ($modal.find('.aviso-modo-consulta-requisicion').length <= 0) {
                $modal.find('.modal-body').first().prepend(
                    '<div class="alert alert-info text-center aviso-modo-consulta-requisicion" style="margin-bottom:15px;">' +
                        '<strong>Modo consulta:</strong> esta sección ya fue capturada y no puede modificarse.' +
                    '</div>'
                );
            }

            /*
             * Bloquear campos.
             *
             * Selects, radios, checkboxes y archivos se deshabilitan.
             * Inputs de texto y textareas se dejan readonly.
             */
            $modal.find('input, textarea, select').each(function () {
                var $campo = $(this);

                guardarEstadoOriginalConsulta($campo);

                if (
                    $campo.is('select') ||
                    $campo.is(':checkbox') ||
                    $campo.is(':radio') ||
                    $campo.attr('type') === 'file'
                ) {
                    $campo.prop('disabled', true);
                } else {
                    $campo.prop('readonly', true);
                }
            });

            /*
             * Selectpicker.
             */
            $modal.find('.selectpicker').each(function () {
                try {
                    $(this).prop('disabled', true);
                    $(this).selectpicker('refresh');
                } catch (e) {
                    console.log('No fue posible refrescar selectpicker en modo consulta.', e);
                }
            });

            /*
             * Select2.
             */
            $modal.find('.select2-hidden-accessible').each(function () {
                try {
                    $(this).prop('disabled', true).trigger('change.select2');
                } catch (e) {
                    console.log('No fue posible bloquear select2 en modo consulta.', e);
                }
            });

            /*
             * Summernote.
             */
            $modal.find('.summernote').each(function () {
                try {
                    $(this).summernote('disable');
                } catch (e) {
                    /*
                     * Si el campo no está inicializado con summernote,
                     * no detenemos la ejecución.
                     */
                }
            });

            /*
             * Botones/acciones que NO deben usarse en consulta.
             *
             * Se ocultan acciones de guardar, eliminar, pagar, firmar,
             * deshacer, subir archivos o agregar filas.
             */
            var selectorAcciones = [
                'button[type="submit"]',
                'input[type="submit"]',
                '.btn-guardar',
                '.btn_guardar',
                '.guardar',
                '.guardar_modal',
                '.guardar_pago',
                '.guardar_entrega',
                '.delete_servicio',
                '.delete_servicio_concepto',
                '.delete_servicio_concepto_update',
                '.add_muestra',
                '.add_muestra_update',
                '.btn-firma-2-3',
                '#btn_confirmar_guardar_2_3',
                '#btn_guardar_definitivo_2_3',
                '.eliminar_evidencia_entrega',
                '.deshacer_entrega_requisicion',
                '.deshacer_pago_requisicion',
                '.deshacer_pago_24',
                '.guardar_pago_24',
                '.firmar_pago_24',
                '.firmar_pago_parcialidad',
                '.pagar_monto',
                '.requisicion_firma',
                '.requisicion_estatus_pago',
                '.agregar_archivo',
                '.eliminar_archivo',
                '.eliminar_archivo_pago_24',
                '.ui.red.button',
                '.ui.green.button',
                '.ui.blue.button'
            ].join(',');

            $modal.find(selectorAcciones)
                .not('[data-dismiss="modal"]')
                .not('.close')
                .not('.btn-cerrar-consulta')
                .each(function () {
                    var $accion = $(this);

                    guardarEstadoOriginalConsulta($accion);
                    $accion.hide();
                });

            /*
             * Respaldo por texto.
             *
             * Algunas modales usan botones Bootstrap sin clases específicas.
             * Para esos casos se ocultan botones cuyo texto indique una acción
             * de modificación, pero se conservan Cerrar y Cancelar.
             */
            $modal.find('button, a').not('[data-dismiss="modal"]').not('.close').each(function () {
                var $accionTexto = $(this);
                var texto = $.trim($accionTexto.text()).toLowerCase();

                if (
                    texto.indexOf('guardar') >= 0 ||
                    texto.indexOf('actualizar') >= 0 ||
                    texto.indexOf('eliminar') >= 0 ||
                    texto.indexOf('deshacer') >= 0 ||
                    texto.indexOf('pagar') >= 0 ||
                    texto.indexOf('firmar') >= 0 ||
                    texto.indexOf('agregar') >= 0 ||
                    texto.indexOf('aprobar') >= 0 ||
                    texto.indexOf('no aprobar') >= 0
                ) {
                    guardarEstadoOriginalConsulta($accionTexto);
                    $accionTexto.hide();
                }
            });

            /*
             * Mantener disponible el cierre de la modal.
             */
            $modal.find('[data-dismiss="modal"], .close').each(function () {
                $(this).prop('disabled', false).show();
            });
        }

        /*
         * Restaura la modal al estado original.
         *
         * Esto es importante porque el usuario puede abrir primero en consulta
         * y después abrir otra sección editable sin recargar la página.
         */
        function restaurarModoEditableModal(modalId) {
            var $modal = $('#' + modalId);

            if ($modal.length <= 0) {
                return;
            }

            $modal.removeAttr('data-modo-consulta');
            $modal.find('.aviso-modo-consulta-requisicion').remove();

            $modal.find('input, textarea, select, button, a, input[type="submit"]').each(function () {
                var $elemento = $(this);

                if ($elemento.data('consulta_estado_guardado') === 1) {
                    $elemento.prop('disabled', $elemento.data('consulta_original_disabled') === 1);
                    $elemento.prop('readonly', $elemento.data('consulta_original_readonly') === 1);

                    var displayOriginal = $elemento.data('consulta_original_display');

                    if (displayOriginal) {
                        $elemento.css('display', displayOriginal);
                    }

                    $elemento.removeData('consulta_estado_guardado');
                    $elemento.removeData('consulta_original_disabled');
                    $elemento.removeData('consulta_original_readonly');
                    $elemento.removeData('consulta_original_display');
                }
            });

            /*
             * Refrescar plugins al restaurar.
             */
            $modal.find('.selectpicker').each(function () {
                try {
                    $(this).selectpicker('refresh');
                } catch (e) {}
            });

            $modal.find('.select2-hidden-accessible').each(function () {
                try {
                    $(this).trigger('change.select2');
                } catch (e) {}
            });

            $modal.find('.summernote').each(function () {
                try {
                    $(this).summernote('enable');
                } catch (e) {}
            });
        }

        /*
         * Cuando se da clic en un botón de consulta,
         * preparamos la siguiente modal para modo lectura.
         */
        $(document).on('click', '.btn-consulta-requisicion', function () {
            marcarModoConsultaRequisicion($(this));
        });

        /*
         * Cuando se da clic en botones normales de captura,
         * limpiamos el modo consulta.
         */
        $(document).on('click', '.create_seccion1, .update_seccion1, .create_seccion2, .update_seccion2, .create_seccion2_1, .update_seccion2_1, .create_seccion2_2, .update_seccion2_2, .create_seccion2_3, .create_seccion2_4, .create_seccion3, .update_seccion3, .create_seccion3_entregas', function () {
            if (!$(this).hasClass('btn-consulta-requisicion')) {
                limpiarModoConsultaRequisicion();
            }
        });

        /*
         * Cuando se abre cualquier modal:
         * si venimos de un botón Consulta, se activa el modo lectura.
         *
         * Se usan pequeños retrasos para cubrir modales que llenan contenido
         * por AJAX o generan campos dinámicos después de abrir.
         */
        $(document).on('shown.bs.modal', '.modal', function () {
            var modalId = $(this).attr('id');

            if (window.modoConsultaRequisicion === true) {
                activarModoConsultaModal(modalId);

                setTimeout(function () {
                    activarModoConsultaModal(modalId);
                }, 300);

                setTimeout(function () {
                    activarModoConsultaModal(modalId);
                }, 800);
            }
        });

        /*
         * Al cerrar la modal, se restaura su estado original.
         */
        $(document).on('hidden.bs.modal', '.modal', function () {
            var modalId = $(this).attr('id');

            restaurarModoEditableModal(modalId);
            limpiarModoConsultaRequisicion();
        });
    </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 tipoGasto = resultData['datos_reporte']['tipo_gasto'] ? resultData['datos_reporte']['tipo_gasto'] : '';
                        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);
                        $('#update_seccion2_modal #tipo_gasto_update').val(tipoGasto);

                        @if ($permisos->gerente != 1)
                            $('#update_seccion2_modal #tipo_moneda_label_update').val(tipoMoneda === 'USD' ? 'Dólar' : 'Pesos mexicanos');
                            $('#update_seccion2_modal #tipo_gasto_label_update').val(tipoGasto !== '' ? tipoGasto : 'Sin definir');
                        @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>


    <div id="contenedor_modal_seccion3_entregas">
        @include('Requisicion_compra.create_seccion3_entregas_modal')
    </div>

    <script>
        /*
        * Sección 3 por entregas/parcialidades.
        *
        * Objetivo:
        * - Evitar location.reload() al eliminar evidencias o deshacer entregas.
        * - Mantener la modal abierta.
        * - Reflejar los cambios dentro de la misma modal.
        */

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

        /*
        * Refresca solamente el contenido de la modal de sección 3.
        *
        * No se recarga toda la pantalla de detalles.
        * Se usa cuando la acción modifica el flujo de entregas, por ejemplo:
        * - Deshacer entrega.
        * - Cualquier caso donde se necesite recalcular qué entrega queda editable.
        */
        function refrescarContenidoModalSeccion3() {

            var $modalActual = $('#create_seccion3_entregas_modal');
            var scrollActual = 0;

            if ($modalActual.length > 0) {
                scrollActual = $modalActual.find('.modal-body').scrollTop();
            }

            $.ajax({
                url: window.location.href,
                method: 'GET',
                dataType: 'html',
                cache: false,
                success: function (html) {

                    var $htmlTemporal = $('<div>').append($.parseHTML(html));
                    var $modalNueva = $htmlTemporal.find('#create_seccion3_entregas_modal');

                    if ($modalNueva.length <= 0) {
                        alert('La acción se realizó, pero no fue posible actualizar la modal.');
                        return;
                    }

                    /*
                    * Reemplazamos solo el contenido interno de la modal.
                    * Así se conserva la modal abierta y no se pierde el contexto visual.
                    */
                    $('#create_seccion3_entregas_modal .modal-content').html(
                        $modalNueva.find('.modal-content').html()
                    );

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

                    setTimeout(function () {
                        $('#create_seccion3_entregas_modal .modal-body').scrollTop(scrollActual);

                        try {
                            $('#create_seccion3_entregas_modal').modal('handleUpdate');
                        } catch (e) {
                            /*
                            * Algunas versiones de Bootstrap no tienen handleUpdate.
                            * No detenemos el flujo si no existe.
                            */
                        }
                    }, 100);
                },
                error: function () {
                    alert('La acción se realizó, pero no fue posible actualizar la modal.');
                }
            });
        }

        /*
        * Eliminar evidencia de entrega sin cerrar modal.
        */
        $(document).on('click', '.eliminar_evidencia_entrega', function (e) {
            e.preventDefault();
            e.stopPropagation();

            var idArchivo = $(this).data('id');
            var $boton = $(this);

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

            $boton.prop('disabled', true);

            $.ajax({
                url: "{{ url('eliminar_evidencia_entrega_requisicion') }}",
                method: "POST",
                dataType: "json",
                data: {
                    id_requisicion_reporte_pago_archivo: idArchivo,
                    _token: "{{ csrf_token() }}"
                },
                success: function (response) {

                    var $evidencia = $('#evidencia_entrega_' + idArchivo);

                    /*
                    * Si la modal ya tiene el identificador del archivo,
                    * quitamos solamente ese registro de la lista.
                    */
                    if ($evidencia.length > 0) {
                        $evidencia.fadeOut(200, function () {
                            var $li = $(this);
                            var $bloque = $li.closest('.bloque-evidencias-entrega');

                            $li.remove();

                            if ($bloque.length > 0 && $bloque.find('li').length <= 0) {
                                $bloque.html('<small class="text-muted">Sin evidencias cargadas.</small>');
                            }
                        });
                    } else {
                        /*
                        * Respaldo:
                        * Si el include de la modal todavía no tiene los nuevos IDs,
                        * refrescamos la modal completa, sin recargar la página.
                        */
                        refrescarContenidoModalSeccion3();
                    }
                },
                error: function (xhr) {
                    var mensaje = 'No fue posible eliminar la evidencia de entrega.';

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

                    alert(mensaje);
                    $boton.prop('disabled', false);
                }
            });
        });

        /*
        * Deshacer entrega sin cerrar modal.
        */
        $(document).on('click', '.deshacer_entrega_requisicion', function (e) {
            e.preventDefault();
            e.stopPropagation();

            var idReporte = $(this).data('id_requisicion_reporte');
            var idParcialidad = $(this).data('id_requisicion_reporte_parcialidad');
            var $boton = $(this);

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

            $boton.prop('disabled', true);

            $.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) {
                    /*
                    * Aquí sí conviene refrescar toda la modal porque cambia:
                    * - Entregado a Pendiente.
                    * - Qué entrega queda editable.
                    * - Qué campos quedan bloqueados o habilitados.
                    * - La visibilidad del botón Deshacer entrega.
                    */
                    refrescarContenidoModalSeccion3();
                },
                error: function (xhr) {
                    var mensaje = 'No fue posible deshacer la entrega.';

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

                    alert(mensaje);
                    $boton.prop('disabled', false);
                }
            });
        });
    </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>
        function confirmarFirmaRequisicion(titulo, mensaje, textoConfirmar, textoCancelar) {
            return new Promise(function(resolve) {
                var $modal = $('#genericConfirmModal');
                var $title = $('#modal-generic-title-confirm');
                var $message = $('#genericConfirmMessage');
                var $confirmBtn = $('#genericConfirmBtn');
                var $cancelBtn = $modal.find('.modal-footer .btn-secondary');
                var textoCancelarOriginal = $cancelBtn.text();

                $title.text(titulo);
                $message.text(mensaje);
                $confirmBtn.text(textoConfirmar);
                $cancelBtn.text(textoCancelar || 'Cancelar');

                $confirmBtn.off('click');
                $modal.off('hidden.bs.modal');

                $confirmBtn.on('click.requisicionFirma', function() {
                    resolve(true);
                    $modal.modal('hide');
                });

                $modal.on('hidden.bs.modal.requisicionFirma', function() {
                    $cancelBtn.text(textoCancelarOriginal);
                    $confirmBtn.off('click.requisicionFirma');
                    $modal.off('hidden.bs.modal.requisicionFirma');
                    resolve(false);
                });

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

        $(document).on('click','.requisicion_firma',function(e){
            e.preventDefault();

            var $boton = $(this);
            var id_requisicion_firma = $boton.data('id');
            var id_usuario = $boton.data('id_usuario');
            var id_requisicion_reporte = $boton.data('id_requisicion_reporte');
            var seccion = $boton.data('seccion');
            var accion_firma = $boton.data('accion_firma');
            var titulo = $boton.data('confirm_titulo') || 'Confirmación';
            var mensaje = $boton.data('confirm_mensaje') || '¿Deseas continuar?';
            var textoConfirmar = $boton.data('confirm_boton') || 'Confirmar';
            var textoCancelar = $boton.data('cancel_boton') || 'Cancelar';

            confirmarFirmaRequisicion(titulo, mensaje, textoConfirmar, textoCancelar).then(function(confirmado) {
                if (!confirmado) {
                    return;
                }

                $boton.addClass('loading disabled');

                $.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,
                        'accion_firma': accion_firma,
                        _token: '{{csrf_token()}}'
                    },
                    success:function(response){
                        var result = typeof response === 'string' ? JSON.parse(response) : response;

                        if (!result.success) {
                            alert(result.msg || 'No fue posible actualizar la firma.');
                            return;
                        }

                        window.location.reload();
                    },
                    error:function(){
                        alert('No fue posible actualizar la firma.');
                    },
                    complete:function(){
                        $boton.removeClass('loading disabled');
                    }
                });
            });
        });
    </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");
                    }

                    if (typeof window.refrescarFilaSeccion24Requisicion === 'function') {
                        window.refrescarFilaSeccion24Requisicion({ forzar: true });
                    }
                }
            });
        
            
        });
    </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