// Crisp Chat Widget Installation
window.$crisp=[];
window.CRISP_WEBSITE_ID="YOUR_WEBSITE_ID";
(function(){
    d=document;
    s=d.createElement("script");
    s.src="https://client.crisp.chat/l.js";
    s.async=1;
    d.getElementsByTagName("head")[0].appendChild(s);
})();

// Custom configuration
$crisp.push(["set", "user:email", "user@example.com"]);
$crisp.push(["set", "user:nickname", "John Doe"]);
$crisp.push(["set", "user:phone", "+33123456789"]);
$crisp.push(["set", "user:avatar", "https://example.com/avatar.jpg"]);

// Custom data for context
$crisp.push(["set", "session:data", {
    plan: "premium",
    signup_date: "2024-01-15",
    last_payment: "2024-01-01"
}]);

// Crisp Chatbot Scenarios
class CrispChatbot {
    constructor(websiteId) {
        this.websiteId = websiteId;
    }
    
    // Lead qualification bot
    setupLeadBot() {
        const scenario = {
            name: "Lead Qualification",
            triggers: ["pricing", "demo", "contact sales"],
            flow: [
                {
                    type: "message",
                    content: "Hi! I'd love to help you find the right plan. What's your company size?"
                },
                {
                    type: "choice",
                    options: ["1-10 employees", "11-50 employees", "50+ employees"],
                    variable: "company_size"
                },
                {
                    type: "message",
                    content: "Great! What's your primary use case?"
                },
                {
                    type: "choice",
                    options: ["Customer Support", "Sales", "Marketing", "Other"],
                    variable: "use_case"
                },
                {
                    type: "message",
                    content: "Perfect! Let me connect you with our sales team."
                },
                {
                    type: "action",
                    action: "assign_to_sales",
                    data: {
                        priority: "high",
                        source: "chatbot_qualification"
                    }
                }
            ]
        };
        
        return scenario;
    }
    
    // Support FAQ bot
    setupSupportBot() {
        const scenario = {
            name: "Support FAQ",
            triggers: ["help", "support", "problem", "issue"],
            flow: [
                {
                    type: "message",
                    content: "I'm here to help! What kind of issue are you experiencing?"
                },
                {
                    type: "choice",
                    options: ["Billing", "Technical", "Account", "Feature Request"],
                    variable: "issue_type"
                },
                {
                    type: "condition",
                    variable: "issue_type",
                    conditions: [
                        {
                            value: "Billing",
                            action: "show_billing_faq"
                        },
                        {
                            value: "Technical",
                            action: "show_technical_faq"
                        },
                        {
                            value: "Account",
                            action: "show_account_faq"
                        },
                        {
                            value: "Feature Request",
                            action: "forward_to_product_team"
                        }
                    ]
                }
            ]
        };
        
        return scenario;
    }
    
    // Custom events tracking
    trackEvents() {
        // Track page visits
        $crisp.push(["set", "session:event", [
            ["page_view", {
                url: window.location.href,
                title: document.title,
                timestamp: new Date().toISOString()
            }]
        ]]);
        
        // Track button clicks
        document.addEventListener('click', (e) => {
            if (e.target.matches('.pricing-button')) {
                $crisp.push(["set", "session:event", [
                    ["pricing_button_click", {
                        button_text: e.target.textContent,
                        page: window.location.pathname
                    }]
                ]]);
            }
        });
    }
}

// Crisp REST API Integration
class CrispAPI {
    constructor(identifier, key) {
        this.identifier = identifier;
        this.key = key;
        this.baseURL = 'https://api.crisp.chat/v1';
    }
    
    async sendMessage(sessionId, message) {
        const response = await fetch(`${this.baseURL}/website/${this.identifier}/conversation/${sessionId}/message`, {
            method: 'POST',
            headers: {
                'Authorization': `Basic ${btoa(`${this.identifier}:${this.key}`)}`,
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                type: 'text',
                from: 'operator',
                origin: 'chat',
                content: message
            })
        });
        
        return response.json();
    }
    
    async getConversations(page = 1) {
        const response = await fetch(`${this.baseURL}/website/${this.identifier}/conversations/${page}`, {
            headers: {
                'Authorization': `Basic ${btoa(`${this.identifier}:${this.key}`)}`
            }
        });
        
        return response.json();
    }
    
    async updateContact(sessionId, data) {
        const response = await fetch(`${this.baseURL}/website/${this.identifier}/conversation/${sessionId}/meta`, {
            method: 'PATCH',
            headers: {
                'Authorization': `Basic ${btoa(`${this.identifier}:${this.key}`)}`,
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        });
        
        return response.json();
    }
}