import 'package:flutter/material.dart';
import 'package:flutter_vpn/flutter_vpn.dart';
import 'settings_screen.dart';
import 'about_screen.dart';

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  bool isConnected = false;

  void toggleVPN() {
    if (isConnected) {
      FlutterVpn.disconnect();
    } else {
      FlutterVpn.simpleConnect(
        server: "your-server-ip",
        username: "vpnuser",
        password: "vpnpassword",
      );
    }
    setState(() {
      isConnected = !isConnected;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("UDP VPN"),
        actions: [
          IconButton(
            icon: Icon(Icons.settings),
            onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (context) => SettingsScreen())),
          ),
          IconButton(
            icon: Icon(Icons.info),
            onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (context) => AboutScreen())),
          ),
        ],
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(
              isConnected ? Icons.vpn_lock : Icons.lock_open,
              size: 100,
              color: isConnected ? Colors.green : Colors.red,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: toggleVPN,
              child: Text(isConnected ? "Disconnect VPN" : "Connect VPN"),
            ),
          ],
        ),
      ),
    );
  }
}