{{-- El backend local sigue activo; la obligacion se presenta una sola vez desde el espejo global. --}}
@if (!config('notificaciones.mostrar_presentacion_legacy', false))
    @php return; @endphp
@endif

<style>
    .alert-danger-N {
        color: #000000;
        background-color: #ffa040;
        border-color: #ffa040;
    }

    .liga-c {
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
    }
</style>

@foreach ($notificaciones_requisicion_de_compra as $notificacion)
    <div
        id="{{ $notificacion->id_requisicion_notificacion_x_usuario }}_div_notificacion"
        class="alert alert-danger-N alert-dismissible fade show"
        role="alert"
    >
        <strong>Requisiciones de compra</strong>
        {{ $notificacion->fecha ? date('d-m-Y', strtotime($notificacion->fecha)) : '' }}
        <br>
        <a
            class="liga-c"
            href="{{ url('detalles_requisicion_compra/'.$notificacion->id_requisicion_reporte) }}"
        >
            La siguiente requisición de compra requiere su atención
        </a>
        <br><br>
        <p>
            <strong>Mensaje de: {{ $notificacion->emisor_presentacion }}</strong><br>
            {{ $notificacion->mensaje }}
        </p>

        @if (!$notificacion->es_recordatorio_pago)
            <button
                id="{{ $notificacion->id_requisicion_notificacion_x_usuario }}"
                class="ui button fluid red mt-3 notificacion_requisicion"
                data-id_requisicion_notificacion_x_usuario="{{ $notificacion->id_requisicion_notificacion_x_usuario }}"
            >
                Sin Revisar
            </button>
        @endif

        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
@endforeach

<script>
    $(document).on('click', '.notificacion_requisicion', function () {
        var idRelacion = $(this).data('id_requisicion_notificacion_x_usuario');

        $.ajax({
            url: "{{ url('change_requisicion_notificacion') }}",
            method: 'POST',
            data: {
                id_requisicion_notificacion_x_usuario: idRelacion,
                _token: '{{ csrf_token() }}'
            },
            success: function (response) {
                // Acepta tanto la respuesta JSON actual como registros legacy serializados.
                var result = typeof response === 'string' ? JSON.parse(response) : response;
                var resultData = result.data || {};

                if (parseInt(resultData.estatus, 10) === 1) {
                    $('#' + idRelacion).removeClass('red').addClass('green').text('Enterado');
                    $('#' + idRelacion + '_div_notificacion')
                        .removeClass('alert-danger-N')
                        .addClass('alert-success');
                }
            }
        });
    });
</script>