@extends('layouts.admin')

@section('title', 'Support & Chat Settings')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Support & Chat</h1>
        <p class="page-subtitle">Configure WhatsApp contact and third-party live chat integration</p>
    </div>
</div>

<div class="grid-2">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">WhatsApp</h3>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.settings.support.update') }}">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label class="form-check">
                        <input type="checkbox" name="whatsapp_enabled" value="1" {{ ($settings['whatsapp_enabled'] ?? '0') === '1' ? 'checked' : '' }}>
                        <span class="form-check-text">Enable WhatsApp contact button</span>
                    </label>
                </div>

                <div class="form-group">
                    <label for="whatsapp_number" class="form-label">WhatsApp Number</label>
                    <input type="text" id="whatsapp_number" name="whatsapp_number" class="form-input" value="{{ old('whatsapp_number', $settings['whatsapp_number'] ?? '') }}" placeholder="e.g. 2348012345678">
                    <span class="form-help">International format without the + sign.</span>
                    @error('whatsapp_number')
                    <span class="form-error">{{ $message }}</span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="whatsapp_message" class="form-label">Pre-filled Message</label>
                    <input type="text" id="whatsapp_message" name="whatsapp_message" class="form-input" value="{{ old('whatsapp_message', $settings['whatsapp_message'] ?? 'Hello, I need help with my account.') }}">
                    @error('whatsapp_message')
                    <span class="form-error">{{ $message }}</span>
                    @enderror
                </div>

                <div class="form-actions">
                    <button type="submit" class="btn btn-primary">Save WhatsApp Settings</button>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Live Chat (Third-party)</h3>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.settings.support.update') }}">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label class="form-check">
                        <input type="checkbox" name="livechat_enabled" value="1" {{ ($settings['livechat_enabled'] ?? '0') === '1' ? 'checked' : '' }}>
                        <span class="form-check-text">Enable live chat widget</span>
                    </label>
                </div>

                <div class="form-group">
                    <label for="livechat_embed_code" class="form-label">Embed Code</label>
                    <textarea id="livechat_embed_code" name="livechat_embed_code" rows="10" class="form-input" placeholder="Paste the embed snippet from your live chat provider (e.g. Tawk.to, Crisp, Zendesk Chat)...">{{ old('livechat_embed_code', $settings['livechat_embed_code'] ?? '') }}</textarea>
                    <span class="form-help">The snippet is injected at the end of every public page. Only scripts from trusted providers should be used.</span>
                    @error('livechat_embed_code')
                    <span class="form-error">{{ $message }}</span>
                    @enderror
                </div>

                <div class="form-actions">
                    <button type="submit" class="btn btn-primary">Save Live Chat Settings</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection