@extends('fragments.fullTemplate')

@section('titulo')
    Detalle solicitud portal clientes
@endsection

@section('estilos')
    <style>
        .solicitud-acciones-encabezado {
            display: flex;
            align-items: center;
            gap: .5rem;
        }

        .solicitud-acciones-encabezado form {
            margin: 0;
        }

        .solicitud-historial-scroll {
            max-height: 28rem;
            overflow-y: auto;
        }

        .solicitud-acciones-archivo {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: .35rem;
        }
    </style>
@endsection

@section('contenido')
    <div data-module-notifications-anchor></div>
    @php
        $badgeMap = [
            'pendiente' => 'yellow',
            'pendiente_revision' => 'yellow',
            'en_revision' => 'blue',
            'aprobado' => 'green',
            'aprobada' => 'green',
            'rechazado' => 'red',
            'rechazada' => 'red',
            'correccion' => 'grey',
            'correccion_solicitada' => 'grey',
            'completada' => 'blue',
            'completado' => 'blue',
        ];



        $uiLabelColor = function ($clase) {
            $mapa = [
                'warning' => 'yellow',
                'info' => 'blue',
                'success' => 'green',
                'danger' => 'red',
                'secondary' => 'grey',
                'primary' => 'blue',
                'dark' => 'grey',
                'light' => 'grey basic',
            ];

            return $mapa[(string) $clase] ?? 'grey';
        };

        $labelEstado = function ($estado) {
            switch ((string) $estado) {
                case 'pendiente_revision':
                    return 'Pendiente de revisión';
                case 'en_revision':
                    return 'En revisión';
                case 'aprobado':
                case 'aprobada':
                    return 'Aprobado';
                case 'rechazado':
                case 'rechazada':
                    return 'Rechazado';
                case 'correccion':
                case 'correccion_solicitada':
                    return 'Corrección solicitada';
                case 'completada':
                case 'completado':
                    return 'Completada';
                case 'pendiente':
                default:
                    return $estado ? ucfirst(str_replace('_', ' ', $estado)) : 'Pendiente';
            }
        };

        $usuarioPortal = $solicitud->portalUsuario;
        $estatusSolicitud = $solicitud->estatus ?: 'pendiente';
        $estatusPublico = $solicitud->estatus_publico;
        $muestraRecibida = $solicitud->muestra_recibida_resumen;
        $partidas = $solicitud->partidas_mostrar;
        $tipoSolicitud = strtolower(trim((string) $solicitud->tipo_solicitud));
        $seguimiento = $solicitud->seguimiento_administrativo;
        $accionesOperativas = $solicitud->acciones_operativas;
        $numerosInformeSolicitud = collect($solicitud->numeros_informe_mostrar);
        $identificadorEncabezado = $numerosInformeSolicitud->count() > 0
            ? $numerosInformeSolicitud->implode(', ')
            : $solicitud->folio_mostrar;
        $textoInformativo = function ($valor) {
            $texto = trim((string) $valor);
            $rellenos = [
                'no disponible',
                'no registrado',
                'no registrada',
                'no especificado',
                'no especificada',
                'no registrados',
                'sin información',
                'sin informacion',
                'sin correo',
                'sin telefono',
                'sin teléfono',
                'sin asignar',
                'sin definir',
                'sin detalles registrados.',
                'sin observaciones del cliente',
                'sin observaciones de seatsa',
                'sin clasificacion',
                'sin clasificación',
                'sin tipo documental',
                'n/a',
                '---',
            ];

            return $texto !== '' && !in_array(mb_strtolower($texto, 'UTF-8'), $rellenos, true)
                ? $texto
                : null;
        };
    @endphp

    <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">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <strong>Revisa los campos obligatorios.</strong>
                    <ul class="mb-0 mt-2">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
    </div>

    <div class="ui big breadcrumb">
        <a class="section" href="{{ route('portal_clientes_solicitudes_servicios.index') }}">Solicitudes de servicios portal clientes</a>
        <i class="right chevron icon divider"></i>
        <div class="active section">{{ $identificadorEncabezado }}</div>
    </div>
    <div class="ui divider"></div>

    <div class="d-flex align-items-center justify-content-between flex-wrap mb-3">
        <h4 class="mb-2">Detalle de solicitud</h4>
        <div class="solicitud-acciones-encabezado mb-2">
            @if(data_get($accionesOperativas, 'mostrar_crear_ingreso_lab'))
                <form method="POST" action="{{ data_get($accionesOperativas, 'crear_ingreso_lab_url') }}" onsubmit="return confirm('Confirmas iniciar el flujo administrativo para las partidas aprobadas?');">
                    {!! csrf_field() !!}
                    <button type="submit" class="ui primary button" title="Enviar a módulo ingreso de muestras">
                        <i class="send icon"></i>
                        Enviar a módulo ingreso de muestras
                    </button>
                </form>
            @elseif(data_get($accionesOperativas, 'ver_flujo_lab_url'))
                <a href="{{ data_get($accionesOperativas, 'ver_flujo_lab_url') }}" class="ui blue button" title="Ver flujo existente">
                    <i class="eye icon"></i>
                    Ver flujo existente
                </a>
            @endif
        </div>
    </div>

    <div class="row mb-4">
        <div class="col-lg-4 mb-3">
            <div class="card h-100">
                <div class="card-header">
                    <strong>Datos generales</strong>
                </div>
                <div class="card-body">
                    @if($numerosInformeSolicitud->count() === 0)
                        <p class="mb-2"><strong>Folio:</strong> {{ $solicitud->folio_mostrar }}</p>
                    @elseif($numerosInformeSolicitud->count() === 1)
                        <p class="mb-2"><strong>No. de informe:</strong> {{ $numerosInformeSolicitud->first() }}</p>
                    @else
                        <div class="mb-2">
                            <strong>No. de informes:</strong>
                            <div class="mt-1">
                                @foreach($numerosInformeSolicitud as $numeroInforme)
                                    <span class="ui grey basic label mr-1 mb-1">{{ $numeroInforme }}</span>
                                @endforeach
                            </div>
                        </div>
                    @endif
                    <p class="mb-2"><strong>Tipo de solicitud:</strong> {{ $solicitud->tipo_solicitud_mostrar }}</p>
                    <p class="mb-2">
                        <strong>Estatus para cliente:</strong>
                        <span class="ui {{ $uiLabelColor(data_get($estatusPublico, 'clase', 'secondary')) }} label">
                            {{ data_get($estatusPublico, 'texto', 'Solicitud enviada') }}
                        </span>
                    </p>
                    @if($solicitud->created_at || $solicitud->fecha)
                        <p class="mb-2">
                            <strong>Fecha de solicitud:</strong>
                            {{ $solicitud->created_at ? date('d/m/Y H:i', strtotime($solicitud->created_at)) : date('d/m/Y', strtotime($solicitud->fecha)) }}
                        </p>
                    @endif
                    @if($solicitud->fecha_entrega_documentacion)
                        <p class="mb-2">
                            <strong>Fecha de entrega documental:</strong>
                            {{ date('d/m/Y', strtotime($solicitud->fecha_entrega_documentacion)) }}
                        </p>
                    @endif
                    <p class="mb-2"><strong>Registrada desde:</strong> {{ $solicitud->ingreso_desde_texto }}</p>
                    <p class="mb-0"><strong>Total de partidas:</strong> {{ $partidas->count() }}</p>
                </div>
            </div>
        </div>

        <div class="col-lg-4 mb-3">
            <div class="card h-100">
                <div class="card-header">
                    <strong>Empresa y contacto</strong>
                </div>
                <div class="card-body">
                    @if($textoInformativo($solicitud->empresa_relacionada_mostrar))
                        <p class="mb-2"><strong>Empresa:</strong> {{ $solicitud->empresa_relacionada_mostrar }}</p>
                    @endif
                    @if($textoInformativo($solicitud->contacto_mostrar))
                        <p class="mb-2"><strong>Contacto:</strong> {{ $solicitud->contacto_mostrar }}</p>
                    @endif
                    @if($textoInformativo($solicitud->correo_contacto_mostrar))
                        <p class="mb-2"><strong>Correo:</strong> {{ $solicitud->correo_contacto_mostrar }}</p>
                    @endif
                    @if($textoInformativo($solicitud->telefono_contacto_mostrar))
                        <p class="mb-2"><strong>Teléfono:</strong> {{ $solicitud->telefono_contacto_mostrar }}</p>
                    @endif
                    @if(optional($usuarioPortal)->usuario)
                        <p class="mb-2"><strong>Usuario portal:</strong> {{ $usuarioPortal->usuario }}</p>
                    @endif
                    @if($usuarioPortal)
                        <p class="mb-0"><strong>Estatus de acceso:</strong> {{ $usuarioPortal->estatus_texto }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-lg-4 mb-3">
            <div class="card h-100">
                <div class="card-header">
                    <strong>Estatus documental</strong>
                </div>
                <div class="card-body">
                    <p class="mb-2">
                        <strong>Estatus administrativo interno:</strong>
                        <span class="ui {{ $badgeMap[$estatusSolicitud] ?? 'grey' }} label">{{ $labelEstado($estatusSolicitud) }}</span>
                    </p>
                    <p class="mb-2"><strong>Total de documentos:</strong> {{ $solicitud->documentos->count() }}</p>
                    @if($textoInformativo($solicitud->servicio_resumen_mostrar))
                        <p class="mb-2"><strong>Servicio general:</strong> {{ $solicitud->servicio_resumen_mostrar }}</p>
                    @endif
                    <div>
                        <strong>Estados detectados:</strong>
                        <div class="mt-2">
                            @forelse($resumenEstadosDocumentos as $estadoDocumento => $totalEstado)
                                <span class="ui {{ $badgeMap[$estadoDocumento] ?? 'grey' }} label mb-1">
                                    {{ $labelEstado($estadoDocumento) }}: {{ $totalEstado }}
                                </span>
                            @empty
                                <span class="text-muted">Sin documentos asociados.</span>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <strong>Entrega de la muestra</strong>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-lg-4 mb-3 mb-lg-0">
                    @if($textoInformativo($solicitud->tipo_solicitud_mostrar))
                        <p class="mb-2"><strong>Tipo de solicitud:</strong> {{ $solicitud->tipo_solicitud_mostrar }}</p>
                    @endif
                    @if($textoInformativo($solicitud->forma_entrega_muestra_mostrar))
                        <p class="mb-2"><strong>Forma de entrega:</strong> {{ $solicitud->forma_entrega_muestra_mostrar }}</p>
                    @endif
                    @if($textoInformativo($solicitud->detalles_entrega_muestra_mostrar))
                        <p class="mb-0"><strong>Detalle de entrega:</strong> {{ $solicitud->detalles_entrega_muestra_mostrar }}</p>
                    @endif
                </div>
                <div class="col-lg-4 mb-3 mb-lg-0">
                    <p class="mb-2">
                        <strong>Muestra física:</strong>
                        @if(data_get($muestraRecibida, 'aplica'))
                            Requerida
                        @else
                            No aplica
                        @endif
                    </p>
                    <p class="mb-2">
                        <strong>Recepción en SEATSA:</strong>
                        <span class="ui {{ $uiLabelColor(data_get($muestraRecibida, 'clase', 'secondary')) }} label">
                            {{ data_get($muestraRecibida, 'texto') }}
                        </span>
                    </p>
                    @if(data_get($muestraRecibida, 'fecha'))
                        <p class="mb-0">
                            <strong>Fecha registrada:</strong>
                            {{ date('d/m/Y H:i', strtotime(data_get($muestraRecibida, 'fecha'))) }}
                        </p>
                    @endif
                </div>
                <div class="col-lg-4">
                    @if($tipoSolicitud === 'laboratorio')
                        @if(!$muestraRecibidaHabilitada)
                            <div class="alert alert-warning mb-0">
                                La acción de recepción de muestra requiere ejecutar la migración pendiente.
                            </div>
                        @elseif(data_get($muestraRecibida, 'registrada'))
                            <div class="alert alert-success mb-0">
                                La muestra ya fue marcada como recibida en SEATSA.
                            </div>
                        @elseif($puedeGestionar)
                            <form method="POST" action="{{ route('portal_clientes_solicitudes_servicios.muestra_recibida', $solicitud->id_portal_solicitud_prueba) }}" onsubmit="return confirm('¿Confirmas que la muestra física ya fue recibida en SEATSA?');">
                                {!! csrf_field() !!}
                                <button type="submit" class="ui green button fluid" title="Marcar muestra recibida en SEATSA">
                                    <i class="check icon"></i>
                                    Marcar muestra recibida en SEATSA
                                </button>
                            </form>
                            <p class="small text-muted mt-2 mb-0">
                                Esta acción es independiente de la aprobación documental.
                            </p>
                        @else
                            <div class="alert alert-light border mb-0">
                                Solo lectura.
                            </div>
                        @endif
                    @else
                        <div class="alert alert-light border mb-0">
                            ARM no requiere muestra física para este flujo.
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @if($solicitud->observaciones)
        <div class="card mb-4">
            <div class="card-header">
                <strong>Comentarios del cliente</strong>
            </div>
            <div class="card-body">
                {{ $solicitud->observaciones }}
            </div>
        </div>
    @endif

    <div class="card mb-4">
        <div class="card-header">
            <strong>Partidas y productos enviados</strong>
        </div>
        <div class="card-body">
            @if($partidas->count() > 0)
                <div id="acordeonPartidas">
                    @foreach($partidas as $partida)
                        @php
                            $partidaTipo = strtolower(trim((string) data_get($partida, 'tipo_solicitud', $tipoSolicitud)));
                            $resumenPartida = data_get($partida, 'producto');
                            $comentarioSeatsa = (string) data_get($partida, 'comentario_revision', '');
                            $tieneComentarioSeatsa = trim($comentarioSeatsa) !== '';
                            $numerosInformePartida = collect(data_get($partida, 'numeros_informe'));
                        @endphp
                        <div class="card mb-3">
                            <div class="card-header p-0" id="headingPartida{{ $loop->index }}">
                                <a
                                    class="btn btn-link btn-block text-left @if(!$loop->first) collapsed @endif"
                                    data-toggle="collapse"
                                    href="#collapsePartida{{ $loop->index }}"
                                    aria-expanded="@if($loop->first) true @else false @endif"
                                    aria-controls="collapsePartida{{ $loop->index }}"
                                >
                                    <strong>Partida {{ data_get($partida, 'numero') }}</strong>
                                    @if($textoInformativo($resumenPartida))
                                        <span class="small text-muted ml-2">{{ $resumenPartida }}</span>
                                    @endif
                                </a>
                            </div>
                            <div
                                id="collapsePartida{{ $loop->index }}"
                                class="collapse @if($loop->first) show @endif"
                                aria-labelledby="headingPartida{{ $loop->index }}"
                                data-parent="#acordeonPartidas"
                            >
                                <div class="card-body">
                                    <div class="row align-items-center mb-3">
                                        <div class="col-md-7 mb-2 mb-md-0">
                                            <strong>Revisión de partida:</strong>
                                            <span class="ui {{ $uiLabelColor(data_get($partida, 'estatus_revision_clase', 'secondary')) }} label">
                                                {{ data_get($partida, 'estatus_revision_texto', 'Pendiente') }}
                                            </span>
                                            @if(data_get($partida, 'fecha_recibida'))
                                                <span class="small text-muted ml-2">
                                                    Recibida:
                                                    {{ date('d/m/Y H:i', strtotime(data_get($partida, 'fecha_recibida'))) }}
                                                </span>
                                            @endif
                                        </div>
                                        <div class="col-md-5 text-md-right">
                                            @if(data_get($partida, 'flujo_creado'))
                                                <span class="ui blue label">Ligada al ingreso generado</span>
                                            @elseif(!data_get($partida, 'revision_habilitada'))
                                                <span class="ui yellow label">Revisión pendiente de migracion</span>
                                            @elseif($puedeGestionar)
                                                <form method="POST" action="{{ data_get($partida, 'aprobar_url') }}" class="d-inline-block mb-1" onsubmit="return confirm('Confirmas aprobar esta partida?');">
                                                    {!! csrf_field() !!}
                                                    <button type="submit" class="ui tiny green button" title="Aprobar partida">
                                                        <i class="check icon"></i>
                                                        Aprobar partida
                                                    </button>
                                                </form>
                                                <form method="POST" action="{{ data_get($partida, 'rechazar_url') }}" class="d-inline-block mb-1" onsubmit="return confirm('Confirmas rechazar esta partida?');">
                                                    {!! csrf_field() !!}
                                                    <button type="submit" class="ui tiny red basic button" title="Rechazar partida">
                                                        <i class="times icon"></i>
                                                        Rechazar partida
                                                    </button>
                                                </form>
                                            @else
                                                <span class="ui grey basic label">Solo lectura</span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-sm table-bordered mb-0">
                                            <tbody>
                                                @if($partidaTipo === 'laboratorio')
                                                    @if($textoInformativo(data_get($partida, 'servicio_requerido')))
                                                        <tr>
                                                            <th>Prueba o servicio requerido</th>
                                                            <td>{{ data_get($partida, 'servicio_requerido') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'producto')))
                                                        <tr>
                                                            <th>Producto</th>
                                                            <td>{{ data_get($partida, 'producto') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'marca')))
                                                        <tr>
                                                            <th>Marca</th>
                                                            <td>{{ data_get($partida, 'marca') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'modelo')))
                                                        <tr>
                                                            <th>Modelo</th>
                                                            <td>{{ data_get($partida, 'modelo') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'cantidad')))
                                                        <tr>
                                                            <th>Cantidad</th>
                                                            <td>{{ data_get($partida, 'cantidad') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'numero_serie')))
                                                        <tr>
                                                            <th>Número de serie</th>
                                                            <td>{{ data_get($partida, 'numero_serie') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'accesorios')))
                                                        <tr>
                                                            <th>Accesorios</th>
                                                            <td>{{ data_get($partida, 'accesorios') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'norma_general')))
                                                        <tr>
                                                            <th>Norma general</th>
                                                            <td>{{ data_get($partida, 'norma_general') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'norma_particular')))
                                                        <tr>
                                                            <th>Norma particular</th>
                                                            <td>{{ data_get($partida, 'norma_particular') }}</td>
                                                        </tr>
                                                    @endif
                                                @else
                                                    @if($textoInformativo(data_get($partida, 'producto')))
                                                        <tr>
                                                            <th>Producto</th>
                                                            <td>{{ data_get($partida, 'producto') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'marca')))
                                                        <tr>
                                                            <th>Marca</th>
                                                            <td>{{ data_get($partida, 'marca') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'modelo')))
                                                        <tr>
                                                            <th>Modelo</th>
                                                            <td>{{ data_get($partida, 'modelo') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'numero_serie')))
                                                        <tr>
                                                            <th>Número de serie</th>
                                                            <td>{{ data_get($partida, 'numero_serie') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'accesorios')))
                                                        <tr>
                                                            <th>Accesorios</th>
                                                            <td>{{ data_get($partida, 'accesorios') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'norma_internacional')))
                                                        <tr>
                                                            <th>Norma internacional</th>
                                                            <td>{{ data_get($partida, 'norma_internacional') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if($textoInformativo(data_get($partida, 'norma_mexicana')))
                                                        <tr>
                                                            <th>Norma mexicana</th>
                                                            <td>{{ data_get($partida, 'norma_mexicana') }}</td>
                                                        </tr>
                                                    @endif
                                                    @if(data_get($partida, 'tiene_informe_internacional'))
                                                        <tr>
                                                            <th>Informe internacional por partida</th>
                                                            <td>
                                                                <div class="mb-2">{{ data_get($partida, 'informe_internacional_nombre') }}</div>
                                                                @if(data_get($partida, 'informe_internacional_disponible'))
                                                                    <div class="solicitud-acciones-archivo">
                                                                        <a class="ui tiny blue button" href="{{ data_get($partida, 'informe_internacional_ver_url') }}" target="_blank" rel="noopener noreferrer" title="Ver informe internacional">
                                                                            <i class="eye icon"></i>
                                                                            Ver
                                                                        </a>
                                                                        <a class="ui tiny teal button" href="{{ data_get($partida, 'informe_internacional_descargar_url') }}" target="_blank" rel="noopener noreferrer" title="Descargar informe internacional">
                                                                            <i class="download icon"></i>
                                                                            Descargar
                                                                        </a>
                                                                    </div>
                                                                @else
                                                                    <div class="small text-muted">El archivo registrado no se encontró en este entorno local.</div>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endif
                                                @endif
                                                @if($numerosInformePartida->count() > 0)
                                                    <tr>
                                                        <th>No. de informe</th>
                                                        <td>{{ $numerosInformePartida->implode(', ') }}</td>
                                                    </tr>
                                                @endif
                                                @if($textoInformativo(data_get($partida, 'observaciones')))
                                                    <tr>
                                                        <th>Observaciones del cliente</th>
                                                        <td>{{ data_get($partida, 'observaciones') }}</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                    @if(($puedeGestionar && data_get($partida, 'comentario_revision_habilitado') && is_numeric(data_get($partida, 'id'))) || $tieneComentarioSeatsa)
                                        <div class="card bg-light mt-3" data-observacion-seatsa>
                                            <div class="card-header py-2">
                                                <strong>Observaciones de SEATSA</strong>
                                            </div>
                                            <div class="card-body">
                                            @if($puedeGestionar && data_get($partida, 'comentario_revision_habilitado') && is_numeric(data_get($partida, 'id')))
                                                @if($tieneComentarioSeatsa)
                                                    <div data-observacion-seatsa-lectura>
                                                        <div class="border-top border-bottom bg-white py-3 px-2 mb-3" style="white-space: pre-wrap;">{{ $comentarioSeatsa }}</div>
                                                        <button type="button" class="ui blue basic button js-editar-observacion-seatsa" title="Editar observación de SEATSA">
                                                            <i class="edit icon"></i>
                                                            Editar observación
                                                        </button>
                                                    </div>
                                                @endif
                                                <form method="POST" action="{{ route('portal_clientes_solicitudes_servicios.partidas.comentario', [
                                                    'solicitud' => $solicitud->id_portal_solicitud_prueba,
                                                    'partida' => data_get($partida, 'id'),
                                                ]) }}" data-observacion-seatsa-form @if($tieneComentarioSeatsa) style="display: none;" @endif>
                                                    {!! csrf_field() !!}
                                                    <div class="form-group">
                                                        <label class="sr-only" for="comentarioRevisionPartida{{ $loop->index }}">Observaciones de SEATSA</label>
                                                        <textarea
                                                            id="comentarioRevisionPartida{{ $loop->index }}"
                                                            name="comentario_revision"
                                                            class="form-control"
                                                            rows="4"
                                                            maxlength="2000">{{ data_get($partida, 'comentario_revision') }}</textarea>
                                                    </div>
                                                    <button type="submit" class="ui primary button" title="Guardar observación de SEATSA">
                                                        <i class="save icon"></i>
                                                        Guardar observación
                                                    </button>
                                                    @if($tieneComentarioSeatsa)
                                                        <button type="button" class="ui basic button js-cancelar-observacion-seatsa" title="Cancelar edición">
                                                            <i class="times icon"></i>
                                                            Cancelar
                                                        </button>
                                                    @endif
                                                </form>
                                            @else
                                                <div style="white-space: pre-wrap;">{{ data_get($partida, 'comentario_revision') }}</div>
                                            @endif
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @else
                <span class="text-muted">La solicitud no tiene partidas registradas.</span>
            @endif
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <strong>Documentos cargados por el cliente</strong>
        </div>
        <div class="card-body p-0">
            <div class="sx-autorender">
                <div class="sx-scroll-x">
                    <table class="ui celled table unstackable mb-0">
                        <thead>
                            <tr>
                                <th>Documento</th>
                                <th>Clasificación</th>
                                <th>Origen</th>
                                <th>Estado</th>
                                <th>Fecha de carga</th>
                                <th>Archivo cliente</th>
                                <th>Archivo correccion</th>
                                <th>Observación</th>
                                <th>Fecha revisión</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($solicitud->documentos as $documento)
                                @php
                                    $estadoDocumento = $documento->estado ?: 'pendiente';
                                    $archivoInfo = $documento->archivo_info;
                                    $archivoCorreccionInfo = $documento->archivo_correccion_info;
                                    $archivoVerUrl = data_get($archivoInfo, 'view_url');
                                    $archivoDescargarUrl = data_get($archivoInfo, 'download_url');
                                    $archivoCorreccionVerUrl = data_get($archivoCorreccionInfo, 'view_url');
                                    $archivoCorreccionDescargarUrl = data_get($archivoCorreccionInfo, 'download_url');
                                @endphp
                                <tr>
                                    <td>
                                        <strong>{{ $documento->nombre_documento }}</strong>
                                        @if($documento->descripcion_documento)
                                            <div class="small text-muted">{{ $documento->descripcion_documento }}</div>
                                        @endif
                                    </td>
                                    <td>
                                        @if($textoInformativo($documento->tipo_cliente_texto))
                                            <div>{{ $documento->tipo_cliente_texto }}</div>
                                        @endif
                                        @if($textoInformativo($documento->tipo_documento_texto_mostrar) || $documento->es_requerido)
                                            <div class="small text-muted">
                                                @if($textoInformativo($documento->tipo_documento_texto_mostrar))
                                                    {{ $documento->tipo_documento_texto_mostrar }}
                                                @endif
                                                @if($documento->es_requerido)
                                                    @if($textoInformativo($documento->tipo_documento_texto_mostrar)) | @endif Requerido
                                                @endif
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="ui blue label">{{ $documento->origen_documento_texto ?: 'Portal de clientes' }}</span>
                                        @if($documento->archivo_correccion)
                                            <div class="small text-muted mt-1">
                                                Corrección: {{ $documento->origen_correccion_texto ?: 'SEATSA-LAB' }}
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="ui {{ $badgeMap[$estadoDocumento] ?? 'grey' }} label">
                                            {{ $labelEstado($estadoDocumento) }}
                                        </span>
                                    </td>
                                    <td>{{ $documento->created_at ? date('d/m/Y H:i', strtotime($documento->created_at)) : '' }}</td>
                                    <td>
                                        @if($documento->archivo)
                                            <div class="solicitud-acciones-archivo">
                                                <a class="ui tiny blue button" href="{{ $archivoVerUrl }}" target="_blank" rel="noopener noreferrer" title="Ver documento del cliente">
                                                    <i class="eye icon"></i>
                                                    Ver
                                                </a>
                                                <a class="ui tiny teal button" href="{{ $archivoDescargarUrl }}" target="_blank" rel="noopener noreferrer" title="Descargar documento del cliente">
                                                    <i class="download icon"></i>
                                                    Descargar
                                                </a>
                                            </div>
                                            <div class="small text-muted">{{ $documento->nombreArchivoMostrar('archivo') }}</div>
                                        @endif
                                    </td>
                                    <td>
                                        @if($documento->archivo_correccion)
                                            <div class="solicitud-acciones-archivo">
                                                <a class="ui tiny blue button" href="{{ $archivoCorreccionVerUrl }}" target="_blank" rel="noopener noreferrer" title="Ver archivo de corrección">
                                                    <i class="eye icon"></i>
                                                    Ver
                                                </a>
                                                <a class="ui tiny teal button" href="{{ $archivoCorreccionDescargarUrl }}" target="_blank" rel="noopener noreferrer" title="Descargar archivo de corrección">
                                                    <i class="download icon"></i>
                                                    Descargar
                                                </a>
                                            </div>
                                            <div class="small text-muted">{{ $documento->nombreArchivoMostrar('archivo_correccion') }}</div>
                                        @endif
                                    </td>
                                    <td>{{ $documento->comentario ?: '' }}</td>
                                    <td>{{ $documento->fecha_revision ? date('d/m/Y H:i', strtotime($documento->fecha_revision)) : '' }}</td>
                                    <td>
                                        @if($puedeGestionar)
                                            <button
                                                type="button"
                                                class="ui tiny primary button btn-revisar-documento"
                                                title="Revisar documento"
                                                data-id="{{ $documento->id_portal_solicitud_documento }}"
                                                data-nombre="{{ $documento->nombre_documento }}"
                                                data-estado="{{ $documento->estado ?: 'pendiente' }}"
                                                data-comentario="{{ $documento->comentario }}"
                                            >
                                                <i class="edit icon"></i>
                                                Revisar
                                            </button>
                                        @else
                                            <span class="text-muted">Solo lectura</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="10" class="text-center">La solicitud no tiene documentos asociados.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- Documentos enviados desde SEATSA-LAB al cliente --}}
    @if($documentosLiberados->count() > 0)
        <div class="card mb-4">
            <div class="card-header">
                <strong>Documentos liberados al cliente</strong>
            </div>
            <div class="card-body p-0">
                <div class="sx-autorender">
                    <div class="sx-scroll-x">
                        <table class="ui celled table unstackable mb-0">
                            <thead>
                                <tr>
                                    <th>Documento</th>
                                    <th>Fecha de envío</th>
                                    <th>Archivo</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($documentosLiberados as $documentoLiberado)
                                    <tr>
                                        <td>{{ $documentoLiberado['titulo'] }}</td>
                                        <td>
                                            @if(!empty($documentoLiberado['fecha_envio']))
                                                {{ date('d/m/Y H:i', strtotime($documentoLiberado['fecha_envio'])) }}
                                            @endif
                                        </td>
                                        <td>
                                            <div class="solicitud-acciones-archivo">
                                                <a class="ui tiny blue button" href="{{ $documentoLiberado['ver_url'] }}" target="_blank" rel="noopener noreferrer" title="Ver documento liberado">
                                                    <i class="eye icon"></i>
                                                    Ver
                                                </a>
                                                <a class="ui tiny teal button" href="{{ $documentoLiberado['descargar_url'] }}" target="_blank" rel="noopener noreferrer" title="Descargar documento liberado">
                                                    <i class="download icon"></i>
                                                    Descargar
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="card mb-4">
        <div class="card-header">
            <strong>Historial de revisión</strong>
        </div>
        <div class="card-body solicitud-historial-scroll">
            @if($historial->count() > 0)
                <ul class="list-group">
                    @foreach($historial as $evento)
                        <li class="list-group-item">
                            <div class="d-flex justify-content-between flex-wrap">
                                <strong>{{ $evento['evento'] }}</strong>
                                <span class="text-muted">{{ date('d/m/Y H:i', strtotime($evento['fecha'])) }}</span>
                            </div>
                            <div class="small text-muted mt-1">{{ $evento['detalle'] }}</div>
                        </li>
                    @endforeach
                </ul>
            @else
                <span class="text-muted">No hay historial disponible.</span>
            @endif
        </div>
    </div>

    <div class="mt-4">
        <a class="ui blue basic button" href="{{ route('portal_clientes_solicitudes_servicios.index') }}" title="Volver al listado">
            <i class="left arrow icon"></i> Volver al listado
        </a>
    </div>

    @if($puedeGestionar)
        @include('Portal_Clientes.Solicitudes_servicios.partials.modal_revision_documento')

        <script>
            (function ($) {
                function editarObservacionSeatsa(button) {
                    var $contenedor = $(button).closest('[data-observacion-seatsa]');

                    $contenedor.find('[data-observacion-seatsa-lectura]').first().hide();
                    $contenedor.find('[data-observacion-seatsa-form]').first().show()
                        .find('textarea[name="comentario_revision"]').first().focus();
                }

                function cancelarEdicionObservacionSeatsa(button) {
                    var $contenedor = $(button).closest('[data-observacion-seatsa]');
                    var $formulario = $contenedor.find('[data-observacion-seatsa-form]').first();
                    var textarea = $formulario.find('textarea[name="comentario_revision"]').get(0);

                    if (textarea) {
                        textarea.value = textarea.defaultValue;
                    }

                    $formulario.hide();
                    $contenedor.find('[data-observacion-seatsa-lectura]').first().show();
                }

                $(document).on('click', '.js-editar-observacion-seatsa', function () {
                    editarObservacionSeatsa(this);
                });

                $(document).on('click', '.js-cancelar-observacion-seatsa', function () {
                    cancelarEdicionObservacionSeatsa(this);
                });
            })(jQuery);
        </script>
    @endif
@endsection