automations.js

/* ==========================================
   Email Notification Automations
   Clock Tower Jaipur | Bar & Kitchen
   ========================================== */

// ==========================================
// Configuration
// ==========================================
const EMAIL_CONFIG = {
    // Re-uses credentials from supabase-config.js
    serviceId: typeof EMAILJS_SERVICE_ID !== 'undefined' ? EMAILJS_SERVICE_ID : 'YOUR_SERVICE_ID',
    templateId: typeof EMAILJS_TEMPLATE_ID !== 'undefined' ? EMAILJS_TEMPLATE_ID : 'YOUR_TEMPLATE_ID',
    publicKey: typeof EMAILJS_PUBLIC_KEY !== 'undefined' ? EMAILJS_PUBLIC_KEY : 'YOUR_PUBLIC_KEY',
    ownerEmail: typeof OWNER_EMAIL !== 'undefined' ? OWNER_EMAIL : 'owner@clocktowerjaipur.com',

    // Customer confirmation template (create this in EmailJS)
    customerTemplateId: 'YOUR_CUSTOMER_TEMPLATE_ID'
};

// ==========================================
// Notification Types
// ==========================================
const NOTIFICATION_TYPES = {
    NEW_RESERVATION: 'new_reservation',
    CONFIRMATION: 'confirmation',
    CANCELLATION: 'cancellation',
    REMINDER: 'reminder'
};

// ==========================================
// Email Automation Service
// ==========================================
const EmailAutomation = {

    /**
     * Initialize EmailJS (call this on page load)
     */
    init() {
        if (window.emailjs && EMAIL_CONFIG.publicKey !== 'YOUR_PUBLIC_KEY') {
            emailjs.init(EMAIL_CONFIG.publicKey);
            console.log('✅ Email Automation Service initialized');
            return true;
        }
        console.warn('⚠️ EmailJS not available or not configured');
        return false;
    },

    /**
     * Send notification when a new reservation is made
     * Automatically notifies the owner
     * @param {Object} reservation - Reservation data
     */
    async onNewReservation(reservation) {
        console.log('🔔 New reservation received, triggering automations...');

        const results = {
            ownerNotification: null,
            customerConfirmation: null,
            timestamp: new Date().toISOString()
        };

        // 1. Notify Owner
        try {
            results.ownerNotification = await this.notifyOwner(reservation);
            console.log('✅ Owner notification sent');
        } catch (error) {
            console.error('❌ Failed to notify owner:', error);
            results.ownerNotification = { error: error.message };
        }

        // 2. Send Customer Confirmation (if email provided)
        if (reservation.email) {
            try {
                results.customerConfirmation = await this.sendCustomerConfirmation(reservation);
                console.log('✅ Customer confirmation sent');
            } catch (error) {
                console.error('❌ Failed to send customer confirmation:', error);
                results.customerConfirmation = { error: error.message };
            }
        }

        // 3. Log the automation
        this.logAutomation(NOTIFICATION_TYPES.NEW_RESERVATION, reservation, results);

        return results;
    },

    /**
     * Send email notification to owner about new reservation
     * @param {Object} reservation - Reservation data
     */
    async notifyOwner(reservation) {
        if (!window.emailjs) {
            throw new Error('EmailJS not loaded');
        }

        const templateParams = {
            to_email: EMAIL_CONFIG.ownerEmail,
            subject: `🍽️ New Reservation - ${reservation.name}`,
            customer_name: reservation.name,
            customer_phone: reservation.phone,
            customer_email: reservation.email || 'Not provided',
            reservation_date: this.formatDate(reservation.date),
            reservation_time: this.formatTime(reservation.time),
            guest_count: reservation.guests,
            seating_preference: reservation.seating || 'No preference',
            special_requests: reservation.message || 'None',
            booking_time: new Date().toLocaleString('en-IN', { timeZone: 'Asia/Kolkata' })
        };

        const response = await emailjs.send(
            EMAIL_CONFIG.serviceId,
            EMAIL_CONFIG.templateId,
            templateParams,
            EMAIL_CONFIG.publicKey
        );

        return { success: true, response };
    },

    /**
     * Send confirmation email to customer
     * @param {Object} reservation - Reservation data
     */
    async sendCustomerConfirmation(reservation) {
        if (!window.emailjs) {
            throw new Error('EmailJS not loaded');
        }

        const templateParams = {
            to_email: reservation.email,
            customer_name: reservation.name,
            reservation_date: this.formatDate(reservation.date),
            reservation_time: this.formatTime(reservation.time),
            guest_count: reservation.guests,
            seating_preference: reservation.seating || 'No preference',
            restaurant_name: 'Clock Tower Jaipur | Bar & Kitchen',
            restaurant_phone: '+917303593339',
            restaurant_address: 'Clock Tower, Jaipur, Rajasthan'
        };

        const response = await emailjs.send(
            EMAIL_CONFIG.serviceId,
            EMAIL_CONFIG.customerTemplateId,
            templateParams,
            EMAIL_CONFIG.publicKey
        );

        return { success: true, response };
    },

    /**
     * Send status update notification to customer
     * @param {Object} reservation - Reservation data
     * @param {string} newStatus - New status (confirmed, cancelled)
     */
    async sendStatusUpdate(reservation, newStatus) {
        if (!reservation.email) {
            console.log('No customer email - skipping status notification');
            return { skipped: true, reason: 'No email provided' };
        }

        const statusMessages = {
            confirmed: {
                subject: '✅ Reservation Confirmed!',
                message: 'Great news! Your reservation has been confirmed. We look forward to seeing you!'
            },
            cancelled: {
                subject: '❌ Reservation Cancelled',
                message: 'Your reservation has been cancelled. If this was a mistake, please contact us.'
            },
            completed: {
                subject: '🙏 Thank You for Visiting!',
                message: 'Thank you for dining with us! We hope you had a wonderful experience.'
            }
        };

        const statusInfo = statusMessages[newStatus] || {
            subject: 'Reservation Update',
            message: `Your reservation status has been updated to: ${newStatus}`
        };

        const templateParams = {
            to_email: reservation.email,
            customer_name: reservation.name,
            subject: statusInfo.subject,
            status_message: statusInfo.message,
            reservation_date: this.formatDate(reservation.date),
            reservation_time: this.formatTime(reservation.time),
            restaurant_name: 'Clock Tower Jaipur | Bar & Kitchen',
            restaurant_phone: '+917303593339'
        };

        try {
            const response = await emailjs.send(
                EMAIL_CONFIG.serviceId,
                EMAIL_CONFIG.customerTemplateId,
                templateParams,
                EMAIL_CONFIG.publicKey
            );

            this.logAutomation(newStatus, reservation, { success: true });
            return { success: true, response };
        } catch (error) {
            this.logAutomation(newStatus, reservation, { error: error.message });
            throw error;
        }
    },

    // ==========================================
    // WhatsApp Fallback (if email fails)
    // ==========================================

    /**
     * Generate WhatsApp notification link as fallback
     * @param {Object} reservation - Reservation data
     */
    getWhatsAppFallback(reservation) {
        const message = encodeURIComponent(
            `🍽️ *New Reservation Alert*\n\n` +
            `👤 *Name:* ${reservation.name}\n` +
            `📞 *Phone:* ${reservation.phone}\n` +
            `📅 *Date:* ${this.formatDate(reservation.date)}\n` +
            `🕐 *Time:* ${this.formatTime(reservation.time)}\n` +
            `👥 *Guests:* ${reservation.guests}\n` +
            `🪑 *Seating:* ${reservation.seating || 'No preference'}\n` +
            `💬 *Message:* ${reservation.message || 'None'}`
        );

        return `https://wa.me/${OWNER_PHONE?.replace(/[^0-9]/g, '')}?text=${message}`;
    },

    /**
     * Try email first, fall back to WhatsApp if fails
     * @param {Object} reservation - Reservation data
     */
    async notifyWithFallback(reservation) {
        try {
            const result = await this.onNewReservation(reservation);
            if (result.ownerNotification?.error) {
                throw new Error(result.ownerNotification.error);
            }
            return { method: 'email', ...result };
        } catch (error) {
            console.warn('Email failed, using WhatsApp fallback');
            const whatsappUrl = this.getWhatsAppFallback(reservation);
            window.open(whatsappUrl, '_blank');
            return { method: 'whatsapp', url: whatsappUrl };
        }
    },

    // ==========================================
    // Utility Functions
    // ==========================================

    /**
     * Format date for display
     * @param {string} dateStr - Date string
     */
    formatDate(dateStr) {
        const date = new Date(dateStr);
        return date.toLocaleDateString('en-IN', {
            weekday: 'long',
            year: 'numeric',
            month: 'long',
            day: 'numeric'
        });
    },

    /**
     * Format time for display
     * @param {string} timeStr - Time string
     */
    formatTime(timeStr) {
        if (!timeStr) return 'Not specified';
        const [hours, minutes] = timeStr.split(':');
        const hour = parseInt(hours);
        const ampm = hour >= 12 ? 'PM' : 'AM';
        const hour12 = hour % 12 || 12;
        return `${hour12}:${minutes} ${ampm}`;
    },

    /**
     * Log automation for debugging/analytics
     * @param {string} type - Notification type
     * @param {Object} reservation - Reservation data
     * @param {Object} result - Automation result
     */
    logAutomation(type, reservation, result) {
        const log = {
            type,
            reservationId: reservation.id,
            customerName: reservation.name,
            result,
            timestamp: new Date().toISOString()
        };

        // Store in localStorage for debugging
        const logs = JSON.parse(localStorage.getItem('automation_logs') || '[]');
        logs.push(log);
        // Keep only last 100 logs
        if (logs.length > 100) logs.shift();
        localStorage.setItem('automation_logs', JSON.stringify(logs));

        console.log('📝 Automation logged:', log);
    },

    /**
     * Get automation logs
     */
    getLogs() {
        return JSON.parse(localStorage.getItem('automation_logs') || '[]');
    },

    /**
     * Clear automation logs
     */
    clearLogs() {
        localStorage.removeItem('automation_logs');
        console.log('🧹 Automation logs cleared');
    }
};

// ==========================================
// Supabase Real-time Listener (Optional)
// Automatically triggers on new reservations
// ==========================================
function setupRealtimeAutomation() {
    if (!supabase) {
        console.warn('Supabase not initialized - real-time automation disabled');
        return;
    }

    const channel = supabase
        .channel('reservations-automation')
        .on(
            'postgres_changes',
            {
                event: 'INSERT',
                schema: 'public',
                table: 'reservations'
            },
            async (payload) => {
                console.log('🔔 Real-time: New reservation detected!');
                await EmailAutomation.onNewReservation(payload.new);
            }
        )
        .on(
            'postgres_changes',
            {
                event: 'UPDATE',
                schema: 'public',
                table: 'reservations'
            },
            async (payload) => {
                const oldStatus = payload.old?.status;
                const newStatus = payload.new?.status;

                if (oldStatus !== newStatus) {
                    console.log(`🔔 Real-time: Status changed from ${oldStatus} to ${newStatus}`);
                    await EmailAutomation.sendStatusUpdate(payload.new, newStatus);
                }
            }
        )
        .subscribe();

    console.log('✅ Real-time automation listener active');
    return channel;
}

// ==========================================
// Auto-initialize on page load
// ==========================================
document.addEventListener('DOMContentLoaded', () => {
    // Initialize email automation
    EmailAutomation.init();

    // Setup real-time listener if Supabase is available
    if (typeof initSupabase === 'function') {
        initSupabase();
        setTimeout(setupRealtimeAutomation, 1000); // Wait for Supabase to init
    }
});

// ==========================================
// Export for use in other files
// ==========================================
if (typeof module !== 'undefined' && module.exports) {
    module.exports = {
        EmailAutomation,
        setupRealtimeAutomation,
        NOTIFICATION_TYPES
    };
}