@extends('layouts.app')
@section('title', 'إعدادات واتساب')

@section('content')
<section class="content">

@php
    // إعدادات التسويق (تقرأ مباشرة من settings لتفادي أي نقص في الـ Controller)
    $mk = function($key, $default = '') {
        return old($key, \App\Setting::findByKey($key, $default));
    };
@endphp

<form action="{{ route('whatsapp.settings.save') }}" method="post">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">

    {{-- 1) إعدادات الاتصال --}}
    <div class="box box-primary" style="margin-bottom:15px;">
        <div class="box-header with-border">
            <h3 class="box-title">واتساب عبر WasenderAPI (حساب واحد)</h3>
        </div>
        <div class="box-body">
            <div class="row">

                <div class="form-group col-md-4">
                    <label>تفعيل الواتساب</label>
                    <select class="form-control" name="whatsapp_enabled">
                        <option value="1" {{ old('whatsapp_enabled', $whatsapp_enabled) == '1' ? 'selected' : '' }}>نعم</option>
                        <option value="0" {{ old('whatsapp_enabled', $whatsapp_enabled) != '1' ? 'selected' : '' }}>لا</option>
                    </select>
                </div>

                <div class="form-group col-md-8">
                    <label>Base URL</label>
                    <input class="form-control" name="whatsapp_base_url"
                           value="{{ old('whatsapp_base_url', $whatsapp_base_url) }}"
                           placeholder="https://api.wasenderapi.com">
                    <span class="help-block">رابط API الرئيسي من Wasender.</span>
                </div>

                <div class="form-group col-md-6">
                    <label>API Key</label>
                    <input class="form-control" name="whatsapp_api_key"
                           value="{{ old('whatsapp_api_key', $whatsapp_api_key) }}"
                           placeholder="Bearer Token">
                    <span class="help-block">المفتاح المستخدم للإرسال من Wasender.</span>
                </div>

                <div class="form-group col-md-6">
                    <label>Webhook Secret</label>
                    <input class="form-control" name="whatsapp_webhook_secret"
                           value="{{ old('whatsapp_webhook_secret', $whatsapp_webhook_secret) }}">
                    <span class="help-block">ضع كلمة سر من اختيارك (Secret) لحماية الـ Webhook. مثال: <b>Saloonsa2026@Webhook!K9</b>. ثم ضع نفس القيمة في Wasender داخل رابط الـ Webhook بالشكل: <b>/whatsapp/webhook/wasender?secret=SECRET</b>.</span>
                </div>

            </div>
        </div>
    </div>

    {{-- 2) اختبار --}}
    <div class="box box-info" style="margin-bottom:15px;">
        <div class="box-header with-border">
            <h3 class="box-title">اختبار</h3>
        </div>
        <div class="box-body">
            <div class="row">

                <div class="form-group col-md-4">
                    <label>رقم المستلم</label>
                    <input class="form-control" name="whatsapp_test_to" value="{{ old('whatsapp_test_to') }}" placeholder="05xxxxxxxx أو +966xxxxxxxxx">
                    <span class="help-block">اكتب رقم صحيح لتجربة الإرسال.</span>
                </div>

                <div class="form-group col-md-6">
                    <label>نص الرسالة</label>
                    <input class="form-control" name="whatsapp_test_text" value="{{ old('whatsapp_test_text', 'رسالة اختبار من النظام') }}">
                    <span class="help-block">رسالة قصيرة للتأكد أن الاتصال سليم.</span>
                </div>

                <div class="form-group col-md-2" style="padding-top:25px">
                    <button type="submit" name="do_whatsapp_test" value="1" class="btn btn-success btn-block">إرسال اختبار</button>
                </div>

                <div class="form-group col-md-2">
                    <button type="submit" name="do_whatsapp_status" value="1" class="btn btn-info btn-block">فحص الاتصال</button>
                </div>

            </div>
        </div>
    </div>

    {{-- 3) تفعيل الميزات --}}
    <div class="box box-success" style="margin-bottom:15px;">
        <div class="box-header with-border">
            <h3 class="box-title">تفعيل الميزات</h3>
        </div>
        <div class="box-body">
            <div class="row">

                <div class="form-group col-md-4">
                    <label style="font-weight:normal;">
                        <input type="hidden" name="whatsapp_auto_welcome" value="0">
                        <input type="checkbox" name="whatsapp_auto_welcome" value="1" {{ old('whatsapp_auto_welcome', $whatsapp_auto_welcome) == '1' ? 'checked' : '' }}>
                        إرسال ترحيب تلقائي عند تعريف عميل
                    </label>
                </div>

                <div class="form-group col-md-4">
                    <label style="font-weight:normal;">
                        <input type="hidden" name="whatsapp_auto_invoice" value="0">
                        <input type="checkbox" name="whatsapp_auto_invoice" value="1" {{ old('whatsapp_auto_invoice', $whatsapp_auto_invoice) == '1' ? 'checked' : '' }}>
                        إرسال الفاتورة (PDF) تلقائيًا عند الإنشاء
                    </label>
                </div>

                <div class="form-group col-md-4">
                    <label style="font-weight:normal;">
                        <input type="hidden" name="whatsapp_marketing_enabled" value="0">
                        <input type="checkbox" name="whatsapp_marketing_enabled" value="1" {{ old('whatsapp_marketing_enabled', $whatsapp_marketing_enabled) == '1' ? 'checked' : '' }}>
                        تفعيل شاشة الرسائل الدعائية (التسويق)
                    </label>
                </div>

                <div class="form-group col-md-4" style="padding-top:25px;">
                    <a href="{{ route('whatsapp.marketing.index') }}" class="btn btn-warning btn-block">فتح شاشة الرسائل</a>
                </div>

            </div>
        </div>
    </div>

    {{-- 4) إعدادات التسويق --}}
    <div class="box box-warning" style="margin-bottom:15px;">
        <div class="box-header with-border">
            <h3 class="box-title" style="font-weight:700;">إعدادات التسويق (الرسائل الدعائية)</h3>
        </div>
        <div class="box-body">

            <div style="color:#d9534f; background:transparent !important; border:0 !important; padding:0 !important; margin:0 0 15px 0;">هذه الإعدادات تُستخدم عند الإرسال اليدوي من شاشة الرسائل (بدون Cron) — أي إغلاق/تحديث للصفحة يوقف الإرسال.</div>
<div class="row">

                {{-- العمود الأيمن --}}
                <div class="col-md-6">

                    <div class="form-group">
                        <label class="text-primary">Delay <small class="text-muted">0 → 120 ثانية</small></label>
                        <input type="number" min="0" max="120" class="form-control"
                               name="whatsapp_marketing_delay" value="{{ $mk('whatsapp_marketing_delay','1') }}">
                        <span class="help-block" style="color:#666;">تأخير بين كل رسالة ورسالة. مثال: 2 = ينتظر ثانيتين قبل إرسال الرسالة التالية.</span>
                    </div>

                    <div class="form-group">
                        <label class="text-primary">Pause <small class="text-muted">0 → 600 ثانية</small></label>
                        <input type="number" min="0" max="600" class="form-control"
                               name="whatsapp_marketing_pause" value="{{ $mk('whatsapp_marketing_pause','10') }}">
                        <span class="help-block" style="color:#666;">توقف بعد كل دفعة (Batch). مثال: Batch=10 و Pause=20 ⇒ يرسل 10 ثم ينتظر 20 ثانية ثم يكمل.</span>
                    </div>

                    <div class="form-group">
                        <label class="text-primary">Timeout <small class="text-muted">10 → 300 ثانية</small></label>
                        <input type="number" min="10" max="300" class="form-control"
                               name="whatsapp_marketing_timeout" value="{{ $mk('whatsapp_marketing_timeout','30') }}">
                        <span class="help-block" style="color:#666;">مهلة طلب الـ API قبل اعتباره فشل (Timeout).</span>
                    </div>

                    <div class="form-group">
                        <label class="text-primary">SessionPause <small class="text-muted">(ثواني) مثال: 900 = 15 دقيقة</small></label>
                        <input type="number" min="0" max="7200" class="form-control"
                               name="whatsapp_marketing_session_pause" value="{{ $mk('whatsapp_marketing_session_pause','900') }}">
                        <span class="help-block" style="color:#666;">بعد إرسال MaxPerRun رسالة: ينتظر هذا الوقت ثم يسمح لك بمتابعة الإرسال يدويًا.</span>
                    </div>

                    <div class="form-group">
                        <label class="text-primary">MinGapMinutes <small class="text-muted">0 → 10080 (مثال: 1440 = 24 ساعة)</small></label>
                        <input type="number" min="0" max="10080" class="form-control"
                               name="whatsapp_marketing_min_gap_minutes" value="{{ $mk('whatsapp_marketing_min_gap_minutes','1440') }}">
                        <span class="help-block" style="color:#666;">منع إرسال تسويق لنفس العميل إذا كان آخر إرسال تسويق له خلال هذه المدة (يتم استبعاده = Skipped).</span>
                    </div>

                </div>

                {{-- العمود الأيسر --}}
                <div class="col-md-6">

                    <div class="form-group">
                        <label class="text-primary">Batch <small class="text-muted">1 → 500</small></label>
                        <input type="number" min="1" max="500" class="form-control"
                               name="whatsapp_marketing_batch" value="{{ $mk('whatsapp_marketing_batch','10') }}">
                        <span class="help-block" style="color:#666;">عدد الرسائل التي تُرسل كدفعة قبل التوقف (Pause).</span>
                    </div>

                    <div class="form-group">
                        <label class="text-primary">MaxRetries <small class="text-muted">0 → 10</small></label>
                        <input type="number" min="0" max="10" class="form-control"
                               name="whatsapp_marketing_max_retries" value="{{ $mk('whatsapp_marketing_max_retries','2') }}">
                        <span class="help-block" style="color:#666;">عدد محاولات الإعادة عند فشل الإرسال لنفس الرقم. 0 = بدون إعادة.</span>
                    </div>

                    <div class="form-group">
                        <label class="text-primary">RetryDelay <small class="text-muted">1 → 120 ثانية</small></label>
                        <input type="number" min="1" max="120" class="form-control"
                               name="whatsapp_marketing_retry_delay" value="{{ $mk('whatsapp_marketing_retry_delay','10') }}">
                        <span class="help-block" style="color:#666;">الانتظار بين محاولات الإعادة عند الفشل.</span>
                    </div>

                    <div class="form-group">
                        <label class="text-primary">MaxPerRun <small class="text-muted">1 → 100</small></label>
                        <input type="number" min="1" max="100" class="form-control"
                               name="whatsapp_marketing_max_per_run" value="{{ $mk('whatsapp_marketing_max_per_run','100') }}">
                        <span class="help-block" style="color:#666;">أقصى عدد رسائل في جلسة تشغيل واحدة (قبل SessionPause).</span>
                    </div>

                    <div class="form-group">
                        <label class="text-primary">Jitter <small class="text-muted">0 → 10 ثواني</small></label>
                        <input type="number" min="0" max="10" class="form-control"
                               name="whatsapp_marketing_delay_jitter" value="{{ $mk('whatsapp_marketing_delay_jitter','1') }}">
                        <span class="help-block" style="color:#666;">عشوائية بسيطة تُضاف/تُطرح من Delay لتقليل نمط الإرسال الثابت (مفيد لتجنب البلوك).</span>
                    </div>

                </div>

            </div>

        </div>

        {{-- زر الحفظ داخل نفس البوكس (أسفل أقصى اليسار) --}}
        <div class="box-footer clearfix">
            <button type="submit" class="btn btn-primary pull-left">حفظ الإعدادات</button>
        </div>
    </div>
</form>

</section>
@endsection
