import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../services/mqtt_service.dart';
import '../services/supabase_service.dart';
import '../constants/app_colors.dart'; // <-- IMPORT APP COLORS DITAMBAHKAN

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

  @override
  State<ControlSettingsScreen> createState() => _ControlSettingsScreenState();
}

class _ControlSettingsScreenState extends State<ControlSettingsScreen> {
  int _operatingMode = 0; // 0 = otomatis, 1 = manual
  final TextEditingController _tempMinController = TextEditingController();
  final TextEditingController _tempMaxController = TextEditingController();
  final TextEditingController _humMinController  = TextEditingController();
  final TextEditingController _humMaxController  = TextEditingController();
  bool _isLoading = true;

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

  @override
  void dispose() {
    _tempMinController.dispose();
    _tempMaxController.dispose();
    _humMinController.dispose();
    _humMaxController.dispose();
    super.dispose();
  }

  Future<void> _loadSettings() async {
    try {
      final prefs = await SharedPreferences.getInstance();
      final data  = await SupabaseService().getBatasSensor();
      if (data != null && mounted) {
        setState(() {
          _tempMinController.text = data['suhu_min'].toString();
          _tempMaxController.text = data['suhu_max'].toString();
          _humMinController.text  = data['rh_min'].toString();
          _humMaxController.text  = data['rh_max'].toString();
          _operatingMode = prefs.getInt('op_mode') ?? 1;
          _isLoading = false;
        });
      }
    } catch (e) {
      debugPrint('Error loading settings: $e');
      if (mounted) setState(() => _isLoading = false);
    }
  }

  Future<void> _saveSettings() async {
    if (_tempMinController.text.isEmpty ||
        _tempMaxController.text.isEmpty ||
        _humMinController.text.isEmpty  ||
        _humMaxController.text.isEmpty) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: const Text('Semua kolom batas harus diisi!'),
          // --- BERUBAH: Warna Notifikasi Peringatan ---
          backgroundColor: AppColors.warning,
        ),
      );
      return;
    }

    final suhuMin = double.tryParse(_tempMinController.text) ?? 30;
    final suhuMax = double.tryParse(_tempMaxController.text) ?? 45;
    final rhMin   = double.tryParse(_humMinController.text)  ?? 60;
    final rhMax   = double.tryParse(_humMaxController.text)  ?? 70;

    // Validasi logika
    if (suhuMin >= suhuMax) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: const Text('Suhu min harus lebih kecil dari suhu max!'),
          // --- BERUBAH: Warna Notifikasi Peringatan ---
          backgroundColor: AppColors.warning,
        ),
      );
      return;
    }
    if (rhMin >= rhMax) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: const Text('RH min harus lebih kecil dari RH max!'),
          // --- BERUBAH: Warna Notifikasi Peringatan ---
          backgroundColor: AppColors.warning,
        ),
      );
      return;
    }

    final mqtt  = Provider.of<MqttService>(context, listen: false);
    final prefs = await SharedPreferences.getInstance();

    setState(() => _isLoading = true);

    try {
      // Simpan mode ke local storage
      await prefs.setInt('op_mode', _operatingMode);

      // Kirim batas sensor ke ESP32 via MQTT → Flow 5 simpan ke Supabase
      mqtt.setBatasSensor(suhuMin, suhuMax, rhMin, rhMax);

      // Kirim mode ke ESP32
      mqtt.gantiMode(_operatingMode == 0 ? "otomatis" : "manual");

      // Update Supabase langsung juga sebagai backup
      await SupabaseService().updateBatasSensor(suhuMin, suhuMax, rhMin, rhMax);

      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
            content: const Text('✅ Pengaturan Tersimpan & Terkirim ke ESP32'),
            // --- BERUBAH: Warna Notifikasi Sukses ---
            backgroundColor: AppColors.success,
          ),
        );
      }
    } catch (e) {
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
            content: Text('❌ Gagal: $e'),
            // --- BERUBAH: Warna Notifikasi Error ---
            backgroundColor: AppColors.error,
          ),
        );
      }
    } finally {
      if (mounted) setState(() => _isLoading = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // --- BERUBAH: Background Scaffold Utama ---
      backgroundColor: AppColors.background,
      body: SafeArea(
        child: _isLoading
            ? const Center(
                // --- BERUBAH: Warna Loading Indicator ---
                child: CircularProgressIndicator(color: AppColors.primary))
            : SingleChildScrollView(
                child: Padding(
                  padding: const EdgeInsets.all(20.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      const Text(
                        'Pengaturan',
                        style: TextStyle(
                            // --- BERUBAH: Warna Judul Utama ---
                            color: AppColors.textMain,
                            fontSize: 32,
                            fontWeight: FontWeight.bold),
                      ),
                      const Text(
                        'Batas Sensor & Mode Operasi',
                        // --- BERUBAH: Warna Sub-judul ---
                        style: TextStyle(color: AppColors.textSecondary, fontSize: 16),
                      ),
                      const SizedBox(height: 30),

                      // ── Batas Suhu ──
                      Row(
                        children: [
                          Expanded(child: _buildInputCard(
                              'Suhu Min (°C)', '30', _tempMinController)),
                          const SizedBox(width: 10),
                          Expanded(child: _buildInputCard(
                              'Suhu Max (°C)', '45', _tempMaxController)),
                        ],
                      ),
                      const SizedBox(height: 15),

                      // ── Batas RH ──
                      Row(
                        children: [
                          Expanded(child: _buildInputCard(
                              'RH Min (%)', '60', _humMinController)),
                          const SizedBox(width: 10),
                          Expanded(child: _buildInputCard(
                              'RH Max (%)', '70', _humMaxController)),
                        ],
                      ),
                      const SizedBox(height: 20),

                      // ── Mode Operasi ──
                      Container(
                        padding: const EdgeInsets.all(20),
                        decoration: BoxDecoration(
                          // --- BERUBAH: Background Kartu Mode Operasi ---
                          color: AppColors.cardBg,
                          borderRadius: BorderRadius.circular(20),
                          // --- BERUBAH: Menambahkan border halus agar serasi ---
                          border: Border.all(color: AppColors.textSecondary.withValues(alpha: 0.15)),
                        ),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            const Text('Mode Operasi',
                                style: TextStyle(
                                    // --- BERUBAH: Warna Judul Kartu Mode ---
                                    color: AppColors.textMain,
                                    fontWeight: FontWeight.bold,
                                    fontSize: 16)),
                            const SizedBox(height: 10),
                            RadioListTile<int>(
                              value: 0,
                              groupValue: _operatingMode,
                              onChanged: (val) =>
                                  setState(() => _operatingMode = val!),
                              title: const Text('Mode Otomatis',
                                  // --- BERUBAH: Warna Teks Radio Button ---
                                  style: TextStyle(color: AppColors.textMain)),
                              // --- BERUBAH: Warna Lingkaran Radio Button (Aktif) ---
                              activeColor: AppColors.primary,
                              subtitle: const Text(
                                'Kipas bekerja otomatis berdasarkan sensor',
                                // --- BERUBAH: Warna Sub-teks Radio Button ---
                                style: TextStyle(
                                    color: AppColors.textSecondary, fontSize: 10),
                              ),
                            ),
                            RadioListTile<int>(
                              value: 1,
                              groupValue: _operatingMode,
                              onChanged: (val) =>
                                  setState(() => _operatingMode = val!),
                              title: const Text('Mode Manual',
                                  // --- BERUBAH: Warna Teks Radio Button ---
                                  style: TextStyle(color: AppColors.textMain)),
                              // --- BERUBAH: Warna Lingkaran Radio Button (Aktif) ---
                              activeColor: AppColors.primary,
                              subtitle: const Text(
                                'Kontrol penuh kipas melalui dashboard HP',
                                // --- BERUBAH: Warna Sub-teks Radio Button ---
                                style: TextStyle(
                                    color: AppColors.textSecondary, fontSize: 10),
                              ),
                            ),
                          ],
                        ),
                      ),
                      const SizedBox(height: 20),

                      // ── Tombol Simpan ──
                      SizedBox(
                        width: double.infinity,
                        height: 55,
                        child: ElevatedButton(
                          onPressed: _saveSettings,
                          style: ElevatedButton.styleFrom(
                            // --- BERUBAH: Warna Latar Tombol Simpan ---
                            backgroundColor: AppColors.primary,
                            shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(15),
                            ),
                          ),
                          child: const Text(
                            'Simpan & Kirim ke ESP32',
                            style: TextStyle(
                                fontSize: 18,
                                fontWeight: FontWeight.bold,
                                // Tetap putih agar tulisan dalam tombol kontras
                                color: Colors.white), 
                          ),
                        ),
                      ),
                      const SizedBox(height: 100),
                    ],
                  ),
                ),
              ),
      ),
    );
  }

  Widget _buildInputCard(
      String title, String hint, TextEditingController controller) {
    return Container(
      padding: const EdgeInsets.all(15),
      decoration: BoxDecoration(
        // --- BERUBAH: Latar Belakang Kartu Input Sensor ---
        color: AppColors.cardBg,
        borderRadius: BorderRadius.circular(20),
        // --- BERUBAH: Menambahkan border halus agar serasi ---
        border: Border.all(color: AppColors.textSecondary.withValues(alpha: 0.15)),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(title,
              style: const TextStyle(
                  // --- BERUBAH: Warna Judul Input Sensor ---
                  color: AppColors.textMain,
                  fontSize: 12,
                  fontWeight: FontWeight.bold)),
          const SizedBox(height: 10),
          TextField(
            controller: controller,
            keyboardType: TextInputType.number,
            // --- BERUBAH: Warna Angka/Nilai Input Sensor ---
            style: const TextStyle(color: AppColors.textMain),
            decoration: InputDecoration(
              hintText: hint,
              // --- BERUBAH: Warna Teks Placeholder/Hint ---
              hintStyle: const TextStyle(color: AppColors.textSecondary),
              filled: true,
              // --- BERUBAH: Warna Kolom Input Sensor ---
              fillColor: AppColors.background, 
              isDense: true,
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(15),
                // --- BERUBAH: Warna Garis Pinggir Input Sensor ---
                borderSide: BorderSide(color: AppColors.textSecondary.withValues(alpha: 0.3)),
              ),
              // Menambahkan fokus border agar saat diklik terlihat jelas warnanya
              focusedBorder: OutlineInputBorder(
                borderRadius: BorderRadius.circular(15),
                borderSide: const BorderSide(color: AppColors.primary),
              ),
            ),
          ),
        ],
      ),
    );
  }
}