@php
  $chatbotEnabled = app(\App\Services\ChatbotService::class)->isEnabled();
  $whatsappUrl = getSiteWhatsappUrl();
@endphp
<div class="chat-widget" id="chatWidget">
  @if($chatbotEnabled)
  <div class="chat-panel" id="chatPanel">
    <div class="chat-head">
      <div class="chat-head-avatar">
        <img src="{{ getSiteLogo() }}" alt="{{ getSiteName() }}">
      </div>
      <div class="chat-head-copy">
        <b>{{ __('front.chat.title') }}</b>
        <span>{{ __('front.chat.subtitle') }}</span>
      </div>
      <button type="button" class="chat-close" id="chatCloseBtn" aria-label="{{ __('front.chat.close_aria') }}">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
      </button>
    </div>

    <div class="chat-body" id="chatBody">
      <div class="chat-msg them">
        <div class="chat-bubble">{{ __('front.chat.welcome') }}</div>
      </div>
    </div>

    <form class="chat-input-row" id="chatForm">
      <input type="text" id="chatInput" placeholder="{{ __('front.chat.placeholder') }}" autocomplete="off">
      <button type="submit" class="chat-send" aria-label="{{ __('front.chat.send_aria') }}">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 2L11 13"/><path d="M22 2l-7 20-4-9-9-4 20-7z"/></svg>
      </button>
    </form>
  </div>

  @if($whatsappUrl)
  {{-- Both channels available: the button opens this chooser first. --}}
  <div class="chat-menu" id="chatMenu">
    <button type="button" class="chat-menu-item" id="chatMenuBot">
      <span class="chat-menu-icon">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"/></svg>
      </span>
      <span>{{ __('front.chat.menu_chatbot') }}</span>
    </button>
    <a class="chat-menu-item" href="{{ $whatsappUrl }}" target="_blank" rel="noopener noreferrer">
      <span class="chat-menu-icon is-whatsapp">
        @include('front.includes.whatsapp-icon')
      </span>
      <span>{{ __('front.chat.menu_whatsapp') }}</span>
    </a>
  </div>
  @endif

  <button type="button" class="chat-fab" id="chatFab" aria-label="{{ $whatsappUrl ? __('front.chat.contact_aria') : __('front.chat.open_aria') }}">
    @if($whatsappUrl)
    {{-- Generic "contact us" headset: the button leads to a choice, not straight into the chat. --}}
    <svg class="chat-fab-icon chat-fab-open" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 18v-6a9 9 0 0118 0v6"/><path d="M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z"/></svg>
    @else
    <svg class="chat-fab-icon chat-fab-open" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"/></svg>
    @endif
    <svg class="chat-fab-icon chat-fab-close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
  </button>
  @else
  {{-- Chatbot is off: the button goes straight to WhatsApp. --}}
  <a class="chat-fab is-whatsapp" href="{{ $whatsappUrl }}" target="_blank" rel="noopener noreferrer" aria-label="{{ __('front.chat.menu_whatsapp') }}">
    @include('front.includes.whatsapp-icon')
  </a>
  @endif
</div>