// mode-waktu.js - Mode Waktu Controller with CRUD

import { initializeApp } from "https://www.gstatic.com/firebasejs/12.7.0/firebase-app.js";
import { getAuth, onAuthStateChanged, signOut } from "https://www.gstatic.com/firebasejs/12.7.0/firebase-auth.js";
import { getDatabase, ref, set, onValue, update, remove } from "https://www.gstatic.com/firebasejs/12.7.0/firebase-database.js";

// Firebase configuration
const firebaseConfig = {
    apiKey: "AIzaSyCQWvoDxDyVCuLEDiwammjUIVYxVARzJig",
    authDomain: "project-ta-951b4.firebaseapp.com",
    databaseURL: "https://project-ta-951b4-default-rtdb.firebaseio.com",
    projectId: "project-ta-951b4",
    storageBucket: "project-ta-951b4.firebasestorage.app",
    messagingSenderId: "217854138058",
    appId: "1:217854138058:web:50a5bcd5a61ac1820c4633",
    measurementId: "G-6ML8QQEGNZ"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const auth = getAuth(app);
const database = getDatabase(app);

let schedules = [];
let isPageLoaded = false;

const MODE_WAKTU_BASE_PATH = 'kontrol_1';

function getSchedulePath(scheduleId) {
    return `${MODE_WAKTU_BASE_PATH}/${scheduleId}`;
}

function getNextScheduleId() {
    const indices = schedules
        .map((item) => {
            const match = String(item.id || '').match(/^jadwal_(\d+)$/i);
            return match ? parseInt(match[1], 10) : 0;
        })
        .filter((value) => Number.isFinite(value));

    const nextIndex = indices.length > 0 ? Math.max(...indices) + 1 : 1;
    return `jadwal_${nextIndex}`;
}

function getSelectedPotsFromFirebase(potAktif) {
    const selected = [];

    if (Array.isArray(potAktif)) {
        potAktif.forEach((value) => {
            const potNumber = Number(value);
            if (Number.isFinite(potNumber) && potNumber >= 1 && potNumber <= 5) {
                selected.push(`pot${potNumber}`);
            }
        });
        return Array.from(new Set(selected));
    }

    if (potAktif && typeof potAktif === 'object') {
        const hasNumericKeys = Object.keys(potAktif).some((key) => /^\d+$/.test(key));

        if (hasNumericKeys) {
            Object.values(potAktif).forEach((value) => {
                const potNumber = Number(value);
                if (Number.isFinite(potNumber) && potNumber >= 1 && potNumber <= 5) {
                    selected.push(`pot${potNumber}`);
                }
            });

            return Array.from(new Set(selected));
        }

        for (let i = 1; i <= 5; i++) {
            if (potAktif[`pot_${i}`] === true || potAktif[`pot${i}`] === true) {
                selected.push(`pot${i}`);
            }
        }
    }

    return selected;
}

function normalizeScheduleFromMobile(id, data) {
    const pots = getSelectedPotsFromFirebase(data?.pot_aktif);

    let pumpType = 'air';
    if (data?.pompa_pengaduk) {
        pumpType = 'pengaduk';
    } else if (data?.pompa_pupuk) {
        pumpType = 'nutrisi';
    } else if (data?.pompa_air) {
        pumpType = 'air';
    }

    return {
        id,
        name: data?.nama || `Jadwal ${String(id).replace('jadwal_', '')}`,
        time: data?.waktu || '',
        duration: Number(data?.durasi || 30),
        pots,
        pumpType,
        aktif: data?.aktif === true
    };
}

function toMobileScheduleData(scheduleData) {
    const selectedPots = Array.isArray(scheduleData.pots) ? scheduleData.pots : [];
    const potAktifList = Array.from(new Set(
        selectedPots
            .map((pot) => Number(String(pot).replace('pot', '')))
            .filter((potNumber) => Number.isFinite(potNumber) && potNumber >= 1 && potNumber <= 5)
    ));

    return {
        aktif: true,
        durasi: Number(scheduleData.duration || 30),
        waktu: scheduleData.time || '',
        pompa_air: scheduleData.pumpType === 'air',
        pompa_pupuk: scheduleData.pumpType === 'nutrisi',
        pompa_pengaduk: scheduleData.pumpType === 'pengaduk',
        pot_aktif: potAktifList
    };
}

// Notification function
function showNotification(message, type = 'success') {
    const notification = document.getElementById('notification');
    if (!notification) {
        const notif = document.createElement('div');
        notif.id = 'notification';
        notif.className = `notification ${type}`;
        notif.textContent = message;
        document.body.appendChild(notif);
        
        setTimeout(() => {
            notif.classList.add('show');
        }, 10);
        
        setTimeout(() => {
            notif.classList.remove('show');
            setTimeout(() => notif.remove(), 300);
        }, 3000);
    } else {
        notification.className = `notification ${type}`;
        notification.textContent = message;
        notification.classList.add('show');
        
        setTimeout(() => {
            notification.classList.remove('show');
        }, 3000);
    }
}

// Authentication check
onAuthStateChanged(auth, (user) => {
    if (user) {
        document.getElementById('userEmail').textContent = user.email;
        document.getElementById('dashboardPage').style.display = 'block';
        // document.getElementById('loginMessage').hidden = true;
        initializeMode();
    } else {
        document.getElementById('dashboardPage').style.display = 'none';
        // document.getElementById('loginMessage').hidden = false;
        setTimeout(() => {
            window.location.href = '../index.html';
        }, 2000);
    }
});

// Logout handler
document.getElementById('signOutBtn')?.addEventListener('click', async () => {
    try {
        await signOut(auth);
        window.location.href = '../index.html';
    } catch (error) {
        showNotification('Error logging out: ' + error.message, 'error');
    }
});

// Normalize boolean value from Firebase (handle string, number, boolean)
function normalizeBooleanValue(value) {
    if (typeof value === 'boolean') return value;
    if (typeof value === 'number') return value !== 0;
    if (typeof value === 'string') {
        const lower = value.toLowerCase().trim();
        return lower === 'true' || lower === '1' || lower === 'yes';
    }
    return false;
}

// Update toggle UI based on active state
function updateToggleUI(isActive) {
    const mainToggle = document.getElementById('mainToggle');
    const statusIndicator = document.getElementById('statusIndicator');
    const statusText = document.getElementById('statusText');
    const btnAddSchedule = document.getElementById('btnAddSchedule');
    
    if (mainToggle) {
        if (isActive) {
            mainToggle.classList.add('active');
        } else {
            mainToggle.classList.remove('active');
        }
    }
    
    if (statusIndicator) {
        if (isActive) {
            statusIndicator.classList.add('active');
            statusText.textContent = 'Aktif';
            if (btnAddSchedule) btnAddSchedule.disabled = false;
        } else {
            statusIndicator.classList.remove('active');
            statusText.textContent = 'Tidak Aktif';
            if (btnAddSchedule) btnAddSchedule.disabled = true;
        }
    }
}

// Initialize mode
function initializeMode() {
    // Listen to Mode Waktu status (field: waktu)
    const statusRef = ref(database, `${MODE_WAKTU_BASE_PATH}/waktu`);
    
    onValue(statusRef, (snapshot) => {
        const firebaseValue = snapshot.val();
        const isActive = normalizeBooleanValue(firebaseValue);
        updateToggleUI(isActive);
    });
    
    // Load schedules from Firebase
    loadSchedulesFromFirebase();
    
    // Setup add schedule button
    setupAddScheduleButton();
    
    isPageLoaded = true;
}

// Load schedules from Firebase
function loadSchedulesFromFirebase() {
    const schedulesRef = ref(database, MODE_WAKTU_BASE_PATH);
    
    onValue(schedulesRef, (snapshot) => {
        schedules = [];
        const data = snapshot.val();
        
        if (data) {
            Object.keys(data).forEach((key) => {
                if (/^jadwal_\d+$/i.test(key) && data[key] && typeof data[key] === 'object') {
                    schedules.push(normalizeScheduleFromMobile(key, data[key]));
                }
            });

            schedules.sort((a, b) => {
                const aNum = parseInt(String(a.id).replace('jadwal_', ''), 10) || 0;
                const bNum = parseInt(String(b.id).replace('jadwal_', ''), 10) || 0;
                return aNum - bNum;
            });
        }
        
        renderSchedules();
    });
}

// Render schedules to the UI
function renderSchedules() {
    const container = document.getElementById('scheduleContainer');
    if (!container) return;
    
    if (schedules.length === 0) {
        container.innerHTML = `
            <div class="empty-schedule">
                <i class="fas fa-calendar-times"></i>
                <p>Belum ada jadwal penyiraman</p>
                <p class="empty-subtitle">Klik tombol "Tambah Jadwal" untuk membuat jadwal baru</p>
            </div>
        `;
        return;
    }
    
    container.innerHTML = schedules.map(schedule => {
        const pots = schedule.pots || [];
        const potList = pots.map(p => p.replace('pot', 'Pot ')).join(', ');
        const pumpIcon = getPumpIcon(schedule.pumpType);
        const pumpLabel = getPumpLabel(schedule.pumpType);
        
        return `
            <div class="schedule-item">
                <div class="schedule-item-header">
                    <div class="schedule-name">
                        <i class="fas fa-calendar-check"></i>
                        <span>${schedule.name || 'Jadwal Penyiraman'}</span>
                    </div>
                    <div class="schedule-actions">
                        <button class="btn-action btn-edit" onclick="editSchedule('${schedule.id}')" title="Edit">
                            <i class="fas fa-edit"></i>
                        </button>
                        <button class="btn-action btn-duplicate" onclick="duplicateSchedule('${schedule.id}')" title="Duplikat">
                            <i class="fas fa-copy"></i>
                        </button>
                        <button class="btn-action btn-delete" onclick="deleteSchedule('${schedule.id}')" title="Hapus">
                            <i class="fas fa-trash"></i>
                        </button>
                    </div>
                </div>
                <div class="schedule-item-body">
                    <div class="schedule-info">
                        <div class="info-item">
                            <i class="fas fa-clock"></i>
                            <span>Waktu: ${schedule.time || '-'}</span>
                        </div>
                        <div class="info-item">
                            <i class="fas fa-hourglass-half"></i>
                            <span>Durasi: ${schedule.duration || 0} detik</span>
                        </div>
                    </div>
                    <div class="schedule-info">
                        <div class="info-item">
                            <i class="fas fa-seedling"></i>
                            <span>Pot: ${potList || 'Tidak ada'}</span>
                        </div>
                        <div class="info-item">
                            <i class="${pumpIcon}"></i>
                            <span>${pumpLabel}</span>
                        </div>
                    </div>
                </div>
            </div>
        `;
    }).join('');
}

// Get pump icon based on type
function getPumpIcon(type) {
    switch(type) {
        case 'air': return 'fas fa-water';
        case 'nutrisi': return 'fas fa-flask';
        case 'pengaduk': return 'fas fa-blender';
        default: return 'fas fa-question';
    }
}

// Get pump label based on type
function getPumpLabel(type) {
    switch(type) {
        case 'air': return 'Pompa Air';
        case 'nutrisi': return 'Pompa Nutrisi';
        case 'pengaduk': return 'Pengaduk';
        default: return 'Tidak diketahui';
    }
}

// Setup add schedule button
function setupAddScheduleButton() {
    document.getElementById('btnAddSchedule')?.addEventListener('click', () => {
        openScheduleModal();
    });
}

// Toggle main mode
window.toggleMainMode = function() {
    if (!isPageLoaded) return;
    
    const mainToggle = document.getElementById('mainToggle');
    const currentState = mainToggle.classList.contains('active');
    const newState = !currentState;
    
    // Optimistic UI update for better UX
    updateToggleUI(newState);
    
    // Ketika Mode Waktu diaktifkan, matikan Mode Otomatis
    // Ketika Mode Waktu dimatikan, Mode Otomatis tetap bisa digunakan
    update(ref(database, MODE_WAKTU_BASE_PATH), {
        waktu: newState,
        otomatis: newState ? false : undefined
    }).then(() => {
        showNotification(
            newState ? 'Mode Waktu diaktifkan' : 'Mode Waktu dinonaktifkan', 
            newState ? 'success' : 'warning'
        );
    }).catch((error) => {
        console.error('Error updating mode:', error);
        // Revert UI on error
        updateToggleUI(currentState);
        showNotification('Gagal mengubah status mode', 'error');
    });
};

// Open schedule modal for add/edit
window.openScheduleModal = function(scheduleId = null) {
    const modal = document.getElementById('scheduleModal');
    const modalTitle = document.getElementById('modalTitle');
    
    if (scheduleId) {
        // Edit mode
        const schedule = schedules.find(s => s.id === scheduleId);
        if (schedule) {
            modalTitle.innerHTML = '<i class="fas fa-edit"></i> Edit Jadwal';
            document.getElementById('editScheduleId').value = scheduleId;
            document.getElementById('scheduleName').value = schedule.name || '';
            document.getElementById('scheduleTime').value = schedule.time || '';
            document.getElementById('scheduleDuration').value = schedule.duration || 30;
            
            // Set pot checkboxes
            const checkboxes = document.querySelectorAll('.schedule-pot-checkbox');
            checkboxes.forEach(cb => {
                cb.checked = schedule.pots && schedule.pots.includes(cb.value);
            });
            
            // Set pump type
            const pumpRadio = document.querySelector(`input[name="pumpType"][value="${schedule.pumpType}"]`);
            if (pumpRadio) pumpRadio.checked = true;
        }
    } else {
        // Add mode
        modalTitle.innerHTML = '<i class="fas fa-calendar-plus"></i> Tambah Jadwal';
        document.getElementById('editScheduleId').value = '';
        document.getElementById('scheduleName').value = '';
        document.getElementById('scheduleTime').value = '';
        document.getElementById('scheduleDuration').value = 30;
        
        // Uncheck all pots
        document.querySelectorAll('.schedule-pot-checkbox').forEach(cb => cb.checked = false);
        
        // Reset pump type default to air when creating new schedule.
        const defaultRadio = document.querySelector('input[name="pumpType"][value="air"]');
        if (defaultRadio) defaultRadio.checked = true;
    }
    
    modal.style.display = 'flex';
};

// Close schedule modal
window.closeScheduleModal = function() {
    document.getElementById('scheduleModal').style.display = 'none';
};

// Save schedule (add or edit)
window.saveSchedule = function() {
    const scheduleId = document.getElementById('editScheduleId').value;
    const name = document.getElementById('scheduleName').value.trim();
    const time = document.getElementById('scheduleTime').value;
    const duration = parseInt(document.getElementById('scheduleDuration').value);
    
    // Get selected pots
    const pots = Array.from(document.querySelectorAll('.schedule-pot-checkbox:checked'))
        .map(cb => cb.value);
    
    // Get pump type
    const pumpType = document.querySelector('input[name="pumpType"]:checked')?.value || 'air';
    
    // Validation
    if (!name) {
        alert('Nama jadwal harus diisi!');
        return;
    }
    
    if (!time) {
        alert('Waktu mulai harus diisi!');
        return;
    }
    
    if (pots.length === 0) {
        alert('Pilih minimal 1 pot!');
        return;
    }
    
    const scheduleData = {
        name,
        time,
        duration,
        pots,
        pumpType
    };

    const mobileScheduleData = toMobileScheduleData(scheduleData);
    
    if (scheduleId) {
        // Update existing schedule
        const scheduleRef = ref(database, getSchedulePath(scheduleId));
        update(scheduleRef, mobileScheduleData)
            .then(() => {
                closeScheduleModal();
                showNotification('Jadwal berhasil diupdate!', 'success');
            })
            .catch(error => {
                console.error('Error updating schedule:', error);
                alert('Gagal mengupdate jadwal!');
            });
    } else {
        // Add new schedule
        const newScheduleId = getNextScheduleId();
        const newScheduleRef = ref(database, getSchedulePath(newScheduleId));
        set(newScheduleRef, mobileScheduleData)
            .then(() => {
                closeScheduleModal();
                showNotification('Jadwal berhasil ditambahkan!', 'success');
            })
            .catch(error => {
                console.error('Error adding schedule:', error);
                alert('Gagal menambahkan jadwal!');
            });
    }
};

// Edit schedule
window.editSchedule = function(scheduleId) {
    openScheduleModal(scheduleId);
};

// Duplicate schedule
window.duplicateSchedule = function(scheduleId) {
    const schedule = schedules.find(s => s.id === scheduleId);
    if (!schedule) return;
    
    const newSchedule = {
        name: `${schedule.name} (Copy)`,
        time: schedule.time,
        duration: schedule.duration,
        pots: schedule.pots,
        pumpType: schedule.pumpType
    };

    const newScheduleId = getNextScheduleId();
    const newScheduleRef = ref(database, getSchedulePath(newScheduleId));
    set(newScheduleRef, toMobileScheduleData(newSchedule))
        .then(() => {
            showNotification('Jadwal berhasil diduplikat!', 'success');
        })
        .catch(error => {
            console.error('Error duplicating schedule:', error);
            alert('Gagal menduplikat jadwal!');
        });
};

// Delete schedule
window.deleteSchedule = function(scheduleId) {
    if (!confirm('Apakah Anda yakin ingin menghapus jadwal ini?')) return;
    
    const scheduleRef = ref(database, getSchedulePath(scheduleId));
    remove(scheduleRef)
        .then(() => {
            showNotification('Jadwal berhasil dihapus!', 'success');
        })
        .catch(error => {
            console.error('Error deleting schedule:', error);
            alert('Gagal menghapus jadwal!');
        });
};

// Select all pots in modal
window.selectAllPotsModal = function() {
    document.querySelectorAll('.schedule-pot-checkbox').forEach(cb => cb.checked = true);
};

// Deselect all pots in modal
window.deselectAllPotsModal = function() {
    document.querySelectorAll('.schedule-pot-checkbox').forEach(cb => cb.checked = false);
};

// Close modal when clicking outside
window.onclick = function(event) {
    const modal = document.getElementById('scheduleModal');
    if (event.target === modal) {
        closeScheduleModal();
    }
};