@if(isset($paymentCorrection) && $paymentCorrection)
    @php
        $daysRemaining = max(0, now()->diffInDays($paymentCorrection->deadline_date, false));
        $isOverdue = $paymentCorrection->isOverdue();
        $isGracePeriod = $paymentCorrection->isInGracePeriod();
        
        if ($isGracePeriod) {
            $alertClass = 'alert-warning';
            $icon = 'uil-calendar-alt';
            $title = '⚠️ EXTENDED DEADLINE - ACT NOW';
            $graceDays = now()->diffInDays($paymentCorrection->grace_deadline_date, false);
            $message = "Grace period active. Complete payment by " . $paymentCorrection->grace_deadline_date->format('F j, Y') . " ({$graceDays} days remaining)";
        } elseif ($daysRemaining <= 2 && !$isOverdue) {
            $alertClass = 'alert-danger pulsing-alert';
            $icon = 'uil-exclamation-triangle';
            $title = '⚠️ URGENT - ' . $daysRemaining . ' DAY' . ($daysRemaining != 1 ? 'S' : '') . ' LEFT';
            $message = 'Payment re-confirmation required immediately. Deadline: ' . $paymentCorrection->deadline_date->format('F j, Y');
        } elseif ($daysRemaining <= 5 && !$isOverdue) {
            $alertClass = 'alert-warning';
            $icon = 'uil-clock';
            $title = '⚠️ ACTION REQUIRED';
            $message = "Payment re-confirmation needed. {$daysRemaining} days remaining until " . $paymentCorrection->deadline_date->format('F j, Y');
        } else {
            $alertClass = 'alert-info';
            $icon = 'uil-info-circle';
            $title = '📢 IMPORTANT NOTICE';
            $message = "Payment re-confirmation required by " . $paymentCorrection->deadline_date->format('F j, Y');
        }
    @endphp

    <div class="alert {{ $alertClass }} alert-dismissible position-sticky top-0" style="z-index: 1050; margin-bottom: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-auto">
                    <i class="uil {{ $icon }}" style="font-size: 32px;"></i>
                </div>
                <div class="col">
                    <strong>{{ $title }}</strong>
                    <p class="mb-1">{{ $message }}</p>
                    <small>
                        <strong>Amount:</strong> ₹{{ number_format($paymentCorrection->original_amount, 2) }} | 
                        <strong>Code:</strong> {{ $paymentCorrection->correction_code }}
                    </small>
                </div>
                <div class="col-auto">
                    <a href="{{ route('user.payment-correction.pay', $paymentCorrection->correction_code) }}" 
                       class="btn btn-{{ $isGracePeriod ? 'warning' : ($daysRemaining <= 2 ? 'danger' : 'primary') }} btn-sm">
                        <i class="uil uil-credit-card"></i> Complete Payment Now
                    </a>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        </div>
    </div>

    @push('styles')
    <style>
        .pulsing-alert {
            animation: pulse-border 2s infinite;
        }
        @keyframes pulse-border {
            0%, 100% {
                border-color: #dc3545;
                box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4);
            }
            50% {
                border-color: #ff6b6b;
                box-shadow: 0 0 0 8px rgba(220, 53, 69, 0);
            }
        }
    </style>
    @endpush
@endif