@php
    $chatWidget = $chatWidget ?? \App\Services\ChatWidgetSettingsService::get($setting ?? null);
    $resolvedWa = \App\Services\ChatWidgetSettingsService::whatsappUrl($chatWidget, $setting ?? null);
    $resolvedFb = \App\Services\ChatWidgetSettingsService::messengerUrl($chatWidget);
    $resolvedWaNumber = \App\Services\ChatWidgetSettingsService::resolveWhatsAppNumber($chatWidget, $setting ?? null);
    $resolvedFbPage = \App\Services\ChatWidgetSettingsService::resolveMessengerPage($chatWidget);
@endphp

<div class="alert alert-light border py-2 px-3 mb-3 small">
    <strong>সাহায্য চাই</strong> button = home page সহ সব storefront page-এ floating chat।
    এখানে <strong>Business WhatsApp</strong> + <strong>Facebook Page (Messenger)</strong> দেখাবে।<br>
    Number/Page খালি রাখলে auto নেবে:
    <a href="{{ route('admin.settings.general', ['tab' => 'general']) }}"><strong>General → WhatsApp</strong></a>,
    <a href="{{ route('admin.settings.social') }}"><strong>Social Media → Facebook / WhatsApp link</strong></a>।
</div>

<div class="form-check form-switch mb-4">
    <input class="form-check-input" type="checkbox" name="enabled" id="chatWidgetEnabled" value="1"
        {{ !empty($chatWidget['enabled']) ? 'checked' : '' }}>
    <label class="form-check-label fw-semibold" for="chatWidgetEnabled">Enable Chat & Call widget on storefront</label>
</div>

<div class="form-check form-switch mb-4">
    <input class="form-check-input" type="checkbox" name="website_chat_enabled" id="cwWebsiteChat" value="1"
        {{ !empty($chatWidget['website_chat']['enabled']) ? 'checked' : '' }}>
    <label class="form-check-label fw-semibold" for="cwWebsiteChat">Enable Website Live Chat (storefront mini chat)</label>
    <div class="form-text">Customer site-এ message লিখবে → Moderator Hub <strong>Website</strong> tab + Inquiry Report-এ যাবে।</div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-6">
        <label class="form-label fw-semibold">Floating Button Text</label>
        <input type="text" name="fab_label" class="form-control" maxlength="40"
               value="{{ old('fab_label', $chatWidget['fab_label'] ?? 'সাহায্য চাই') }}"
               placeholder="সাহায্য চাই / Chat with us">
    </div>
    <div class="col-md-6">
        <label class="form-label fw-semibold">Agent Name</label>
        <input type="text" name="agent_name" class="form-control" maxlength="60"
               value="{{ old('agent_name', $chatWidget['agent_name'] ?? 'Sales Agent') }}"
               placeholder="Sales Agent / Support Team">
    </div>
    <div class="col-12">
        <label class="form-label fw-semibold">Greeting Message</label>
        <input type="text" name="greeting" class="form-control" maxlength="160"
               value="{{ old('greeting', $chatWidget['greeting'] ?? '') }}"
               placeholder="আমরা আপনাকে সাহায্য করতে প্রস্তুত!">
    </div>
    <div class="col-md-4">
        <label class="form-label fw-semibold">Position</label>
        <select name="position" class="form-select">
            <option value="bottom-right" @selected(old('position', $chatWidget['position'] ?? 'bottom-right') === 'bottom-right')>Bottom Right</option>
            <option value="bottom-left" @selected(old('position', $chatWidget['position'] ?? '') === 'bottom-left')>Bottom Left</option>
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label fw-semibold">Bottom Offset (px)</label>
        <input type="number" name="offset_bottom" class="form-control" min="12" max="160"
               value="{{ old('offset_bottom', $chatWidget['offset_bottom'] ?? 24) }}">
        <div class="form-text">Callback/অন্য button overlap হলে 80–100 px দিন।</div>
    </div>
    <div class="col-md-4 d-flex align-items-end">
        <div>
            <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" name="show_on_mobile" id="chatMobile" value="1"
                    {{ !empty($chatWidget['show_on_mobile']) ? 'checked' : '' }}>
                <label class="form-check-label" for="chatMobile">Show on Mobile</label>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" name="show_on_desktop" id="chatDesktop" value="1"
                    {{ !empty($chatWidget['show_on_desktop']) ? 'checked' : '' }}>
                <label class="form-check-label" for="chatDesktop">Show on Desktop</label>
            </div>
        </div>
    </div>
</div>

<div class="card border-0 bg-light mb-3">
    <div class="card-header bg-white fw-semibold"><i class="fab fa-whatsapp me-1 text-success"></i> Business WhatsApp</div>
    <div class="card-body">
        <div class="form-check form-switch mb-3">
            <input class="form-check-input" type="checkbox" name="whatsapp_enabled" id="cwWhatsApp" value="1"
                {{ !empty($chatWidget['whatsapp']['enabled']) ? 'checked' : '' }}>
            <label class="form-check-label fw-semibold" for="cwWhatsApp">Enable Business WhatsApp button</label>
        </div>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">WhatsApp Number (optional override)</label>
                <input type="text" name="whatsapp_number" class="form-control" placeholder="01XXXXXXXXX"
                       value="{{ old('whatsapp_number', $chatWidget['whatsapp']['number'] ?? '') }}">
                <div class="form-text">খালি = Social Media WhatsApp link → General tab WhatsApp → Phone</div>
                @if($resolvedWaNumber !== '')
                <div class="form-text text-success">Live: <code>{{ $resolvedWaNumber }}</code>@if($resolvedWa) · <a href="{{ $resolvedWa }}" target="_blank" rel="noopener">test link</a>@endif</div>
                @endif
            </div>
            <div class="col-md-6">
                <label class="form-label">Default Message (prefill)</label>
                <input type="text" name="whatsapp_prefill_message" class="form-control"
                       value="{{ old('whatsapp_prefill_message', $chatWidget['whatsapp']['prefill_message'] ?? 'আমি একটি অর্ডার করতে চাই।') }}">
            </div>
        </div>
    </div>
</div>

<div class="card border-0 bg-light mb-3">
    <div class="card-header bg-white fw-semibold"><i class="fab fa-facebook-messenger me-1 text-primary"></i> Company Facebook Page</div>
    <div class="card-body">
        <div class="form-check form-switch mb-3">
            <input class="form-check-input" type="checkbox" name="messenger_enabled" id="cwMessenger" value="1"
                {{ !empty($chatWidget['messenger']['enabled']) ? 'checked' : '' }}>
            <label class="form-check-label fw-semibold" for="cwMessenger">Enable Facebook Page button</label>
        </div>
        <label class="form-label">Page Username or link (optional override)</label>
        <input type="text" name="messenger_page_username" class="form-control"
               placeholder="YourPageName or https://facebook.com/YourPageName"
               value="{{ old('messenger_page_username', $chatWidget['messenger']['page_username'] ?? '') }}">
        <div class="form-text">খালি = <a href="{{ route('admin.settings.social') }}">Social Media → Facebook</a> link থেকে auto নেবে।</div>
        @if($resolvedFbPage !== '')
        <div class="form-text text-success">Live: <code>m.me/{{ $resolvedFbPage }}</code>@if($resolvedFb) · <a href="{{ $resolvedFb }}" target="_blank" rel="noopener">test link</a>@endif</div>
        @else
        <div class="form-text text-warning">Facebook Page link এখনো নেই — Social Media settings-এ দিন।</div>
        @endif
    </div>
</div>

<div class="card border-0 bg-light mb-3">
    <div class="card-header bg-white fw-semibold"><i class="fas fa-phone-alt me-1 text-success"></i> Call</div>
    <div class="card-body">
        <div class="form-check form-switch mb-3">
            <input class="form-check-input" type="checkbox" name="call_enabled" id="cwCall" value="1"
                {{ !empty($chatWidget['call']['enabled']) ? 'checked' : '' }}>
            <label class="form-check-label fw-semibold" for="cwCall">Enable Call button</label>
        </div>
        <label class="form-label">Call Number (optional override)</label>
        <input type="text" name="call_number" class="form-control" placeholder="01XXXXXXXXX"
               value="{{ old('call_number', $chatWidget['call']['number'] ?? '') }}">
        <div class="form-text">Mobile-এ tap করলে direct dial খুলবে। খালি = General tab phone।</div>
    </div>
</div>

<div class="card border-success bg-light">
    <div class="card-header bg-white fw-semibold"><i class="fas fa-lightbulb me-1 text-warning"></i> Tips</div>
    <div class="card-body small text-muted mb-0">
        <ul class="mb-0 ps-3">
            <li><strong>Business WhatsApp</strong> = company WhatsApp Business number (Social/General থেকে auto)।</li>
            <li><strong>Facebook Page</strong> = company FB page chat (m.me link) — Social Media Facebook URL থেকে auto।</li>
            <li>Support Inbox-এ message track করতে <strong>Support → Channel Settings</strong> webhook setup করুন।</li>
            <li>Call button চাইলে General tab phone number দিলেই হবে।</li>
        </ul>
    </div>
</div>