{% if chatbot_public_enabled and (settings.chatbot_show_desktop or settings.chatbot_show_mobile) %}
  <section class="chatbot-widget"
    data-chatbot
    data-chatbot-start-url="{{ url_for('api_chat_start') }}"
    data-chatbot-message-url="{{ url_for('api_chat_message') }}"
    data-chatbot-lead-url="{{ url_for('api_chat_lead') }}"
    data-language-code="{{ current_lang }}"
    data-source-page="{{ request.path }}"
    data-listing-id="{% if listing is defined and listing %}{{ listing.id }}{% endif %}"
    data-show-desktop="{{ 1 if settings.chatbot_show_desktop else 0 }}"
    data-show-mobile="{{ 1 if settings.chatbot_show_mobile else 0 }}"
    data-greeting="{{ settings.chatbot_greeting or '' }}">
    <button class="chatbot-bubble" type="button" data-chatbot-open aria-label="Open chat assistant">
      <span>{{ t("chat", current_lang) }}</span>
      <span class="chatbot-badge" aria-hidden="true"></span>
    </button>
    <div class="chatbot-panel" data-chatbot-panel hidden>
      <header class="chatbot-header">
        <div>
          <p>{{ settings.company_name }}</p>
          <span>{{ t("vehicle_assistant", current_lang) }}</span>
        </div>
        <div class="chatbot-header-actions">
          <button type="button" data-chatbot-minimize aria-label="Minimize chat">_</button>
          <button type="button" data-chatbot-close aria-label="Hide chat for this session">x</button>
        </div>
      </header>
      <div class="chatbot-messages" data-chatbot-messages></div>
      <div class="chatbot-chips" data-chatbot-chips>
        <button type="button">{{ t("chat_location_q", current_lang) }}</button>
        <button type="button">{{ t("chat_delivery_q", current_lang) }}</button>
        <button type="button">{{ t("chat_hst_q", current_lang) }}</button>
        <button type="button">{{ t("chat_quote_q", current_lang) }}</button>
        {% if listing is defined and listing %}<button type="button">{{ t("ask_about_vehicle", current_lang) }}</button>{% endif %}
      </div>
      <form class="chatbot-lead-form" data-chatbot-lead-form hidden>
        <p>{{ t("leave_details", current_lang) }}</p>
        <input name="name" placeholder="Name">
        <input name="email" placeholder="Email">
        <input name="phone" placeholder="Phone">
        <input name="province" placeholder="Province (e.g. ON, BC, AB)">
        <input name="destination" placeholder="{{ t('destination_postal_code', current_lang) }}">
        <button type="submit">{{ t("send_details", current_lang) }}</button>
      </form>
      <form class="chatbot-input" data-chatbot-form>
        <input name="message" maxlength="1200" autocomplete="off" placeholder="Ask about a vehicle, delivery, HST, or request a quote">
        <button type="submit" aria-label="Send chat message">{{ t("send", current_lang) }}</button>
      </form>
    </div>
  </section>
{% endif %}