@php
    use App\Notificacion;
    use App\Http\Controllers\modificaciones_controller;

    $configModificaciones = Notificacion::configuracionVisualModulo('modificaciones_validacion');
@endphp

@if (!empty($modificaciones_validacion) && count($modificaciones_validacion))
    <div class="module-notification-stack">
        @foreach ($modificaciones_validacion as $modificacion)
            @php
                // El controlador ya agrupó estos datos para evitar una consulta por tarjeta.
                $informes_modificacion = $modificacion->relationLoaded('informesNotificacionValidacion')
                    ? $modificacion->getRelation('informesNotificacionValidacion')
                    : collect();
                $collapseId = 'modificacion-validacion-'.$modificacion->id_modificacion.'-collapse';
                $fechaModificacion = !empty($modificacion->created_at)
                    ? date('d/m/Y', strtotime($modificacion->created_at))
                    : '';
            @endphp

            <div id="{{ $modificacion->id_modificacion }}_div_modificacion_validacion"
                class="module-notification-card"
                data-notification-order-group="modificaciones_validacion"
                data-notification-order-date="{{ !empty($modificacion->created_at) ? strtotime((string) $modificacion->created_at) : 0 }}"
                data-notification-order-sequence="{{ $modificacion->id_modificacion }}">
                <button type="button"
                    class="module-notification-card__toggle collapsed"
                    data-toggle="collapse"
                    data-target="#{{ $collapseId }}"
                    aria-expanded="false"
                    aria-controls="{{ $collapseId }}">
                    <span class="module-notification-card__header" style="background: {{ $configModificaciones['header'] }};">
                        <span>Modificaciones - Validación</span>
                        <span class="module-notification-card__header-meta">
                            @if ($fechaModificacion !== '')
                                <span>{{ $fechaModificacion }}</span>
                            @endif
                            <span class="module-notification-card__toggle-indicator"></span>
                        </span>
                    </span>
                </button>

                <div id="{{ $collapseId }}" class="collapse">
                    <div class="module-notification-card__body">
                        <div class="module-notification-card__title">Validación de modificación</div>

                        <div class="module-notification-card__detail-shell">
                            <div class="module-notification-card__detail"
                                style="background: {{ $configModificaciones['detail'] }}; border-color: {{ $configModificaciones['border'] }};">
                                <div class="module-notification-card__detail-row">
                                    <span class="module-notification-card__detail-label">Descripción de cambio:</span>
                                    <span class="module-notification-card__detail-value">
                                        {{ $modificacion->descripcion ?: 'No disponible' }}
                                    </span>
                                </div>

                                @if ($informes_modificacion->isNotEmpty())
                                    <div class="table-responsive">
                                        <table class="table table-sm module-notification-card__detail-table mb-0">
                                            <thead>
                                                <tr>
                                                    <th>No. informe</th>
                                                    <th>Campo</th>
                                                    <th>Dice</th>
                                                    <th>Debe decir</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($informes_modificacion as $dato_informe)
                                                    @php
                                                        $campo_modificado = modificaciones_controller::campo_modificado($dato_informe->campo_modificado);
                                                    @endphp
                                                    <tr>
                                                        <td>{{ $dato_informe->numero_informe }}</td>
                                                        <td>{{ $campo_modificado }}</td>
                                                        <td>{!! $dato_informe->dice_visual ?: $dato_informe->dice !!}</td>
                                                        <td>{!! $dato_informe->debe_decir_visual ?: $dato_informe->debe_decir !!}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @else
                                    <div class="module-notification-card__detail-row">
                                        <span class="module-notification-card__detail-label">No. informe:</span>
                                        <span class="module-notification-card__detail-value">No disponible</span>
                                    </div>
                                    <div class="module-notification-card__detail-row">
                                        <span class="module-notification-card__detail-label">Campo:</span>
                                        <span class="module-notification-card__detail-value">No disponible</span>
                                    </div>
                                    <div class="module-notification-card__detail-row">
                                        <span class="module-notification-card__detail-label">Dice:</span>
                                        <span class="module-notification-card__detail-value">No disponible</span>
                                    </div>
                                    <div class="module-notification-card__detail-row">
                                        <span class="module-notification-card__detail-label">Debe decir:</span>
                                        <span class="module-notification-card__detail-value">No disponible</span>
                                    </div>
                                @endif
                            </div>

                            <div class="module-notification-card__action-wrap">
                                <a href="{{ url($modificacion->id_modificacion.'/formato_modificacion_pdf') }}"
                                    class="btn seatsa-notification-btn module-notification-card__action module-notification-action--mark-redirect"
                                    data-mark-url="{{ url('aprobar_estatus_modificacion_validacion') }}"
                                    data-mark-param="id_modificacion"
                                    data-mark-value="{{ $modificacion->id_modificacion }}"
                                    data-mark-extra='{"id_usuario":"{{ session('id_usuario') }}"}'
                                    data-global-origin-table="modificaciones_validacion"
                                    data-global-origin-id="{{ $modificacion->id_modificacion }}"
                                    data-no-redirect="1">
                                    Validar
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endif