@extends('fragments.fullTemplate')

@section('titulo') Mis notificaciones @endsection

@section('contenido')
<div class="ui big breadcrumb">
    <div class="active section">Mis notificaciones</div>
</div>

<div class="ui divider"></div>
<div data-module-notifications-anchor></div>

<div class="content">
    <div class="card notification-filter-card mb-4">
        <div class="card-header">
            <div class="d-flex flex-wrap align-items-center justify-content-between" style="gap: 12px;">
                <strong>Historial de notificaciones</strong>
                <div class="notification-stats">
                    <span class="notification-stat-pill">Total: {{ $estadisticas['total'] }}</span>
                    <span class="notification-stat-pill">Sin ver: {{ $estadisticas['sin_ver'] }}</span>
                    <span class="notification-stat-pill">Vistas: {{ $estadisticas['vistas'] }}</span>
                </div>
            </div>
        </div>

        <div class="card-body">
            <form method="GET" action="{{ route('notificaciones.notificaciones_completas') }}">
                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label class="font-weight-bold" for="busqueda">Búsqueda general</label>
                        <input type="text"
                            class="form-control"
                            id="busqueda"
                            name="busqueda"
                            value="{{ $filtros['busqueda'] }}"
                            placeholder="Módulo, tipo, mensaje o generado por">
                    </div>

                    <div class="form-group col-md-2">
                        <label class="font-weight-bold" for="anio">Año</label>
                        <select class="form-control" id="anio" name="anio">
                            <option value="">Todos</option>
                            @foreach ($aniosDisponibles as $anio)
                                <option value="{{ $anio }}" {{ (string) $filtros['anio'] === (string) $anio ? 'selected' : '' }}>
                                    {{ $anio }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-2">
                        <label class="font-weight-bold" for="estado">Estado</label>
                        <select class="form-control" id="estado" name="estado">
                            <option value="todas" {{ $filtros['estado'] === 'todas' ? 'selected' : '' }}>Todas</option>
                            <option value="visto" {{ $filtros['estado'] === 'visto' ? 'selected' : '' }}>Visto</option>
                            <option value="sin_ver" {{ $filtros['estado'] === 'sin_ver' ? 'selected' : '' }}>Sin ver</option>
                        </select>
                    </div>

                    <div class="form-group col-md-2">
                        <label class="font-weight-bold" for="por_pagina">Registros</label>
                        <select class="form-control" id="por_pagina" name="por_pagina">
                            @foreach ([10, 15, 20, 30, 50, 100] as $cantidad)
                                <option value="{{ $cantidad }}" {{ (int) $filtros['por_pagina'] === $cantidad ? 'selected' : '' }}>
                                    {{ $cantidad }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-2 d-flex align-items-end" style="gap: 8px;">
                        <button type="submit" class="btn seatsa-notification-btn">Filtrar</button>
                        <a href="{{ route('notificaciones.notificaciones_completas') }}" class="btn btn-outline-secondary">Limpiar</a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card notification-filter-card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="ui celled table unstackable structured notification-history-table">
                    <thead>
                        <tr>
                            <th>Módulo</th>
                            <th>Tipo de notificación</th>
                            <th>Mensaje</th>
                            <th>Generado por</th>
                            <th>Fecha</th>
                            <th>Estado</th>
                            <th class="text-center">Acción</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($notificaciones_usuario as $notificacionUsuario)
                            @php
                                $notificacion = $notificacionUsuario->datos_notificacion;
                                $config = $notificacion
                                    ? $notificacion->moduloConfig()
                                    : \App\Notificacion::configuracionVisualModulo();
                                $requiereAccion = $notificacion
                                    ? (int) $notificacion->requiere_accion === 1
                                    : false;
                                $textoPrincipal = $notificacion ? $notificacion->textoPrincipal() : 'Notificación no disponible.';
                                $mensaje = $notificacion ? $notificacion->mensajeVisual() : '';
                                $detalles = $notificacion ? $notificacion->detallesAdicionales() : [];
                                $iconoImagen = $notificacion ? $notificacion->iconoModuloImagen() : null;
                                $mensajeDetalle = isset($detalles['Mensaje']) ? trim((string) $detalles['Mensaje']) : '';
                                $mostrarTextoPrincipal = !($mensajeDetalle !== '' && trim((string) $textoPrincipal) === $mensajeDetalle);
                                $contenidoHomologado = $notificacion
                                    ? $notificacion->contenidoVisualHomologado()
                                    : ['homologado' => false, 'titulo' => '', 'filas' => []];
                                $esInformePdfCobranza = $notificacion
                                    ? $notificacion->esInformePdfCobranza()
                                    : false;
                                $datosInformePdfCobranza = $esInformePdfCobranza
                                    && !$contenidoHomologado['homologado']
                                    ? $notificacion->datosVisualesInformePdfCobranza()
                                    : [];
                                $esSolicitudReemplazoInformeCobranza = $notificacion
                                    ? $notificacion->esSolicitudReemplazoInformeCobranza()
                                    : false;
                                $datosSolicitudReemplazoInformeCobranza = $esSolicitudReemplazoInformeCobranza
                                    && !$contenidoHomologado['homologado']
                                    ? $notificacion->datosVisualesSolicitudReemplazoInformeCobranza()
                                    : [];
                                $esInformeLiberadoCobranza = $notificacion
                                    ? $notificacion->esInformeLiberadoCobranza()
                                    : false;
                                $datosInformeLiberadoCobranza = $esInformeLiberadoCobranza
                                    && !$contenidoHomologado['homologado']
                                    ? $notificacion->datosVisualesInformeLiberadoCobranza()
                                    : [];
                                $esInformePdfFacturacion = $notificacion
                                    ? $notificacion->esInformePdfFacturacion()
                                    : false;
                                $datosInformePdfFacturacion = $esInformePdfFacturacion
                                    && !$contenidoHomologado['homologado']
                                    ? $notificacion->datosVisualesInformePdfFacturacion()
                                    : [];
                                $esBloqueNotificacionesGeneralesLineaPruebas = $notificacion
                                    ? $notificacion->esBloqueNotificacionesGeneralesLineaPruebas()
                                    : false;
                                $datosNotificacionGeneralLineaPruebas = $esBloqueNotificacionesGeneralesLineaPruebas
                                    && !$contenidoHomologado['homologado']
                                    ? $notificacion->datosVisualesNotificacionGeneralLineaPruebas()
                                    : [];
                                $esNotificacionManualAlmacen = $notificacion
                                    ? $notificacion->esNotificacionManualAlmacen()
                                    : false;
                                $datosNotificacionManualAlmacen = $esNotificacionManualAlmacen
                                    && !$contenidoHomologado['homologado']
                                    ? $notificacion->datosVisualesNotificacionManualAlmacen()
                                    : [];
                                $esNotificacionBancos = $notificacion
                                    ? $notificacion->moduloNamespace() === 'bancos'
                                    : false;
                                $filasHomologadas = collect($contenidoHomologado['filas']);
                                $generadoPorHomologado = $filasHomologadas
                                    ->first(function ($fila) {
                                        return isset($fila['label'])
                                            && $fila['label'] === 'Generado por';
                                    });
                                $fechaHoraHomologada = $filasHomologadas
                                    ->first(function ($fila) {
                                        return isset($fila['label'])
                                            && $fila['label'] === 'Fecha y hora';
                                    });
                                $fechaHistorial = $esNotificacionBancos
                                    ? ($notificacion ? $notificacion->fechaVisual(false) : 'Sin fecha')
                                    : ($fechaHoraHomologada
                                        ? $fechaHoraHomologada['value']
                                        : ($notificacion ? $notificacion->fechaVisual(false) : 'Sin fecha'));
                            @endphp
                            <tr>
                                <td>
                                    <span class="notification-module-chip">
                                        @if ($iconoImagen)
                                            <img src="{{ $iconoImagen }}" alt="{{ $notificacion ? $notificacion->moduloLabel() : 'General' }}" class="notification-module-chip__icon">
                                        @else
                                            <i class="{{ $notificacion ? $notificacion->iconoModulo() : $config['icon'] }} icon"></i>
                                        @endif
                                        {{ $notificacion ? $notificacion->moduloLabel() : 'General' }}
                                    </span>
                                </td>
                                <td>
                                    <strong style="color: {{ $config['header'] }};">
                                        {{ $contenidoHomologado['titulo'] ?: 'Notificación del sistema' }}
                                    </strong>
                                </td>
                                <td class="notification-message-cell">
                                    @if ($esNotificacionBancos)
                                        {{-- El historial oculta el contenido bancario sensible. --}}
                                        <div class="notification-message-text mb-2">
                                            Esta notificación contiene información sensible del módulo Bancos.
                                        </div>
                                        <div class="notification-message-text">
                                            Para consultar el detalle y realizar las acciones correspondientes, ingrese al módulo Bancos.
                                        </div>
                                    @elseif ($contenidoHomologado['homologado'])
                                        {{-- El historial usa el mismo contenido sin repetir sus columnas. --}}
                                        @foreach ($contenidoHomologado['filas'] as $filaHomologada)
                                            @if (!in_array($filaHomologada['label'], ['Generado por', 'Fecha y hora'], true))
                                                <div class="notification-message-text mb-2">
                                                    <strong>{{ $filaHomologada['label'] }}:</strong>
                                                    @if (!empty($filaHomologada['href']))
                                                        <a href="{{ $filaHomologada['href'] }}"
                                                            @if (!empty($filaHomologada['target']))
                                                                target="{{ $filaHomologada['target'] }}"
                                                                rel="noopener noreferrer"
                                                            @endif>
                                                            {{ $filaHomologada['value'] }}
                                                        </a>
                                                    @else
                                                        {{ $filaHomologada['value'] }}
                                                    @endif
                                                </div>
                                            @endif
                                        @endforeach
                                    @elseif ($esInformePdfCobranza)
                                        <div class="notification-message-text">
                                            <strong>No. de informe:</strong>
                                            @if (!empty($datosInformePdfCobranza['url_pdf']))
                                                <a href="{{ $datosInformePdfCobranza['url_pdf'] }}" target="_blank" rel="noopener noreferrer">
                                                    {{ $datosInformePdfCobranza['numero_informe'] }}
                                                </a>
                                            @else
                                                {{ $datosInformePdfCobranza['numero_informe'] }}
                                            @endif
                                        </div>
                                    @elseif ($esSolicitudReemplazoInformeCobranza)
                                        <div class="notification-message-text mb-2">
                                            <strong>Mensaje:</strong> {{ $notificacion->mensajeVisual() }}
                                        </div>
                                        <div class="notification-message-text">
                                            <strong>No. de informe:</strong>
                                            {{ $datosSolicitudReemplazoInformeCobranza['numero_informe'] }}
                                        </div>
                                    @elseif ($esInformeLiberadoCobranza)
                                        <div class="notification-message-text">
                                            <strong>Mensaje:</strong> {{ $notificacion->mensajeVisual() }}
                                        </div>
                                    @elseif ($esInformePdfFacturacion)
                                        <div class="notification-message-text">
                                            <strong>No. de informe:</strong>
                                            @if (!empty($datosInformePdfFacturacion['url_pdf']))
                                                <a href="{{ $datosInformePdfFacturacion['url_pdf'] }}" target="_blank" rel="noopener noreferrer">
                                                    {{ $datosInformePdfFacturacion['numero_informe'] }}
                                                </a>
                                            @else
                                                {{ $datosInformePdfFacturacion['numero_informe'] }}
                                            @endif
                                        </div>
                                    @elseif ($esNotificacionManualAlmacen)
                                        <div class="notification-message-text mb-2">
                                            <strong>Mensaje:</strong>
                                            {{ $datosNotificacionManualAlmacen['mensaje'] }}
                                        </div>
                                        <div class="notification-message-text">
                                            <strong>No. de informe:</strong>
                                            {{ $datosNotificacionManualAlmacen['numero_informe'] }}
                                        </div>
                                    @elseif ($esBloqueNotificacionesGeneralesLineaPruebas)
                                        @if ($notificacion->esNotificacionGeneralLineaPruebas()
                                            && trim((string) $datosNotificacionGeneralLineaPruebas['mensaje']) !== '')
                                            <div class="notification-message-text mb-2">
                                                <strong>Mensaje:</strong>
                                                {{ $datosNotificacionGeneralLineaPruebas['mensaje'] }}
                                            </div>
                                        @endif
                                        <div class="notification-message-text">
                                            <strong>No. de informe:</strong>
                                            {{ $datosNotificacionGeneralLineaPruebas['numero_informe'] }}
                                        </div>
                                    @else
                                        @if ($mostrarTextoPrincipal)
                                            <div class="notification-message-text">{{ $textoPrincipal }}</div>
                                        @endif

                                        @if ($mensaje !== '' && $mensaje !== $textoPrincipal && $mensaje !== $mensajeDetalle)
                                            <div class="notification-message-text mb-2">
                                                <strong>Mensaje:</strong> {{ $mensaje }}
                                            </div>
                                        @endif

                                        @if (!empty($detalles))
                                            <ul class="notification-extra-list">
                                                @foreach ($detalles as $label => $value)
                                                    @if (strpos((string) $label, '__texto_') === 0)
                                                        <li>{{ $value }}</li>
                                                    @else
                                                        <li><strong>{{ $label }}:</strong> {{ $value }}</li>
                                                    @endif
                                                @endforeach
                                            </ul>
                                        @endif
                                    @endif
                                </td>
                                <td>
                                    {{ $generadoPorHomologado
                                        ? $generadoPorHomologado['value']
                                        : ($notificacion ? $notificacion->generadoPorNombre() : 'Sistema') }}
                                </td>
                                <td>
                                    {{ $fechaHistorial }}
                                </td>
                                <td>
                                    @if ($notificacionUsuario->estaVista())
                                        <span class="badge badge-success">Visto</span>
                                    @else
                                        <span class="badge badge-warning">Sin ver</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if ($notificacion)
                                        <a class="btn seatsa-notification-btn show-loader-before-leave"
                                            href="{{ route('notificaciones.abrir', ['id' => $notificacionUsuario->id_notificacion_x_usuario]) }}">
                                            {{ ($esInformePdfCobranza
                                                || $esSolicitudReemplazoInformeCobranza
                                                || $esInformeLiberadoCobranza
                                                || $esInformePdfFacturacion
                                                || $esNotificacionManualAlmacen
                                                || $esBloqueNotificacionesGeneralesLineaPruebas)
                                                ? 'Ver detalles'
                                                : 'Ver detalle' }}
                                        </a>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7">
                                    <div class="notification-empty-state">
                                        No hay notificaciones para los filtros seleccionados.
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @if ($notificaciones_usuario->total() > 0)
                <div class="notification-pagination mt-3">
                    <div class="text-muted small">
                        Mostrando
                        {{ $notificaciones_usuario->firstItem() }}
                        a
                        {{ $notificaciones_usuario->lastItem() }}
                        de
                        {{ $notificaciones_usuario->total() }}
                        registros
                    </div>

                    <div>
                        {{ $notificaciones_usuario->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            @endif
        </div>
    </div>

    <div class="ui divider"></div>

    <a href="{{ url()->previous() }}" class="ui button gray show-loader-before-leave">
        Atrás
    </a>
</div>
@endsection