@if (session('caja_anterior_abierta') && !session('caja_confirmada') && auth()->user()->can('admin.cajas.index'))
    @php
        $caja = session('caja_anterior_abierta');
    @endphp
    <div class="modal fade" id="cajaAnteriorModal" tabindex="-1" role="dialog" aria-labelledby="cajaAnteriorModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false" style="z-index: 9999;">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content shadow" style="font-size: 1rem;">
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title text-dark" id="cajaAnteriorModalLabel" style="font-size: 1.25rem;">
                        <i class="fas fa-exclamation-triangle text-warning mr-2"></i>
                        Caja del día anterior abierta
                    </h5>
                </div>
                <div class="modal-body pt-2">
                    {{-- Info compacta en lista --}}
                    <ul class="list-unstyled text-muted mb-3 pl-0" style="background: #f8f9fa; padding: 0.75rem 1rem; border-radius: 6px; font-size: 1rem;">
                        <li class="mb-1"><strong class="text-dark">ID:</strong> {{ $caja['caja_id'] }}</li>
                        <li class="mb-1"><strong class="text-dark">Apertura:</strong> {{ $caja['fecha_apertura'] }} · {{ $caja['dias_abierta'] }} día(s)</li>
                        <li class="mb-1"><strong class="text-dark">Monto:</strong> S/. {{ number_format($caja['monto_apertura'], 2) }}</li>
                        <li><strong class="text-dark">Usuario:</strong> {{ $caja['usuario_apertura'] }}</li>
                    </ul>

                    <p class="text-secondary mb-2" style="font-size: 1rem;">¿Qué desea hacer?</p>

                    <div class="row no-gutters">
                        <div class="col-6 pr-1">
                            <button type="button" class="btn btn-success btn-block py-2" style="font-size: 1rem;" onclick="continuarCaja()">
                                <i class="fas fa-play mr-1"></i>Continuar
                            </button>
                            <span class="d-block text-muted mt-1 text-center" style="font-size: 0.9rem;">Seguir con esta caja</span>
                        </div>
                        <div class="col-6 pl-1">
                            <button type="button" class="btn btn-outline-primary btn-block py-2" style="font-size: 1rem;" onclick="irACajaActual()">
                                <i class="fas fa-eye mr-1"></i>Ver detalles
                            </button>
                            <span class="d-block text-muted mt-1 text-center" style="font-size: 0.9rem;">Revisar movimientos</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @push('js')
        <script>
            function showCajaModal() {
                if (typeof $ !== 'undefined' && typeof $.fn.modal !== 'undefined') {
                    $('#cajaAnteriorModal').modal('show');
                } else {
                    setTimeout(showCajaModal, 100);
                }
            }
            $(document).ready(function() {
                showCajaModal();
            });

            function irACajaActual() {
                window.location.href = '{{ route('cajas.show', $caja['caja_id']) }}';
            }

            function continuarCaja() {
                $.ajax({
                    url: '{{ route('caja.continuar') }}',
                    type: 'POST',
                    data: {
                        caja_id: {{ $caja['caja_id'] }},
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#cajaAnteriorModal').modal('hide');
                            Swal.fire({
                                icon: 'success',
                                title: '¡Listo!',
                                text: response.message,
                                timer: 2000,
                                showConfirmButton: false
                            });
                        }
                    },
                    error: function(xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: xhr.responseJSON?.message || 'Error al continuar con la caja',
                            confirmButtonText: 'Entendido'
                        });
                    }
                });
            }
        </script>
    @endpush
@endif