import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:ta_tahsin/core/baseurl/base_url.dart';
import 'package:ta_tahsin/core/theme.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';

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

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

class _EditProfilePengajarState extends State<EditProfilePengajar> {
  final _formKey = GlobalKey<FormState>();
  final TextEditingController _fullNameController = TextEditingController();
  final TextEditingController _addressController = TextEditingController();
  final TextEditingController _dobController = TextEditingController();
  final TextEditingController _phoneController = TextEditingController();
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _jenjangPendidikanController = TextEditingController();
  String _gender = 'Laki-laki';
  bool _isEditing = false; // Track whether we are in edit mode
  bool _isLoading = true; // Track whether data is loading
  String _selectedJenjangPendidikan = 'SD'; // Default value

  // List for dropdown values
  List<String> jenjangPendidikanOptions = ['SD', 'SMP', 'SMA', 'Perguruan Tinggi'];

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

  // Fetch user data from API
  Future<void> _fetchUserData() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    String? token = prefs.getString('token');

    if (token == null) {
      setState(() {
        _isLoading = false;
      });
      return;
    }

    final response = await http.get(
      Uri.parse('${BaseUrl.baseUrl}/user'),
      headers: {
        'Authorization': 'Bearer $token',
      },
    );

    if (response.statusCode == 200) {
      final data = json.decode(response.body);
      setState(() {
        _fullNameController.text = data['data']['nama_lengkap'];
        _addressController.text = data['data']['alamat'];
        _dobController.text = data['data']['usia'];
        _phoneController.text = data['data']['no_telp_wali'];
        _emailController.text = data['data']['email'];
        _jenjangPendidikanController.text = data['data']['jenjang_pendidikan'];
        _gender = data['data']['jenis_kelamin'];
        _isLoading = false;
      });
    } else {
      setState(() {
        _isLoading = false;
      });
    }
  }

  // Update user data using API
Future<void> _updateUserData() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  String? token = prefs.getString('token');

  if (token == null) {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('Token tidak ditemukan')),
    );
    return;
  }

  final response = await http.post(
    Uri.parse('${BaseUrl.baseUrl}/user/updateBytoken'),
    headers: {
      'Authorization': 'Bearer $token',
      'Content-Type': 'application/json',
    },
    body: jsonEncode({
      'nama_lengkap': _fullNameController.text,
      'alamat': _addressController.text,
      'usia': _dobController.text,
      'no_telp_wali': _phoneController.text,
      'email': _emailController.text,
      'jenjang_pendidikan': _jenjangPendidikanController.text,
      'jenis_kelamin': _gender,
    }),
  );

  // Print response status and body for debugging
  print("Response status: ${response.statusCode}");
  print("Response body: ${response.body}");

  if (response.statusCode == 200) {
    _showSuccessDialog();
    setState(() {
      _isEditing = false;
    });
    // Optionally navigate to another page or refresh profile
  } else {
    // Handle error and print response body
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('Gagal mengubah data: ${response.body}')),
    );
    print("Error response: ${response.body}"); // Print error response here
  }
}


  // Show a success dialog after user data is updated successfully
  void _showSuccessDialog() {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text('Berhasil'),
          content: Text('Data santri berhasil diubah.'),
          actions: <Widget>[
            TextButton(
              child: Text('OK'),
              onPressed: () {
                setState(() {
                  _isEditing = false;
                });
                Navigator.of(context).pop();
              },
            ),
          ],
        );
      },
    );
  }

  Future<void> _selectDate(BuildContext context) async {
    final DateTime? selectedDate = await showDatePicker(
      context: context,
      initialDate: DateTime.now(), // Default current date
      firstDate: DateTime(1900),
      lastDate: DateTime.now(),
    );
    if (selectedDate != null) {
      setState(() {
        // Format selected date as 'dd/MM/yyyy'
        _dobController.text = "${selectedDate.day}/${selectedDate.month}/${selectedDate.year}";
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Edit Profile Pengajar'),
        leading: IconButton(
          icon: Icon(Icons.arrow_back),
          onPressed: () {
            context.pop();
          },
        ),
        actions: [
          IconButton(
            icon: Icon(Icons.edit_note, size: 35),
            onPressed: () {
              setState(() {
                _isEditing = !_isEditing; // Toggle edit mode
              });
            },
          ),
        ],
      ),
      body: _isLoading
          ? Center(child: CircularProgressIndicator())
          : SingleChildScrollView(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Center(
                      child: CircleAvatar(
                        radius: 60,
                        backgroundImage: AssetImage('assets/icon/defaultprofile.jpeg'),
                        backgroundColor: Colors.transparent,
                      ),
                    ),
                    SizedBox(height: 20),
                    Container(
                      width: double.infinity,
                      padding: EdgeInsets.all(10),
                      decoration: BoxDecoration(
                        color: secondPrimaryColor,
                        borderRadius: BorderRadius.circular(12),
                        boxShadow: [BoxShadow(color: Colors.black26, blurRadius: 10, offset: Offset(0, 4))],
                      ),
                      child: Text(
                        'Detail Dasar',
                        style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: whiteColor),
                      ),
                    ),
                    SizedBox(height: 16),
                    _buildTextFormField(_fullNameController, 'Nama Lengkap', _isEditing),
                    _buildAddressField(_addressController, 'Alamat', _isEditing),
                    _buildDateOfBirthField(_dobController, 'Tanggal Lahir', _isEditing),
                    _buildDropdownJenjangPendidikan( 'Jenjang Pendidikan', _isEditing),
                    Row(
                      children: [
                        Text('Jenis Kelamin', style: TextStyle(fontSize: 16)),
                        Radio<String>(
                          value: 'Laki-laki',
                          groupValue: _gender,
                          onChanged: _isEditing
                              ? (value) {
                                  setState(() {
                                    _gender = value!;
                                  });
                                }
                              : null,
                        ),
                        Text('Laki-laki'),
                        Radio<String>(
                          value: 'Perempuan',
                          groupValue: _gender,
                          onChanged: _isEditing
                              ? (value) {
                                  setState(() {
                                    _gender = value!;
                                  });
                                }
                              : null,
                        ),
                        Text('Perempuan'),
                      ],
                    ),
                    SizedBox(height: 20),
                    Container(
                      width: double.infinity,
                      padding: EdgeInsets.all(10),
                      decoration: BoxDecoration(
                        color: secondPrimaryColor,
                        borderRadius: BorderRadius.circular(12),
                        boxShadow: [BoxShadow(color: Colors.black26, blurRadius: 10, offset: Offset(0, 4))],
                      ),
                      child: Text(
                        'Detail Kontak',
                        style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: whiteColor),
                      ),
                    ),
                    SizedBox(height: 16),
                    _buildPhoneField(_phoneController, 'No WA Wali', _isEditing),
                    _buildEmailField(_emailController, 'Email', _isEditing),
                    SizedBox(height: 20),
                    ElevatedButton(
              onPressed: _isEditing
                      ? () {
                          // Trigger the update user function when editing
                          _updateUserData();
                        }
                      : null,
              style: ElevatedButton.styleFrom(
                backgroundColor: secondPrimaryColor,
                padding: const EdgeInsets.symmetric(
                  horizontal: 50,
                  vertical: 15,
                ),
                minimumSize: Size(double.infinity, 40),
              ),
              child: Text(
                'Simpan',
                style: TextStyle(
                  color: whiteColor,
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
                  ],
                ),
              ),
            ),
    );
  }

  Widget _buildTextFormField(TextEditingController controller, String labelText, bool isEnabled) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(labelText, style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
        SizedBox(height: 8),
        TextFormField(
          controller: controller,
          enabled: isEnabled,
          autovalidateMode: AutovalidateMode.onUserInteraction, // Validasi otomatis saat input
          decoration: InputDecoration(
            filled: true,
            fillColor: Colors.grey[200], // Warna latar belakang lebih terang
            border: OutlineInputBorder(
              borderRadius: BorderRadius.circular(40), // Sudut melengkung
              borderSide: BorderSide.none, // Menghilangkan border default
            ),
            contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 16),
          ),
          validator: (value) {
            if (value == null || value.isEmpty) {
              return 'Harap masukkan $labelText Anda';
            }
            return null;
          },
        ),
        SizedBox(height: 20),
      ],
    );
  }

  Widget _buildAddressField(TextEditingController controller, String labelText, bool isEnabled) {
  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Text(labelText, style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
      SizedBox(height: 8),
      TextFormField(
        controller: _addressController,
        keyboardType: TextInputType.multiline, // Membuka multiline pada keyboard
        maxLines: 3, // Menentukan tinggi area input, bisa lebih panjang jika diperlukan
        autovalidateMode: AutovalidateMode.onUserInteraction, // Validasi otomatis saat input
        enabled: isEnabled,
        decoration: InputDecoration(
          filled: true,
          fillColor: Colors.grey[200],
          border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(10),
            borderSide: BorderSide.none, // Menghilangkan border default
          ),
          contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 16),
        ),
        validator: (value) {
          if (value == null || value.isEmpty) {
            return 'Harap masukkan Alamat';
          }
          return null;
        },
      ),
      SizedBox(height: 20),
    ],
  );
}


 

  // Fungsi untuk input tanggal lahir
  Widget _buildDateOfBirthField(TextEditingController controller, String labelText, bool isEnabled) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(labelText, style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
        SizedBox(height: 8),
        GestureDetector(
          onTap: () => _selectDate(context),
          child: AbsorbPointer(
            child: TextFormField(
              controller: controller,
              enabled: isEnabled,
              autovalidateMode: AutovalidateMode.onUserInteraction, // Validasi otomatis saat input
              decoration: InputDecoration(
                filled: true,
                fillColor: Colors.grey[200],
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(40),
                  borderSide: BorderSide.none,
                ),
                contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 16),
                hintText: 'Pilih Tanggal Lahir',
                suffixIcon: Icon(Icons.calendar_today, color: Colors.grey), // Menambahkan ikon kalender
              ),
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return 'Harap pilih Tanggal Lahir';
                }
                return null;
              },
            ),
          ),
        ),
        SizedBox(height: 20),
      ],
    );
  }

  Widget _buildDropdownJenjangPendidikan(String labelText, bool isEnabled) {
  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      // Label untuk dropdown
      Text(labelText, style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
      SizedBox(height: 8),

      // Dropdown untuk Jenjang Pendidikan
      DropdownButtonFormField<String>(
        value: _selectedJenjangPendidikan, // Nilai yang dipilih, diambil dari API
        onChanged: isEnabled
            ? (String? newValue) {
                setState(() {
                  _selectedJenjangPendidikan = newValue!;
                });
              }
            : null, // Hanya bisa diubah jika dalam mode edit
        decoration: InputDecoration(
          filled: true,
          fillColor: Colors.grey[200],
          border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(40),
            borderSide: BorderSide.none,
          ),
          contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 16),
        ),
        items: jenjangPendidikanOptions.map<DropdownMenuItem<String>>((String value) {
          return DropdownMenuItem<String>(
            value: value,
            child: Text(value),
          );
        }).toList(),
        validator: (value) {
          if (value == null || value.isEmpty) {
            return 'Harap pilih Jenjang Pendidikan';
          }
          return null;
        },
      ),
      SizedBox(height: 20),
    ],
  );
}


  // Fungsi untuk input No WA Wali dengan tipe nomor dan ikon di kanan
  Widget _buildPhoneField(TextEditingController controller, String labelText, bool isEnabled) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(labelText, style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
        SizedBox(height: 8),
        TextFormField(
          controller: controller,
          keyboardType: TextInputType.phone,
          enabled: isEnabled, // Set keyboard type to phone
          autovalidateMode: AutovalidateMode.onUserInteraction, // Validasi otomatis saat input
          decoration: InputDecoration(
            filled: true,
            fillColor: Colors.grey[200],
            border: OutlineInputBorder(
              borderRadius: BorderRadius.circular(40),
              borderSide: BorderSide.none,
            ),
            contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 16),
            suffixIcon: Icon(Icons.phone, color: Colors.grey), // Icon for phone number on the right
          ),
          validator: (value) {
            if (value == null || value.isEmpty) {
              return 'Harap masukkan No WA Wali';
            }
            return null;
          },
        ),
        SizedBox(height: 20),
      ],
    );
  }

  // Fungsi untuk input Email dengan tipe email dan ikon di kanan
Widget _buildEmailField(TextEditingController controller, String labelText, bool isEnabled) {
  return Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Text(labelText, style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
      SizedBox(height: 8),
      TextFormField(
        controller: controller,
        keyboardType: TextInputType.emailAddress, // Set keyboard type to email
        autovalidateMode: AutovalidateMode.onUserInteraction, // Validasi otomatis saat input
        enabled: isEnabled,
        decoration: InputDecoration(
          filled: true,
          fillColor: Colors.grey[200],
          border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(40),
            borderSide: BorderSide.none,
          ),
          contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 16),
          suffixIcon: Icon(Icons.email, color: Colors.grey), // Icon for email on the right
        ),
        validator: (value) {
          if (value == null || value.isEmpty) {
            return 'Harap masukkan Email';
          }
          // Validasi untuk memastikan email berakhiran @gmail.com
          final regex = RegExp(r'^[a-zA-Z0-9._%+-]+@gmail\.com$');
          if (!regex.hasMatch(value)) {
            return 'Harap masukkan @gmail.com';
          }
          return null;
        },
      ),
      SizedBox(height: 20),
    ],
  );
}
}