import 'package:flutter/material.dart';
import 'package:mysql_client/mysql_client.dart';
import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:topic/NoSwipeBackRoute.dart';
import 'package:topic/main.dart';

class PersonalInfo extends StatefulWidget {
  final String email; // 接收來自上個頁面的 email
  PersonalInfo({required this.email});

  @override
  _PersonalInfoState createState() => _PersonalInfoState();
}

class _PersonalInfoState extends State<PersonalInfo> {
  String _username = '', _realname = '', _phone = '', _gender = '', _address = '', _email = '', _password = '';

  bool _isEditing = false; //是否為編輯狀態
  bool _passwordNotVisible = true;

  final TextEditingController _realnameController = TextEditingController();
  final TextEditingController _phoneController = TextEditingController();
  final TextEditingController _genderController = TextEditingController();
  final TextEditingController _addressController = TextEditingController();
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();

  @override
  void initState() {
    super.initState();
    _fetchData();
  }

  void _fetchData() async {
    print('傳遞過來的 email: ${widget.email}');

    final conn = await MySQLConnection.createConnection(
      host: '203.64.84.154',
      port: 33061,
      userName: 'root',
      password: 'Topic@2024',
      databaseName: 'care',
    );

    await conn.connect();

    try {
      var result = await conn.execute(
        'SELECT * FROM HomeLogin WHERE homeemail = :email',
        {'email': widget.email},
      );
      if (result.rows.isNotEmpty) {
        var row = result.rows.first;
        setState(() {
          _username = row.colAt(0) ?? '';
          _realname = row.colAt(1) ?? '';
          _phone = row.colAt(2) ?? '';
          _gender = row.colAt(3) ?? '';
          _address = row.colAt(4) ?? '';
          _email = row.colAt(5) ?? '';
          _password = row.colAt(6) ?? '';
        });
      }
    } catch (e) {
      print('Error: $e');
    } finally {
      await conn.close();
    }
  }

  void _toggleEdit() {
    setState(() {
      if (!_isEditing) {
        _realnameController.text = _realname;
        _phoneController.text = _phone;
        _genderController.text = _gender;
        _addressController.text = _address;
        _emailController.text = _email;
        _passwordController.text = _password;
      }
      _isEditing = !_isEditing;
    });
  }

  void _saveChanges() async {
    final conn = await MySQLConnection.createConnection(
      host: '203.64.84.154',
      port: 33061,
      userName: 'root',
      password: 'Topic@2024',
      databaseName: 'care',
    );

    await conn.connect();

    try {
      await conn.execute(
        'UPDATE HomeLogin SET homeRealName = :homeRealName , homePhone = :homePhone, homeGender = :homeGender, homeAddress = :homeAddress, homeEmail = :new_email, homePassword = :homePassword WHERE homeEmail = :old_email',
        {
          'homeRealName': _realnameController.text,
          'homePhone': _phoneController.text,
          'homeGender': _genderController.text,
          'homeAddress': _addressController.text,
          'new_email': _emailController.text,
          'old_email': widget.email,
          'homePassword': _passwordController.text,
        },
      );
      setState(() {
        _realname = _realnameController.text;
        _phone = _phoneController.text;
        _gender = _genderController.text;
        _address = _addressController.text;
        _email = _emailController.text;
        _password = _passwordController.text;
        _isEditing = false;
        print('有道這裡1');
      });
    } catch (e) {
      print('Error: $e');
    } finally {
      await conn.close();
    }
  }

  void _loginOut() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    prefs.clear();
    pushReplacementWithoutNavBar(
      context,
      NoSwipeBackRoute(
        builder: (context) => LoginPage(),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Container(
            height: 100,
            color: Color(0xFFF5E3C3),
            padding: EdgeInsets.only(top: 50, left: 20, right: 20),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text(
                  _username + ' 您好',
                  style: TextStyle(fontSize: 28, color: Colors.black),
                ),
              ],
            ),
          ),
          Expanded(
            child: ListView(
              padding: EdgeInsets.symmetric(vertical: 5),
              children: [
                ListTile(
                  leading: Icon(Icons.manage_accounts_outlined),
                  title: Text('基本資料', style: TextStyle(fontSize: 18)),
                  onTap: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                        builder: (context) => BasicInfoPage(
                          realname: _realname,
                          phone: _phone,
                          gender: _gender,
                          address: _address,
                          email: _email,
                          isEditing: _isEditing,
                        ),
                      ),
                    );
                  },
                ),
                Divider(),
                ListTile(
                  leading: Icon(Icons.lock_open_outlined),
                  title: Text('帳號設定', style: TextStyle(fontSize: 18)),
                  onTap: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                        builder: (context) => AccountPage(
                          email: _email,
                          password: _password,
                          isEditing: _isEditing,
                        ),
                      ),
                    );
                  },
                ),
                Divider(),
                ListTile(
                  leading: Icon(Icons.language_outlined),
                  title: Text('語言設定', style: TextStyle(fontSize: 18)),
                  onTap: () {},
                ),
                Divider(),

                Divider(),
                // ElevatedButton(
                //   onPressed: () {
                //     if (_isEditing) {
                //       _saveChanges();
                //     } else {
                //       _toggleEdit();
                //     }
                //   },
                //   child: Text(_isEditing ? '儲存變更' : '修改資料'),
                //   style: TextButton.styleFrom(
                //     backgroundColor: Color(0xFFF5E3C3),
                //     textStyle: TextStyle(fontSize: 18),
                //     shadowColor: Colors.transparent,
                //   ),
                // ),
                ElevatedButton(
                  onPressed: _loginOut,
                  child: Text('登出'),
                  style: TextButton.styleFrom(
                    backgroundColor: Color(0xFFF5E3C3),
                    textStyle: TextStyle(fontSize: 18),
                    shadowColor: Colors.transparent,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

// BasicInfoPage 類別
class BasicInfoPage extends StatefulWidget {
  String realname;
  String phone;
  String gender;
  String address;
  String email;
  bool isEditing;

  BasicInfoPage({
    required this.realname,
    required this.phone,
    required this.gender,
    required this.address,
    required this.email,
    required this.isEditing,
  });

  @override
  _BasicInfoPageState createState() => _BasicInfoPageState();
}

class _BasicInfoPageState extends State<BasicInfoPage> {
  late TextEditingController _realnameController;
  late TextEditingController _phoneController;
  late TextEditingController _genderController;
  late TextEditingController _addressController;

  bool _isEditing = false;

  @override
  void initState() {
    super.initState();
    _realnameController = TextEditingController(text: widget.realname);
    _phoneController = TextEditingController(text: widget.phone);
    _genderController = TextEditingController(text: widget.gender);
    _addressController = TextEditingController(text: widget.address);
    _isEditing = widget.isEditing;
  }

  void _toggleEdit() {
    setState(() {
      _isEditing = !_isEditing;
    });
  }

  void _saveChanges() async {
    final conn = await MySQLConnection.createConnection(
      host: '203.64.84.154',
      port: 33061,
      userName: 'root',
      password: 'Topic@2024',
      databaseName: 'care',
    );

    await conn.connect();

    try {
      await conn.execute(
        'UPDATE HomeLogin SET homeRealName = :homeRealName, homePhone = :homePhone, homeGender = :homeGender, homeAddress = :homeAddress WHERE homeEmail = :old_email',
        {
          'homeRealName': _realnameController.text,
          'homePhone': _phoneController.text,
          'homeGender': _genderController.text,
          'homeAddress': _addressController.text,
          'old_email': widget.email,
        },
      );
      setState(() {
        widget.realname = _realnameController.text;
        widget.phone = _phoneController.text;
        widget.gender = _genderController.text;
        widget.address = _addressController.text;
        _isEditing = false;
      });
      print('successsssssssssssssss');
    } catch (e) {
      print('Error: $e');
    } finally {
      await conn.close();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Container(
            height: 100,
            color: Color(0xFFF5E3C3),
            width: double.infinity,
            padding: EdgeInsets.only(left: 0.0, top: 50.0), // 調整左右和底部的間距
            child:
          ListTile(
            contentPadding: EdgeInsets.zero, // 移除 ListTile 內的預設 padding
            leading: IconButton(
              icon: Icon(Icons.arrow_back_outlined, size: 28),
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => PersonalInfo(email: widget.email), // 修正語法錯誤
                  ),
                );
              },
            ),title: Text('基本資料', style: TextStyle(fontSize: 28)),
            onTap: () {
            },
          ),),
          Expanded(
            child: ListView(
              padding: EdgeInsets.all(16),
              children: [
                ListTile(
                  title: Text('姓名'),
                  subtitle: _isEditing
                  ? TextField(
                    controller: _realnameController,
                  )
                  : Text(_realnameController.text),//Controller.text才會跟著修正更新
                ),
                Divider(),
                ListTile(
                  title: Text('手機'),
                  subtitle: _isEditing
                  ? TextField(
                    controller: _phoneController,
                  )
                  : Text(_phoneController.text),
                ),
                Divider(),
                ListTile(
                  title: Text('性別'),
                  subtitle: _isEditing
                  ? TextField(
                    controller: _genderController,
                  )
                  : Text(_genderController.text),
                ),
                Divider(),
                ListTile(
                  title: Text('地址'),
                  subtitle: _isEditing
                  ? TextField(
                    controller: _addressController,
                  )
                  : Text(_addressController.text),
                ),
                SizedBox(height: 20),
                ElevatedButton(
                  onPressed: () {
                    if (_isEditing) {
                      _saveChanges();
                    } else {
                      _toggleEdit();
                    }
                  },
                  child: Text(_isEditing ? '儲存變更' : '修改資料'),
                  style: TextButton.styleFrom(
                    backgroundColor: Color(0xFFF5E3C3),
                    textStyle: TextStyle(fontSize: 18),
                    shadowColor: Colors.transparent,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

// BasicInfoPage 類別
class AccountPage extends StatefulWidget {
  String email;
  String password;
  bool isEditing;

  AccountPage({
    required this.email,
    required this.password,
    required this.isEditing,
  });

  @override
  _AccountPageState createState() => _AccountPageState();
}

class _AccountPageState extends State<AccountPage> {
  late TextEditingController _emailController;
  late TextEditingController _passwordController;

  bool _isEditing = false;
  bool _passwordNotVisible = true; // 需要加上這行，來處理密碼可見性切換

  @override
  void initState() {
    super.initState();
    _emailController = TextEditingController(text: widget.email);
    _passwordController = TextEditingController(text: widget.password);
    _isEditing = widget.isEditing;
  }

  void _toggleEdit() {
    setState(() {
      _isEditing = !_isEditing;
    });
  }

  void _saveChanges() async {
    final conn = await MySQLConnection.createConnection(
      host: '203.64.84.154',
      port: 33061,
      userName: 'root',
      password: 'Topic@2024',
      databaseName: 'care',
    );

    await conn.connect();
    print('connectttttttttttttttttttttttttt');

    try {
      await conn.execute(
        'UPDATE HomeLogin SET homeEmail = :homeEmail,homePassword= :homePassword WHERE homeEmail = :old_email',
        {
          'homeEmail': _emailController.text,
          'homePassword': _passwordController.text,
          'old_email': widget.email,
        },
      );
      setState(() {
        widget.email = _emailController.text;
        widget.password = _passwordController.text;
        _isEditing = false;
      });
      print('資料更新成功');
    } catch (e) {
      print('Error: $e');
    } finally {
      await conn.close();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body:  Column(
        children: [
          Container(
            height: 100,
            color: Color(0xFFF5E3C3),
            width: double.infinity,
            padding: EdgeInsets.only(left: 0.0, top: 50.0), // 調整左右和底部的間距
            child:
            ListTile(
              contentPadding: EdgeInsets.zero, // 移除 ListTile 內的預設 padding
              leading: IconButton(
                icon: Icon(Icons.arrow_back_outlined, size: 28),
                onPressed: () {
                  Navigator.push(
                    context,
                    MaterialPageRoute(
                      builder: (context) => PersonalInfo(email: widget.email), // 修正語法錯誤
                    ),
                  );
                },
              ),
              title: Text('帳號設定', style: TextStyle(fontSize: 28)),
              onTap: () {
              },
            ),
          ),
          Expanded(
            child: ListView(
              padding: EdgeInsets.all(16),
              children: [
                ListTile(
                  title: Text('電子信箱'),
                  subtitle: _isEditing
                  ? TextField(
                    controller: _emailController,
                  )
                  : Text(_emailController.text),
                ),
                Divider(),
                ListTile(
                  title: Text('密碼'),
                  subtitle: _isEditing
                  ? TextField(
                    controller: _passwordController,
                    obscureText: _passwordNotVisible,
                    decoration: InputDecoration(
                      suffixIcon: IconButton(
                        icon: Icon(_passwordNotVisible ? Icons.visibility : Icons.visibility_off),
                        onPressed: () {
                          setState(() {
                            _passwordNotVisible = !_passwordNotVisible;
                          });
                        },
                      ),
                    ),
                  )
                  : Text(_passwordController.text),
                ),
                SizedBox(height: 20),
                ElevatedButton(
                  onPressed: () {
                    if (_isEditing) {
                      _saveChanges();
                    }
                    else {
                      _toggleEdit();
                    }
                  },
                  child: Text(_isEditing ? '儲存變更' : '修改資料'),
                  style: TextButton.styleFrom(
                    backgroundColor: Color(0xFFF5E3C3),
                    textStyle: TextStyle(fontSize: 18),
                    shadowColor: Colors.transparent,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}