@if (session('caja_anterior_abierta') && !session('caja_confirmada') && auth()->user()->can('admin.cajas.index'))
    <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-lg" role="document">
            <div class="modal-content">
                <div class="modal-header bg-warning text-white">
                    <h5 class="modal-title" id="cajaAnteriorModalLabel">
                        <i class="fas fa-exclamation-triangle mr-2"></i>
                        ¡ATENCIÓN! Caja del Día Anterior Abierta
                    </h5>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <h6><i class="fas fa-info-circle mr-2"></i>Información de la Caja</h6>
                        <p class="mb-2"><strong>ID de Caja:</strong> {{ session('caja_anterior_abierta')['caja_id'] }}
                        </p>
                        <p class="mb-2"><strong>Fecha de Apertura:</strong>
                            {{ session('caja_anterior_abierta')['fecha_apertura'] }}</p>
                        <p class="mb-2"><strong>Días Abierta:</strong>
                            {{ session('caja_anterior_abierta')['dias_abierta'] }} día(s)</p>
                        <p class="mb-2"><strong>Monto de Apertura:</strong> S/.
                            {{ number_format(session('caja_anterior_abierta')['monto_apertura'], 2) }}</p>
                        <p class="mb-2"><strong>Usuario que Abrió:</strong>
                            {{ session('caja_anterior_abierta')['usuario_apertura'] }}</p>
                    </div>

                    <div class="alert alert-info">
                        <h6><i class="fas fa-question-circle mr-2"></i>¿Qué desea hacer?</h6>
                        <p class="mb-0">Tiene dos opciones para continuar:</p>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="card border-success">
                                <div class="card-header bg-success text-white">
                                    <h6 class="mb-0"><i class="fas fa-play mr-2"></i>Continuar con Caja</h6>
                                </div>
                                <div class="card-body">
                                    <p class="text-muted">Seguir trabajando con la caja abierta desde
                                        {{ session('caja_anterior_abierta')['fecha_apertura'] }}</p>
                                    <button type="button" class="btn btn-success btn-block" onclick="continuarCaja()">
                                        <i class="fas fa-play mr-2"></i>Continuar
                                    </button>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="card border-primary">
                                <div class="card-header bg-primary text-white">
                                    <h6 class="mb-0"><i class="fas fa-eye mr-2"></i>Ver Caja Abierta</h6>
                                </div>
                                <div class="card-body">
                                    <p class="text-muted">Revisar los detalles y movimientos de la caja actual</p>
                                    <button type="button" class="btn btn-primary btn-block" onclick="irACajaActual()">
                                        <i class="fas fa-eye mr-2"></i>Ver Detalles
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>

    @push('js')
        <script>
            // Esperar a que jQuery y Bootstrap estén completamente cargados
            function showCajaModal() {
                console.log('showCajaModal called');
                console.log('jQuery available:', typeof $ !== 'undefined');
                console.log('Bootstrap modal available:', typeof $.fn.modal !== 'undefined');

                if (typeof $ !== 'undefined' && typeof $.fn.modal !== 'undefined') {
                    console.log('jQuery and Bootstrap ready, showing modal');
                    $('#cajaAnteriorModal').modal('show');
                } else {
                    console.log('jQuery or Bootstrap not ready, retrying in 100ms');
                    setTimeout(showCajaModal, 100);
                }
            }

            // Iniciar cuando el DOM esté listo
            $(document).ready(function() {
                console.log('Document ready, starting modal check');
                showCajaModal();
            });

            function irACajaActual() {
                // Redirigir a la vista de detalles de la caja actual
                window.location.href = '{{ route('cajas.show', session('caja_anterior_abierta')['caja_id']) }}';
            }

            function continuarCaja() {
                $.ajax({
                    url: '{{ route('caja.continuar') }}',
                    type: 'POST',
                    data: {
                        caja_id: {{ session('caja_anterior_abierta')['caja_id'] }},
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            $('#cajaAnteriorModal').modal('hide');
                            // Mostrar mensaje de éxito sin recargar
                            Swal.fire({
                                icon: 'success',
                                title: '¡Perfecto!',
                                text: response.message,
                                confirmButtonText: 'Entendido',
                                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