topicApp/lib/PersonalInfo.dart

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:topic/BottomNavBar.dart';
import 'package:topic/main.dart';
import 'package:topic/HomePage.dart';
import 'package:topic/HistoricalRecord.dart';
import 'package:topic/KnowledgePage.dart';
import 'package:topic/MessagePage.dart';
import 'package:mysql_client/mysql_client.dart';
import 'package:http/http.dart' as http;
/*void main() {
  runApp(MaterialApp(
    home: PersonalInfo(),
  ));
}*/

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

class _PersonalInfoState extends State<PersonalInfo> {
  String _name = '', _phone = '', _age = '', _gender = '', _email = '';
  bool _isEditing = false; //是否為編輯狀態
  final TextEditingController _emailController =
      TextEditingController(); //email輸入text

  @override
  void initState() {
    //初始化
    super.initState();
    _fetchData();
  }

  void _fetchData() async {
    //MYSQL
    print('傳遞過來的 email: ${widget.email}'); // 打印 email 來確認它是否正確傳遞

    final conn = await MySQLConnection.createConnection(
      //host: '203.64.84.154',
      host: '10.0.2.2',
      //127.0.0.1 10.0.2.2
      port: 3306,
      userName: 'root',
      //password: 'Topic@2024',
      password: '0000',
      //databaseName: 'care', //testdb
      databaseName: 'testdb',
    );

    await conn.connect();

    try {
      print('ok');
      var result = await conn.execute(
        'SELECT name, phone, age, gender, email FROM users WHERE email = :email',
        {'email': widget.email}, // 傳入參數 email
      );
      if (result.rows.isNotEmpty) {
        //有資料
        var row = result.rows.first;
        setState(() {
          _name = row.colAt(0) ?? ''; //如果沒有資料就是空直
          _phone = row.colAt(1) ?? '';
          _age = row.colAt(2) ?? '';
          _gender = row.colAt(3) ?? '';
          _email = row.colAt(4) ?? '';
        });
      }
    } catch (e) {
      print('Error: $e');
    } finally {
      await conn.close();
    }
  }

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

  void _saveChanges() async {
    final conn = await MySQLConnection.createConnection(
      host: '10.0.2.2',
      port: 3306,
      userName: 'root',
      password: '0000',
      databaseName: 'testdb',
    );

    await conn.connect();

    try {
      await conn.execute(
        'UPDATE users SET email = :email WHERE email = :old_email',
        {'email': _emailController.text, 'old_email': widget.email},
      );
      setState(() {
        _email = _emailController.text;
        _isEditing = false; // 退出編輯
      });
    } catch (e) {
      print('Error: $e');
    } finally {
      await conn.close();
    }
  }

  //頁面
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // appBar: AppBar(
      //   title: Text('個人資料'),
      //   backgroundColor: Color(0xFFF5E3C3),
      // ),
      body: Column(
        children: [
          Container(
            height: 100,
            color: Color(0xFFF5E3C3), //背景底色
            width: double.infinity,
            padding: EdgeInsets.all(10.0),
            child: Center(
              child: Text(
                '個人資料',
                style: TextStyle(fontSize: 24, height: 5),
              ),
            ),
          ),
          Expanded(
            child: ListView(
              padding: EdgeInsets.symmetric(vertical: 5), // 调整列表视图的 padding

              children: [
                ListTile(
                  title: Text(
                    '姓名',
                    style: TextStyle(fontSize: 20),
                  ),
                  subtitle: Text(_name),
                  //trailing: Icon(Icons.arrow_forward_ios),//>
                  onTap: () {
                    //點了之後
                  },
                ),
                Divider(),
                ListTile(
                  title: Text('手機'),
                  subtitle: Text(_phone),
                  //trailing: Icon(Icons.arrow_forward_ios),
                  onTap: () {},
                ),
                Divider(),
                ListTile(
                  title: Text('生日'),
                  subtitle: Text(_age),
                  //trailing: Icon(Icons.arrow_forward_ios),
                  onTap: () {},
                ),
                Divider(),
                ListTile(
                  title: Text('性別'),
                  subtitle: Text(_gender),
                  //trailing: Icon(Icons.arrow_forward_ios),
                  onTap: () {},
                ),
                Divider(),
                ListTile(
                  title: Text('EMAIL'),
                  subtitle: //Text(_email),
                      _isEditing
                          ? TextField(
                              controller: _emailController,
                              autofocus: true,
                              onChanged: (value) {
                                setState(() {
                                  _email = value;
                                });
                              },
                            )
                          : Text(_email),
                  //trailing: Icon(Icons.arrow_forward_ios),

                  onTap: () {
                    _toggleEdit(); // 切換到編輯狀態
                  },
                ),
                Divider(),
                SizedBox(
                  height: 20,
                  width: 60,
                ),
                ElevatedButton(
                  onPressed: () {},
                  child: Text('修改資料'),
                  style: TextButton.styleFrom(
                    backgroundColor: Color(0xFFF5E3C3), // 無背景颜色
                    textStyle: TextStyle(fontSize: 18),
                    shadowColor: Colors.transparent, // 去除陰影
                  ),
                ),
                SizedBox(
                  height: 10,
                  width: 60,
                ),
                ElevatedButton(
                  onPressed: () {},
                  child: Text('登出'),
                  style: TextButton.styleFrom(
                    backgroundColor: Color(0xFFF5E3C3),
                    textStyle: TextStyle(fontSize: 18),
                    shadowColor: Colors.transparent,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}