@extends('layouts.admin')

@section('title', 'Cài đặt Bảo mật')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-shield-alt"></i>
                        Cài đặt Bảo mật & IP Blocking
                    </h3>
                </div>
                <div class="card-body">
                    <!-- Thống kê -->
                    <div class="row mb-4">
                        <div class="col-md-4">
                            <div class="info-box">
                                <span class="info-box-icon bg-danger">
                                    <i class="fas fa-ban"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Database Bans</span>
                                    <span class="info-box-number">{{ $stats['database_bans'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning">
                                    <i class="fas fa-clock"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Temporary Blocks</span>
                                    <span class="info-box-number">{{ $stats['cache_blocks'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-box">
                                <span class="info-box-icon bg-info">
                                    <i class="fas fa-list"></i>
                                </span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Blocks</span>
                                    <span class="info-box-number">{{ $stats['total_blocks'] }}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Nút tắt tất cả -->
                    <div class="row mb-4">
                        <div class="col-12">
                            <div class="alert alert-warning">
                                <h5><i class="icon fas fa-exclamation-triangle"></i> Tắt tạm thời tất cả IP Blocking</h5>
                                <p>Nếu khách hàng đang bị chặn quá nhiều, bạn có thể tắt tạm thời tất cả các tính năng block IP.</p>
                                <button type="button" class="btn btn-danger btn-lg" onclick="toggleAllBlocking(false)">
                                    <i class="fas fa-power-off"></i> Tắt TẤT CẢ IP Blocking
                                </button>
                                <button type="button" class="btn btn-success btn-lg ml-2" onclick="toggleAllBlocking(true)">
                                    <i class="fas fa-power-off"></i> Bật TẤT CẢ IP Blocking
                                </button>
                                <button type="button" class="btn btn-warning btn-lg ml-2" onclick="clearAllBlocks()">
                                    <i class="fas fa-trash"></i> Xóa TẤT CẢ IP Blocks
                                </button>
                            </div>
                        </div>
                    </div>

                    <!-- Cài đặt chi tiết -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h4>Cài đặt Bảo vệ</h4>
                                </div>
                                <div class="card-body">
                                    <!-- DDoS Protection -->
                                    <div class="form-group">
                                        <label>DDoS Protection</label>
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" 
                                                   id="ddos_protection" 
                                                   {{ $settings['ddos_protection_enabled'] ? 'checked' : '' }}
                                                   onchange="toggleSetting('ddos-protection', this.checked)">
                                            <label class="custom-control-label" for="ddos_protection">
                                                Bảo vệ chống DDoS
                                            </label>
                                        </div>
                                        <small class="text-muted">Giới hạn số request từ một IP trong thời gian ngắn</small>
                                    </div>

                                    <!-- Realtime Attack Detection -->
                                    <div class="form-group">
                                        <label>Realtime Attack Detection</label>
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" 
                                                   id="realtime_attack" 
                                                   {{ $settings['realtime_attack_detection_enabled'] ? 'checked' : '' }}
                                                   onchange="toggleSetting('realtime-attack-detection', this.checked)">
                                            <label class="custom-control-label" for="realtime_attack">
                                                Phát hiện tấn công thời gian thực
                                            </label>
                                        </div>
                                        <small class="text-muted">Phân tích pattern và block IP ngay lập tức</small>
                                    </div>

                                    <!-- Emergency Response -->
                                    <div class="form-group">
                                        <label>Emergency Response</label>
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" 
                                                   id="emergency_response" 
                                                   {{ $settings['emergency_response_enabled'] ? 'checked' : '' }}
                                                   onchange="toggleSetting('emergency-response', this.checked)">
                                            <label class="custom-control-label" for="emergency_response">
                                                Phản ứng khẩn cấp
                                            </label>
                                        </div>
                                        <small class="text-muted">Tự động kích hoạt khi hệ thống quá tải</small>
                                    </div>

                                    <!-- Login Bruteforce Protection -->
                                    <div class="form-group">
                                        <label>Login Bruteforce Protection</label>
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" class="custom-control-input" 
                                                   id="login_bruteforce" 
                                                   {{ $settings['login_bruteforce_protection_enabled'] ? 'checked' : '' }}
                                                   onchange="toggleSetting('login-bruteforce-protection', this.checked)">
                                            <label class="custom-control-label" for="login_bruteforce">
                                                Bảo vệ chống bruteforce login
                                            </label>
                                        </div>
                                        <small class="text-muted">Block IP sau nhiều lần đăng nhập sai</small>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h4>Hướng dẫn</h4>
                                </div>
                                <div class="card-body">
                                    <h5>Khi nào nên tắt IP Blocking?</h5>
                                    <ul>
                                        <li>Khách hàng phản ánh bị chặn không đúng</li>
                                        <li>Có sự kiện đặc biệt với lượng truy cập cao</li>
                                        <li>Cần troubleshoot vấn đề kết nối</li>
                                    </ul>

                                    <h5>Lưu ý quan trọng:</h5>
                                    <ul>
                                        <li class="text-danger">Tắt bảo mật sẽ làm tăng nguy cơ tấn công</li>
                                        <li class="text-warning">Chỉ tắt tạm thời khi cần thiết</li>
                                        <li class="text-info">Nhớ bật lại sau khi xử lý xong</li>
                                    </ul>

                                    <h5>Các lệnh console hữu ích:</h5>
                                    <code>php artisan security:clear-all-blocks</code><br>
                                    <small class="text-muted">Xóa tất cả IP blocks</small><br><br>
                                    
                                    <code>php artisan security:blacklist list</code><br>
                                    <small class="text-muted">Xem danh sách IP bị block</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function toggleSetting(setting, enabled) {
    $.ajax({
        url: `/admin/security/toggle-${setting}`,
        method: 'POST',
        data: {
            enabled: enabled,
            _token: '{{ csrf_token() }}'
        },
        success: function(response) {
            if (response.success) {
                toastr.success(response.message);
            } else {
                toastr.error(response.message);
            }
        },
        error: function() {
            toastr.error('Có lỗi xảy ra');
        }
    });
}

function toggleAllBlocking(enabled) {
    if (!enabled) {
        if (!confirm('Bạn có chắc chắn muốn TẮT TẤT CẢ IP Blocking? Điều này có thể làm tăng nguy cơ bảo mật!')) {
            return;
        }
    }

    $.ajax({
        url: '/admin/security/toggle-all-ip-blocking',
        method: 'POST',
        data: {
            enabled: enabled,
            _token: '{{ csrf_token() }}'
        },
        success: function(response) {
            if (response.success) {
                toastr.success(response.message);
                setTimeout(() => location.reload(), 1500);
            } else {
                toastr.error(response.message);
            }
        },
        error: function() {
            toastr.error('Có lỗi xảy ra');
        }
    });
}

function clearAllBlocks() {
    if (!confirm('Bạn có chắc chắn muốn XÓA TẤT CẢ IP blocks? Điều này sẽ unblock tất cả IP đang bị chặn!')) {
        return;
    }

    $.ajax({
        url: '/admin/security/clear-all-blocks',
        method: 'POST',
        data: {
            _token: '{{ csrf_token() }}'
        },
        success: function(response) {
            if (response.success) {
                toastr.success(response.message);
                setTimeout(() => location.reload(), 1500);
            } else {
                toastr.error(response.message);
            }
        },
        error: function() {
            toastr.error('Có lỗi xảy ra');
        }
    });
}
</script>
@endsection