{{ __('Connect messaging channels to manage all conversations in one place.') }}

@php $channels = [ ['key' => 'whatsapp', 'name' => __('WhatsApp'), 'desc' => __('Connect WhatsApp Business API for messaging.'), 'icon' => 'message-circle', 'bg' => 'bg-success/10', 'text' => 'text-success'], ['key' => 'sms', 'name' => __('SMS (Twilio)'), 'desc' => __('Send and receive SMS via Twilio.'), 'icon' => 'phone', 'bg' => 'bg-danger/10', 'text' => 'text-danger'], ['key' => 'telegram', 'name' => __('Telegram'), 'desc' => __('Connect your Telegram bot.'), 'icon' => 'send', 'bg' => 'bg-info/10', 'text' => 'text-blue-600'], ['key' => 'slack', 'name' => __('Slack'), 'desc' => __('Message Slack channels two-way — bot posts replies, channel messages land in inbox.'), 'icon' => 'hash', 'bg' => 'bg-brand/10', 'text' => 'text-purple-600'], ['key' => 'chat', 'name' => __('Live Chat'), 'desc' => __('Embed a chat widget on your website.'), 'icon' => 'message-square', 'bg' => 'bg-cyan-50', 'text' => 'text-cyan-600'], ]; @endphp

@foreach($channels as $ch) @php $integration = $integrations[$ch['key']] ?? null; $connected = $integration && $integration->status === 'active'; @endphp

{{ $connected ? 'Connected' : 'Not connected' }} @if($connected) Send test message → @endif

@if($connected) @endif

@endforeach

{{-- Configure Modal --}} @if($configuringChannel)

Configure @switch($configuringChannel) @case('whatsapp') WhatsApp @break @case('sms') SMS (Twilio) @break @case('telegram') Telegram @break @case('slack') Slack @break @case('chat') Live Chat @break @endswitch

@if($saveStatus === 'saved')

Settings saved successfully!

@endif

{{-- WhatsApp --}} @if($configuringChannel === 'whatsapp')

{{ __('Phone Number ID') }} *

{{ __('From Meta Developer Dashboard') }} → WhatsApp → API Setup

{{ __('Access Token') }} *

{{ __('App Secret') }} *

{{ __('Meta Developer Dashboard → App Settings → Basic → App secret (click Show). Required for webhook signature verification.') }}

{{ url('/api/webhooks/whatsapp') }}

{{ __('Paste this URL in Meta Developer Dashboard') }} → WhatsApp → Configuration → Webhook URL

{{ __('Go to') }} developers.facebook.com → {{ __('Create an App (Business type)') }}
{{ __('Add WhatsApp product to your app') }}
{{ __('Go to WhatsApp → API Setup → copy Phone Number ID') }}
{{ __('Create a System User in Business Settings → generate a Permanent Token with whatsapp_business_messaging permission') }}
{{ __('Paste Phone Number ID and Access Token above') }}
{{ __('Go to WhatsApp → Configuration → Webhook → paste the Notification URL above') }}
{{ __('Subscribe to "messages" webhook field') }}
{{ __('Set the Verify Token (same value as above)') }}

@endif {{-- SMS (Twilio) --}} @if($configuringChannel === 'sms')

{{ __('Account SID') }} *

{{ __('From Twilio Console') }} → Account Info

{{ __('Auth Token') }} *

{{ __('Phone Number') }} *

{{ url('/api/webhooks/twilio/incoming') }}

{{ url('/api/webhooks/twilio/status') }}

{{ __('Go to') }} console.twilio.com → {{ __('sign up or log in') }}
{{ __('Copy Account SID and Auth Token from the dashboard') }}
{{ __('Buy a phone number (Phone Numbers → Buy a Number)') }}
{{ __('Paste SID, Auth Token, and Phone Number above') }}
{{ __('Go to Phone Numbers → Active Numbers → click your number') }}
{{ __('Under Messaging → "A message comes in" → paste the Incoming webhook URL above') }}
{{ __('Under "Status callback URL" → paste the Status webhook URL above') }}
{{ __('Save and test by sending an SMS to your Twilio number') }}

@endif {{-- Telegram --}} @if($configuringChannel === 'telegram')

{{ __('Bot Token') }} *

{{ __('Message @BotFather on Telegram') }} → /newbot → copy the token

{{ url('/api/webhooks/telegram') }}

{{ __('The webhook is set automatically when you save (HTTPS required).') }}

{{ __('Open Telegram → search for') }} @BotFather
{{ __('Send') }} /newbot → {{ __('follow the prompts to name your bot') }}
{{ __('BotFather gives you a token like') }} 123456:ABC-DEF... → {{ __('copy it') }}
{{ __('Paste the token above and click Save') }}
{{ __('The webhook URL is registered automatically (requires HTTPS)') }}
{{ __('Users must send') }} /start {{ __('to your bot before you can message them') }}
{{ __('Use the chat ID or @username to send messages from the inbox') }}

@endif {{-- Slack --}} @if($configuringChannel === 'slack')

{{ __('Client ID') }} *

{{ __('From api.slack.com/apps') }} → Your App → Basic Information

{{ __('Client Secret') }} *

{{ __('Signing Secret') }} *

{{ __('Events:') }} {{ url('/api/webhooks/slack/events') }}

{{ __('Commands:') }} {{ url('/api/webhooks/slack/commands') }}

{{ __('Interactions:') }} {{ url('/api/webhooks/slack/interactions') }}

{{ __('Go to') }} api.slack.com/apps → {{ __('Create New App → From Scratch') }}
{{ __('Copy Client ID, Client Secret, Signing Secret from Basic Information') }}
{{ __('Paste them above') }}
{{ __('Go to Event Subscriptions → Enable → paste the Events URL above') }}
{{ __('Subscribe to bot events:') }} message.channels, message.im
{{ __('Go to Interactivity → Enable → paste the Interactions URL above') }}
{{ __('Go to Slash Commands → create commands → paste the Commands URL above') }}
{{ __('Go to OAuth & Permissions → add scopes:') }} chat:write, channels:history, im:history
{{ __('Install app to workspace → authorize') }}
{{ __('Use channel name (e.g. #general) or channel ID to send messages') }}

@endif {{-- Live Chat --}} @if($configuringChannel === 'chat')

{{ __('Shown in the chat header. Leave blank to use workspace name.') }}

@if($chatWidgetPublicId)

<script src="{{ url('/widget/v1.js') }}" data-workspace="{{ $chatWidgetPublicId }}" data-color="{{ $chatWidgetColor }}" data-position="{{ $chatPosition }}"></script>

{{ __('Paste this before') }} </body> {{ __('on any page where you want the widget.') }}

@else

@endif

{{ __('Customize the widget color, welcome message, and position above') }}
{{ __('Click Save & Connect') }}
{{ __('Copy the embed script code shown above') }}
{{ __('Paste it before') }} </body> {{ __('on your website pages') }}
{{ __('Visitors will see a chat bubble on your website') }}
{{ __('Messages appear in your inbox under Live Chat channel') }}
{{ __('Enable AI Auto-Reply to auto-respond to visitors') }}

@endif

{{ __('Channel Integrations') }}

{{ $ch['name'] }}