@extends('layouts.app')

@section('content')
<div class="space-y-8">
    <div class="flex items-center justify-between">
        <h1 class="text-2xl font-bold">Firewall Settings</h1>

        <div class="flex gap-2">
            <a href="{{ route('firewall.access', ['type' => 'blacklist']) }}" class="px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 text-sm">Access Control</a>
            <a href="{{ route('firewall.services') }}" class="px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 text-sm">Services</a>
            <a href="{{ route('firewall.geo') }}" class="px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 text-sm">Geo Firewall</a>
            <a href="{{ route('firewall.scanners') }}" class="px-3 py-2 rounded bg-gray-100 hover:bg-gray-200 text-sm">Scanners</a>
        </div>
    </div>

    @if(session('success'))
        <div class="p-3 rounded bg-green-50 text-green-700 border border-green-200">{{ session('success') }}</div>
    @endif
    @if($errors->any())
        <div class="p-3 rounded bg-red-50 text-red-700 border border-red-200">
            {{ $errors->first() }}
        </div>
    @endif

    {{-- Quick actions --}}
    <div class="grid md:grid-cols-3 gap-6">
        <div class="bg-white border rounded p-4 shadow-sm">
            <h2 class="font-semibold mb-3">Kernel Hooks</h2>
            <p class="text-sm text-gray-600 mb-3">Ensure <code>ipset</code> sets and <code>iptables</code> hooks exist.</p>
            <form method="POST" action="{{ route('firewall.apply') }}">
                @csrf
                <button class="px-4 py-2 rounded bg-indigo-600 text-white hover:bg-indigo-700">Apply / Ensure</button>
            </form>
        </div>

        <div class="bg-white border rounded p-4 shadow-sm">
            <h2 class="font-semibold mb-3">Quick Allow (Whitelist)</h2>
            <form method="POST" action="{{ route('firewall.quick.allow') }}" class="space-y-3">
                @csrf
                <input type="text" name="ip" placeholder="e.g. 203.0.113.7"
                       class="w-full border rounded px-3 py-2 focus:outline-none focus:ring" required>
                <button class="px-4 py-2 rounded bg-green-600 text-white hover:bg-green-700">Allow IP</button>
            </form>
        </div>

        <div class="bg-white border rounded p-4 shadow-sm">
            <h2 class="font-semibold mb-3">Quick Deny (Blacklist)</h2>
            <form method="POST" action="{{ route('firewall.quick.deny') }}" class="space-y-3">
                @csrf
                <input type="text" name="ip" placeholder="e.g. 198.51.100.23"
                       class="w-full border rounded px-3 py-2 focus:outline-none focus:ring" required>
                <button class="px-4 py-2 rounded bg-red-600 text-white hover:bg-red-700">Block IP</button>
            </form>
        </div>
    </div>

    <div class="bg-white border rounded p-4 shadow-sm">
        <h2 class="font-semibold mb-3">Test IP</h2>
        <form method="POST" action="{{ route('firewall.test') }}" class="flex gap-3">
            @csrf
            <input type="text" name="ip" placeholder="Enter IP to test"
                   class="border rounded px-3 py-2 flex-1 focus:outline-none focus:ring" required>
            <button class="px-4 py-2 rounded bg-gray-800 text-white hover:bg-black">Test</button>
        </form>
    </div>

    {{-- Status cards --}}
    <div class="grid lg:grid-cols-2 gap-6">
        <div class="bg-white border rounded p-4 shadow-sm">
            <h3 class="font-semibold mb-2">Whitelist ({{ count($st['whitelist']) }})</h3>
            @if(count($st['whitelist']))
                <div class="text-sm text-gray-700 grid grid-cols-2 gap-x-4">
                    @foreach(array_slice($st['whitelist'], 0, 20) as $ip)
                        <div class="py-0.5">{{ $ip }}</div>
                    @endforeach
                </div>
                @if(count($st['whitelist']) > 20)
                    <p class="text-xs text-gray-500 mt-2">…and {{ count($st['whitelist'])-20 }} more</p>
                @endif
            @else
                <p class="text-sm text-gray-500">No whitelist entries.</p>
            @endif
        </div>

        <div class="bg-white border rounded p-4 shadow-sm">
            <h3 class="font-semibold mb-2">Blacklist ({{ count($st['blacklist']) }})</h3>
            @if(count($st['blacklist']))
                <div class="text-sm text-gray-700 grid grid-cols-2 gap-x-4">
                    @foreach(array_slice($st['blacklist'], 0, 20) as $ip)
                        <div class="py-0.5">{{ $ip }}</div>
                    @endforeach
                </div>
                @if(count($st['blacklist']) > 20)
                    <p class="text-xs text-gray-500 mt-2">…and {{ count($st['blacklist'])-20 }} more</p>
                @endif
            @else
                <p class="text-sm text-gray-500">No blacklist entries.</p>
            @endif
        </div>

        <div class="bg-white border rounded p-4 shadow-sm">
            <h3 class="font-semibold mb-2">Geo Block Set</h3>
            <p class="text-sm text-gray-600">Networks loaded: <span class="font-semibold">{{ count($st['geo']) }}</span></p>
            <p class="text-xs text-gray-500 mt-2">Manage in <a href="{{ route('firewall.geo') }}" class="underline">Geo Firewall</a>.</p>
        </div>

        <div class="bg-white border rounded p-4 shadow-sm">
            <h3 class="font-semibold mb-2">Fail2Ban</h3>
            <p class="text-sm">Currently banned: <span class="font-semibold">{{ $st['fail2ban']['count'] }}</span></p>
            @if(!empty($st['fail2ban']['ips']))
                <div class="text-xs text-gray-700 mt-2 grid grid-cols-2 gap-x-4">
                    @foreach(array_slice($st['fail2ban']['ips'], 0, 20) as $ip)
                        <div class="py-0.5">{{ $ip }}</div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>

    <div class="bg-white border rounded p-4 shadow-sm">
        <h3 class="font-semibold mb-2">iptables (top)</h3>
        <pre class="text-xs bg-gray-50 border rounded p-3 overflow-auto max-h-80">{{ $st['iptables'] }}</pre>
    </div>
</div>
@endsection