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

@if(count($recommendations) > 0)
    <div id="recommendations" class="card mb-2">
        <div class="card-header border-bottom">
            <h4 class="card-title mb-0">
                <i data-feather="zap" class="text-primary me-50"></i>
                Recommendations
            </h4>
        </div>
        <div class="card-body mt-1">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                    <tr>
                        <th>Suggestion</th>
                        <th>Severity</th>
                        <th>Impact</th>
                        <th class="text-end">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($recommendations as $tip)
                        @php
                            $severity = $tip['severity'] ?? 'info';
                            $badge = match ($severity) {
                                'warning' => 'warning',
                                'critical', 'danger' => 'danger',
                                default => 'info',
                            };
                        @endphp
                        <tr>
                            <td>{{ $tip['title'] ?? '' }}</td>
                            <td><span class="badge badge-light-{{ $badge }} text-capitalize">{{ $severity }}</span></td>
                            <td>+{{ (int) ($tip['impact'] ?? 0) }} pts</td>
                            <td class="text-end">
                                @if(!empty($tip['action']))
                                    <a href="{{ route('user.account', ['tab' => 'security']) }}{{ $tip['action'] }}"
                                       class="btn btn-sm btn-outline-primary">
                                        Review
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endif