@php
    $isArLocale = app()->getLocale() === 'ar';
    $whatsappNumber = $siteSettings->get('whatsapp_number', '966500000000');
    $whatsappDigits = preg_replace('/\D+/', '', $whatsappNumber);
@endphp

<a href="https://wa.me/{{ $whatsappDigits }}"
   class="wa-float"
   target="_blank"
   rel="noopener"
   aria-label="{{ $isArLocale ? 'تواصل عبر واتساب' : 'Chat on WhatsApp' }}">
    <i class="fa-brands fa-whatsapp"></i>
    <span class="wa-float-pulse"></span>
</a>

<div class="chatbot-widget" id="chatbotWidget" data-lang="{{ $isArLocale ? 'ar' : 'en' }}">
    <button type="button" class="chatbot-toggle" id="chatbotToggle"
            aria-label="{{ $isArLocale ? 'افتح المساعد الذكي' : 'Open AI assistant' }}">
        <i class="fa-solid fa-comments"></i>
        <span class="chatbot-toggle-glow"></span>
    </button>

    <div class="chatbot-panel" id="chatbotPanel" hidden>
        <div class="chatbot-header">
            <div class="chatbot-header-info">
                <span class="chatbot-avatar"><i class="fa-solid fa-robot"></i></span>
                <div>
                    <strong>{{ $isArLocale ? 'مساعد هوت سبوت' : 'Hotspot Assistant' }}</strong>
                    <small>{{ $isArLocale ? 'متصل الآن' : 'Online now' }}</small>
                </div>
            </div>
            <button type="button" class="chatbot-close" id="chatbotClose" aria-label="{{ $isArLocale ? 'إغلاق' : 'Close' }}">
                <i class="fa-solid fa-xmark"></i>
            </button>
        </div>

        <div class="chatbot-messages" id="chatbotMessages">
            <div class="chatbot-msg bot">
                {{ $isArLocale
                    ? 'مرحباً! أنا مساعد هوت سبوت الذكي. اسألني عن التمويل الشخصي، تمويل السيارات، العقاري، أو أي شيء يظهر في هذه الصفحة.'
                    : 'Hi! I am the Hotspot AI assistant. Ask me anything about personal loans, auto finance, mortgages, or anything shown on this page.' }}
            </div>
        </div>

        <form class="chatbot-input" id="chatbotForm" autocomplete="off">
            <input type="text"
                   id="chatbotInput"
                   placeholder="{{ $isArLocale ? 'اكتب سؤالك هنا...' : 'Type your question...' }}"
                   required>
            <button type="submit" aria-label="{{ $isArLocale ? 'إرسال' : 'Send' }}">
                <i class="fa-solid fa-paper-plane"></i>
            </button>
        </form>
    </div>
</div>