{% if site.chatbot_enabled %}
<div id="chatbot-widget">
  <button id="chatbot-toggle" type="button" aria-label="Open chat">
    <i class="bi bi-chat-dots-fill"></i>
  </button>
  <div id="chatbot-window" hidden>
    <div class="chatbot-header">
      <div>
        <strong>{{ site.chatbot_name|default:"TDK Assistant" }}</strong>
        <div class="small text-light-emphasis">Typically replies instantly</div>
      </div>
      <button type="button" id="chatbot-close" class="btn-close btn-close-white"></button>
    </div>
    <div class="chatbot-messages" id="chatbot-messages">
      <div class="msg msg-bot">{{ site.chatbot_greeting|default:"Hi! Ask me about properties, lands or our services." }}</div>
    </div>
    <form id="chatbot-form" class="chatbot-form">
      <input type="text" id="chatbot-input" placeholder="Type your message..." autocomplete="off" maxlength="2000" required>
      <button type="submit" class="btn btn-primary"><i class="bi bi-send-fill"></i></button>
    </form>
    <div class="chatbot-footer small text-muted">
      Need a human? <a href="tel:{{ site.phone|default:CONTACT_PHONE }}">Call us</a> ·
      <a href="https://wa.me/{{ site.whatsapp_number|default:WHATSAPP_NUMBER }}" target="_blank">WhatsApp</a>
    </div>
  </div>
</div>
{% endif %}