Atomcms-edit/resources/views/filament/pages/vpn/vpn-management.blade.php

<x-filament-panels::page>
    {{ $this->form }}
    
    <div class="mt-8 space-y-8">
        @if($this->blockedCountries->isNotEmpty())
            <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-4">
                <h3 class="text-lg font-semibold mb-4">Geblokkeerde Landen</h3>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-2">
                    @foreach($this->blockedCountries as $country)
                        <div class="flex items-center justify-between bg-white dark:bg-gray-700 p-2 rounded">
                            <span>{{ $country->country_name }} ({{ $country->country_code }})</span>
                            <button 
                                wire:click="removeBlockedCountry({{ $country->id }})"
                                class="text-red-500 hover:text-red-700"
                            >
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                                </svg>
                            </button>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
        
        @if($this->whitelistedIps->isNotEmpty())
            <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-4">
                <h3 class="text-lg font-semibold mb-4">Whitelisted</h3>
                <div class="overflow-x-auto">
                    <table class="min-w-full">
                        <thead>
                            <tr class="text-left text-sm text-gray-500">
                                <th class="pb-2">IP</th>
                                <th class="pb-2">ASN</th>
                                <th class="pb-2">Land</th>
                                <th class="pb-2"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($this->whitelistedIps as $item)
                                <tr class="border-t border-gray-200 dark:border-gray-600">
                                    <td class="py-2">{{ $item->ip_address ?? '-' }}</td>
                                    <td class="py-2">{{ $item->asn ?? '-' }}</td>
                                    <td class="py-2">{{ $item->country_name ?? '-' }}</td>
                                    <td class="py-2">
                                        <button wire:click="removeFromWhitelist({{ $item->id }})" class="text-red-500 hover:text-red-700">
                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                                            </svg>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
        
        @if($this->blacklistedIps->isNotEmpty())
            <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-4">
                <h3 class="text-lg font-semibold mb-4">Blacklisted</h3>
                <div class="overflow-x-auto">
                    <table class="min-w-full">
                        <thead>
                            <tr class="text-left text-sm text-gray-500">
                                <th class="pb-2">IP</th>
                                <th class="pb-2">ASN</th>
                                <th class="pb-2">Land</th>
                                <th class="pb-2"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($this->blacklistedIps as $item)
                                <tr class="border-t border-gray-200 dark:border-gray-600">
                                    <td class="py-2">{{ $item->ip_address ?? '-' }}</td>
                                    <td class="py-2">{{ $item->asn ?? '-' }}</td>
                                    <td class="py-2">{{ $item->country_name ?? '-' }}</td>
                                    <td class="py-2">
                                        <button wire:click="removeFromBlacklist({{ $item->id }})" class="text-red-500 hover:text-red-700">
                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                                            </svg>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif

        @if($this->blocklistStats && ($this->blocklistStats['total'] ?? 0) > 0)
            <div class="bg-gradient-to-r from-blue-600 to-purple-600 rounded-lg p-4 text-white">
                <h3 class="text-lg font-bold mb-4">🛡️ Ultimate Blocklist (Gratis & Onbeperkt)</h3>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div class="bg-white/10 p-4 rounded text-center">
                        <div class="text-4xl font-bold">{{ number_format($this->blocklistStats['total'] ?? 0) }}</div>
                        <div class="text-sm text-white/80">Netwerken/Subnets</div>
                        <div class="text-xs text-white/60 mt-1">Dekking: Miljoenen IPs</div>
                    </div>
                    <div class="bg-white/10 p-4 rounded">
                        <div class="text-sm font-semibold mb-2">Inclusief blocklists:</div>
                        <div class="text-xs text-white/80 space-y-1">
                            <div>• FireHol Level 1-4 (VPN/Proxy/TOR)</div>
                            <div>• Spamhaus DROP/eDROP</div>
                            <div>• DShield (hackers)</div>
                            <div>• Emerging Threats (botnets)</div>
                            <div>• Blocklist.de (bruteforce/mail/ssh/ftp/sip)</div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
</x-filament-panels::page>