import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'profile_item.dart';
import 'package:flutter/cupertino.dart';

class ProfileTab extends StatefulWidget {
  @override
  State<ProfileTab> createState() => _ProfileTabState();
}

class _ProfileTabState extends State<ProfileTab> {
  TextEditingController namaController = TextEditingController();
  TextEditingController usernameController = TextEditingController();
  TextEditingController emailController = TextEditingController();
  TextEditingController tgllahirController = TextEditingController();
  TextEditingController beratbadanController = TextEditingController();
  TextEditingController tinggibadanController = TextEditingController();
  TextEditingController notelpController = TextEditingController();
  TextEditingController alamatController = TextEditingController();

  late SharedPreferences logindata;
  String username = '';
  String email = '';
  String notlp = '';
  String beratbadan = '';
  String tinggibadan = '';
  String alamat = '';
  @override
  void initState() {
    super.initState();
    initprofile();
  }

  void initprofile() async {
    logindata = await SharedPreferences.getInstance();
    setState(() {
      username = logindata.getString('username') ?? '';
      email = logindata.getString('email') ?? '';
      notlp = logindata.getString('no_tlp') ?? '';
      beratbadan = logindata.getString('berat_badan') ?? '';
      tinggibadan = logindata.getString('tinggi_adan') ?? '';
      alamat = logindata.getString('alamat') ?? '';
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.all(20.0),
          child: Column(
            children: [
              const SizedBox(height: 40),
              const SizedBox(height: 20),
              ProfileItem(
                  title: 'Name',
                  subtitle: namaController.text,
                  iconData: CupertinoIcons.person_alt),
              const SizedBox(height: 10),
              ProfileItem(
                  title: '$username',
                  subtitle: usernameController.text,
                  iconData: CupertinoIcons.person),
              const SizedBox(height: 10),
              ProfileItem(
                  title: '$email',
                  subtitle: emailController.text,
                  iconData: CupertinoIcons.mail),
              const SizedBox(height: 10),
              ProfileItem(
                  title: 'Tanggal Lahir',
                  subtitle: tgllahirController.text,
                  iconData: CupertinoIcons.calendar),
              const SizedBox(height: 10),
              ProfileItem(
                  title: 'Berat Badan',
                  subtitle: beratbadanController.text,
                  iconData: CupertinoIcons.chart_bar),
              const SizedBox(height: 10),
              ProfileItem(
                  title: 'Tinggi Badan',
                  subtitle: tinggibadanController.text,
                  iconData: CupertinoIcons.person_crop_rectangle),
              const SizedBox(height: 10),
              ProfileItem(
                  title: 'No. HP',
                  subtitle: notelpController.text,
                  iconData: CupertinoIcons.phone),
              const SizedBox(height: 10),
              ProfileItem(
                  title: 'Alamat',
                  subtitle: alamatController.text,
                  iconData: CupertinoIcons.location),
              const SizedBox(
                height: 20,
              ),
              SizedBox(
                width: double.infinity,
                child: ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      primary: Colors.deepOrange,
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(30.0),
                      ),
                      padding: const EdgeInsets.all(15),
                    ),
                    onPressed: () {},
                    child: const Text('Edit Profile')),
              )
            ],
          ),
        ),
      ),
    );
  }
}