window.addEventListener('DOMContentLoaded', function() {
    var config = {
        whatsapp: "8801916730943", 
        messenger: "d5digitalbd",
        telegram: "d5digital",
        phone: "+8801916730943",
        companyIcon: "https://d5digital.net/media/2025/10/d5-digital-icon.svg",
        agentName: "D5 Digital",
        agentStatus: "Typically replies shortly",
        welcomeMessage: "Hello! 👋 You can type below to chat on WhatsApp, or choose other options.",
        placeholder: "Type for WhatsApp..."
    };

    var style = document.createElement('style');
    style.innerHTML = "#d5-lcw-container{position:fixed;bottom:20px;right:15px;z-index:999999;font-family:'Segoe UI',Roboto,sans-serif;display:flex;flex-direction:column;align-items:flex-end;background:transparent;pointer-events:none}.d5-lcw-box{width:330px;background:#fff;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.15);margin-bottom:15px;overflow:hidden;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;border:1px solid #f0f0f0;pointer-events:auto}.d5-lcw-open .d5-lcw-box{opacity:1;visibility:visible;transform:translateY(0)}.d5-lcw-header{background:linear-gradient(90deg,#DC1A17 0%,#F95D04 100%);color:#fff;padding:15px;display:flex;align-items:center}.d5-lcw-header-info{flex:1}.d5-lcw-agent-name{font-size:16px;font-weight:700;display:block}.d5-lcw-agent-status{font-size:11px;opacity:.9}.d5-lcw-close-btn{cursor:pointer;font-size:28px;font-weight:700;opacity:.8;padding:0 8px;line-height:20px}.d5-lcw-body{padding:20px;background:#f9f9f9;min-height:160px;display:flex;flex-direction:column}.d5-lcw-msg-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.d5-lcw-profile-wrapper{width:38px;height:38px;min-width:38px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.1);flex-shrink:0}.d5-lcw-profile-img{width:22px;height:22px;object-fit:contain}.d5-lcw-msg-bubble{background:#fff;padding:12px 15px;border-radius:0 12px 12px 12px;font-size:13px;color:#333;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #eee;line-height:1.4}.d5-lcw-channels-grid{display:flex;gap:8px;width:100%}.d5-lcw-channel-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:8px 5px;border-radius:8px;text-decoration:none;color:#555;font-size:10px;border:1px solid #eee;transition:all .2s}.d5-lcw-channel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(220,26,23,.15);border-color:#DC1A17;color:#DC1A17}.d5-lcw-footer{padding:10px 12px;background:#fff;border-top:1px solid #eee;display:flex;align-items:center;gap:8px;box-sizing:border-box}.d5-lcw-input{flex:1;padding:0 15px!important;border-radius:99px!important;border:1px solid #ddd!important;outline:0;font-size:14px!important;background:#f5f5f5!important;height:40px!important;line-height:40px!important;box-sizing:border-box}.d5-lcw-send-btn{background:#25D366;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all 0.2s}.d5-lcw-send-btn:hover{transform:scale(1.08)}.d5-lcw-toggle-btn{background:linear-gradient(90deg,#DC1A17 0%,#F95D04 100%);color:#fff;padding:10px 0;border-radius:50px;box-shadow:0 4px 12px rgba(255,75,31,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;pointer-events:auto;transition:all 0.3s ease;width:140px!important;min-width:140px!important;max-width:140px!important;box-sizing:border-box;overflow:hidden}.d5-lcw-toggle-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(220,26,23,0.4)}.d5-lcw-content-wrapper{display:flex;align-items:center;justify-content:flex-start;width:110px;margin:0 auto}.d5-lcw-main-icon-wrap{display:flex;align-items:center;justify-content:center;margin-right:6px;flex-shrink:0}.d5-type-cursor::after{content:'|';animation:d5-blink 0.8s infinite;margin-left:2px;font-weight:bold}@keyframes d5-blink{0%,100%{opacity:1}50%{opacity:0}}@media (max-width:600px){#d5-lcw-container{bottom:70px!important}.d5-lcw-box{width:300px;max-width:90vw}.d5-lcw-toggle-btn{width:135px!important;min-width:135px!important;font-size:13px!important}.d5-lcw-content-wrapper{width:105px}}@media (min-width:769px){.d5-lcw-toggle-btn{border-radius:7px!important}}";
    document.head.appendChild(style);

    var widget = document.createElement('div');
    widget.id = 'd5-lcw-container';
    
    var htmlContent = '<div class="d5-lcw-box" id="d5-lcw-box">' +
        '<div class="d5-lcw-header">' +
            '<div class="d5-lcw-header-info">' +
                '<span class="d5-lcw-agent-name">' + config.agentName + '</span>' +
                '<span class="d5-lcw-agent-status">' + config.agentStatus + '</span>' +
            '</div>' +
            '<div class="d5-lcw-close-btn" id="d5-lcw-close">&times;</div>' +
        '</div>' +
        '<div class="d5-lcw-body">' +
            '<div class="d5-lcw-msg-row">' +
                '<div class="d5-lcw-profile-wrapper"><img src="' + config.companyIcon + '" class="d5-lcw-profile-img"></div>' +
                '<div class="d5-lcw-msg-content"><div class="d5-lcw-msg-bubble">' + config.welcomeMessage + '</div></div>' +
            '</div>' +
            '<div class="d5-lcw-channels-grid">' +
                '<a href="https://m.me/' + config.messenger + '" target="_blank" class="d5-lcw-channel-btn">' +
                    '<svg style="width:20px;height:20px;margin-bottom:4px;fill:#0084FF" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.03 2 11c0 2.87 1.5 5.42 3.85 7.02l-.95 3.48 3.59-1.92c1.07.3 2.2.46 3.36.46 5.52 0 10-4.03 10-9s-4.48-9-10-9zm1.26 12.16l-2.61-2.77-5.07 2.77 5.57-5.9 2.62 2.78 5.06-2.78-5.57 5.9z"/></svg>' +
                    '<span>Messenger</span>' +
                '</a>' +
                '<a href="https://t.me/' + config.telegram + '" target="_blank" class="d5-lcw-channel-btn">' +
                    '<svg style="width:20px;height:20px;margin-bottom:4px;fill:#0088cc" viewBox="0 0 24 24"><path d="M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.75-.33 1.42.2 1.17 1.39l-2.7 12.67c-.2.9-1.52 1.1-2.2.65L11.77 15l-2.9 2.1c-.32.33-.59.61-1.2.61l.45-6.06z"/></svg>' +
                    '<span>Telegram</span>' +
                '</a>' +
                '<a href="tel:' + config.phone + '" class="d5-lcw-channel-btn">' +
                    '<svg style="width:20px;height:20px;margin-bottom:4px;fill:#2d3436" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>' +
                    '<span>Call</span>' +
                '</a>' +
            '</div>' +
        '</div>' +
        '<div class="d5-lcw-footer">' +
            '<input type="text" id="d5-lcw-input" class="d5-lcw-input" placeholder="' + config.placeholder + '">' +
            '<button id="d5-lcw-send" class="d5-lcw-send-btn">' +
                '<svg style="width:18px;height:18px;fill:#fff;margin-left:2px" viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>' +
            '</button>' +
        '</div>' +
    '</div>' +
    '<div class="d5-lcw-toggle-btn" id="d5-lcw-toggle">' +
        '<div class="d5-lcw-content-wrapper">' +
            '<div class="d5-lcw-main-icon-wrap">' +
                '<svg style="width:18px;height:18px;fill:#fff" viewBox="0 0 24 24"><path d="M20,2H4C2.9,2,2,2.9,2,4v18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M6,9h12v2H6V9z M14,14H6v-2h8V14z M18,8H6V6h12V8z"/></svg>' +
            '</div>' +
            '<span id="d5-typing-text" class="d5-type-cursor" style="display:inline-block;white-space:nowrap"></span>' +
        '</div>' +
    '</div>';

    widget.innerHTML = htmlContent;
    document.body.appendChild(widget);

    var textToType = "Chat with us";
    var typingTarget = document.getElementById('d5-typing-text');
    var charIndex = 0;

    function typeEffect() {
        if (charIndex < textToType.length) {
            typingTarget.textContent += textToType.charAt(charIndex);
            charIndex++;
            setTimeout(typeEffect, 150);
        } else {
            setTimeout(function() {
                typingTarget.textContent = "";
                charIndex = 0;
                typeEffect();
            }, 3000);
        }
    }
    typeEffect();

    var toggleBtn = document.getElementById('d5-lcw-toggle');
    var closeBtn = document.getElementById('d5-lcw-close');
    var sendBtn = document.getElementById('d5-lcw-send');
    var inputField = document.getElementById('d5-lcw-input');
    var widgetWrap = document.getElementById('d5-lcw-container');

    toggleBtn.onclick = function() { widgetWrap.classList.toggle('d5-lcw-open'); if(widgetWrap.classList.contains('d5-lcw-open')) inputField.focus(); };
    closeBtn.onclick = function() { widgetWrap.classList.remove('d5-lcw-open'); };

    var sendMsg = function() {
        var val = inputField.value.trim();
        if(val) { window.open('https://wa.me/' + config.whatsapp + '?text=' + encodeURIComponent(val), '_blank'); inputField.value = ""; }
    };
    sendBtn.onclick = sendMsg;
    inputField.onkeypress = function(e) { if(e.key === 'Enter') sendMsg(); };
});