import 'package:flutter/material.dart';
import 'package:QuickSSH/classes/ServerCommand.dart';

class AddClient extends StatefulWidget {
  const AddClient({super.key});

  @override
  State<AddClient> createState() => _AddClientState();
}

class _AddClientState extends State<AddClient> {
  final nameController = TextEditingController();
  final ipController = TextEditingController();
  final userController = TextEditingController();
  final cmdController = TextEditingController();
  final passController = TextEditingController();

  @override
  void dispose() {
    nameController.dispose();
    ipController.dispose();
    userController.dispose();
    cmdController.dispose();
    passController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context).colorScheme;

    return Scaffold(
      resizeToAvoidBottomInset: false,
      backgroundColor: theme.surface,
      appBar: AppBar(
        backgroundColor: theme.surface,
        title: Text("Add command", style: TextStyle(color: theme.onSurface)),
        leading: Builder(
          builder: (context) {
            return IconButton(
              icon: Icon(Icons.arrow_back_ios_rounded, color: theme.onSurface),
              onPressed: () {
                Navigator.pop(context);
              },
            );
          },
        ),
      ),
      body: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 8.0),
        child: Column(
          children: [
            const SizedBox(height: 20),
            TextField(
              style: TextStyle(color: theme.onSurface),
              controller: nameController,
              decoration: InputDecoration(
                filled: true,
                fillColor: theme.primaryContainer,
                labelText: 'Command name',
                labelStyle: TextStyle(
                  color: theme.onSurfaceVariant,
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                ),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                enabledBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
              ),
            ),
            const SizedBox(height: 20),
            TextField(
              style: TextStyle(color: theme.onSurface),
              controller: ipController,
              decoration: InputDecoration(
                filled: true,
                fillColor: theme.primaryContainer,
                labelText: 'Host (IP address)',
                labelStyle: TextStyle(
                  color: theme.onSurfaceVariant,
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                ),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                enabledBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
              ),
            ),
            const SizedBox(height: 20),
            TextField(
              style: TextStyle(color: theme.onSurface),
              controller: userController,
              decoration: InputDecoration(
                filled: true,
                fillColor: theme.primaryContainer,
                labelText: 'Login as (user)',
                labelStyle: TextStyle(
                  color: theme.onSurfaceVariant,
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                ),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                enabledBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
              ),
            ),
            const SizedBox(height: 20),
            TextField(
              style: TextStyle(color: theme.onSurface),
              controller: passController,
              obscureText: true,
              decoration: InputDecoration(
                filled: true,
                fillColor: theme.primaryContainer,
                labelText: 'Password',
                labelStyle: TextStyle(
                  color: theme.onSurfaceVariant,
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                ),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                enabledBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
              ),
            ),
            const SizedBox(height: 20),
            TextField(
              style: TextStyle(color: theme.onSurface),
              controller: cmdController,
              minLines: 3,
              maxLines: 100,
              decoration: InputDecoration(
                filled: true,
                fillColor: theme.primaryContainer,
                labelText: 'Command',
                labelStyle: TextStyle(
                  color: theme.onSurfaceVariant,
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                ),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(10),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
                enabledBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color: Color.fromARGB(0, 0, 0, 0)),
                ),
              ),
            ),
            Spacer(),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 20),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.end,
                children: [
                  ElevatedButton(
                    onPressed: () {
                      _onSaved();
                    },
                    style: ElevatedButton.styleFrom(
                      backgroundColor: theme.primary,
                      fixedSize: const Size(140, 40),
                    ),
                    child: Text(
                      'Add',
                      style: TextStyle(
                        color: theme.onPrimary,
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }

  void _onSaved() {
    final newCmd = ServerCommand(
      name: nameController.text,
      ip: ipController.text,
      username: userController.text,
      command: cmdController.text,
      password: passController.text,
    );

    Navigator.pop(context, newCmd);
  }
}