@php
    $alerts = $securityDashboard['alerts'] ?? [];
@endphp

@if(count($alerts) > 0)
    <div id="alerts" class="card mb-2 border-warning">
        <div class="card-header border-bottom">
            <h4 class="card-title mb-0">
                <i data-feather="alert-triangle" class="text-warning me-50"></i>
                Security alerts
            </h4>
        </div>
        <div class="card-body mt-1">
            @foreach($alerts as $alert)
                @php
                    $severity = $alert['severity'] ?? 'warning';
                    $badge = $severity === 'critical' ? 'danger' : ($severity === 'warning' ? 'warning' : 'info');
                    $action = $alert['action'] ?? null;
                @endphp
                <div class="d-flex flex-wrap justify-content-between align-items-start gap-1 {{ !$loop->last ? 'mb-2 pb-2 border-bottom' : '' }}">
                    <div>
                        <div class="d-flex align-items-center mb-25">
                            <span class="badge badge-light-{{ $badge }} me-50 text-uppercase">{{ $severity }}</span>
                            <strong>{{ $alert['title'] ?? '' }}</strong>
                        </div>
                        <p class="mb-0 text-muted">{{ $alert['description'] ?? '' }}</p>
                    </div>
                    @if($action)
                        <a href="{{ route('user.account', ['tab' => 'security']) }}{{ $action }}"
                           class="btn btn-sm btn-outline-primary">
                            Review
                        </a>
                    @endif
                </div>
            @endforeach
        </div>
    </div>
@endif