From f6d94ddca5102c52e9d4a56e8e798a7024c7c6aa Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Tue, 21 Apr 2026 03:10:21 +0000
Subject: [PATCH] update the setting tabs

---
 includes/footer_settings.php | 148 ++++++++++++-----------------------
 1 file changed, 52 insertions(+), 96 deletions(-)

diff --git a/includes/footer_settings.php b/includes/footer_settings.php
index ff33720..b49ac14 100644
--- a/includes/footer_settings.php
+++ b/includes/footer_settings.php
@@ -91,117 +91,73 @@
                 </div>
 
                 <div class="tab-pane fade" id="settings-wablas-pane" role="tabpanel" aria-labelledby="settings-wablas-tab" tabindex="0">
-                    <div class="row g-3">
+                    <div class="row g-2">
                         <div class="col-12">
-                            <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 border rounded-4 px-4 py-3 bg-light">
-                                <div>
-                                    <h6 class="mb-1 fw-bold"><?= h(tr('إعدادات واتساب Wablas', 'Wablas WhatsApp Settings')) ?></h6>
-                                    <div class="form-text mb-0"><?= h(tr('المتغيرات المتاحة داخل القوالب: {customer_name}, {order_id}, {status_label}, {total_amount}, {customer_address}, {items_summary}', 'Available template placeholders: {customer_name}, {order_id}, {status_label}, {total_amount}, {customer_address}, {items_summary}')) ?></div>
-                                </div>
-                                <div class="d-flex flex-column align-items-stretch align-items-lg-end gap-2">
-                                    <div class="form-check form-switch fs-6 m-0">
+                            <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-2 border rounded-3 px-3 py-2">
+                                <h6 class="mb-0 fw-bold"><?= h(tr('إعدادات واتساب Wablas', 'Wablas WhatsApp Settings')) ?></h6>
+                                <div class="d-flex flex-column flex-sm-row align-items-sm-center gap-2">
+                                    <div class="form-check form-switch m-0">
                                         <input type="hidden" name="wablas_enabled" value="0">
                                         <input class="form-check-input" type="checkbox" role="switch" id="wablasEnabledSwitch" name="wablas_enabled" value="1" <?= wablas_is_enabled() ? 'checked' : '' ?>>
-                                        <label class="form-check-label fw-semibold" for="wablasEnabledSwitch"><?= h(tr('تفعيل الإرسال التلقائي', 'Enable automatic sending')) ?></label>
-                                        <div class="form-text"><?= h(tr('عند الإيقاف لن تُرسل رسائل واتساب تلقائياً من الطلبات أو تغييرات الحالة.', 'When disabled, order and status-change WhatsApp messages will not be sent automatically.')) ?></div>
-                                    </div>
-                                    <button type="submit" class="btn btn-primary">
-                                        <i class="bi bi-save me-1"></i><?= h(tr('حفظ إعدادات واتساب', 'Save WhatsApp Settings')) ?>
-                                    </button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="col-12">
-                            <div class="card border-0 shadow-sm">
-                                <div class="card-body">
-                                    <div class="row g-3">
-                                        <div class="col-md-6">
-                                            <label class="form-label"><?= h(tr('Wablas Token', 'Wablas Token')) ?></label>
-                                            <input type="text" class="form-control" name="wablas_token" value="<?= h(get_setting('wablas_token')) ?>">
-                                        </div>
-                                        <div class="col-md-6">
-                                            <label class="form-label"><?= h(tr('Wablas Secret Key', 'Wablas Secret Key')) ?></label>
-                                            <input type="password" class="form-control" name="wablas_secret_key" value="<?= h(get_setting('wablas_secret_key')) ?>">
-                                        </div>
+                                        <label class="form-check-label fw-semibold" for="wablasEnabledSwitch"><?= h(tr('تفعيل', 'Enable')) ?></label>
                                     </div>
                                 </div>
                             </div>
                         </div>
 
+                        <div class="col-md-6">
+                            <label class="form-label mb-1"><?= h(tr('Wablas Token', 'Wablas Token')) ?></label>
+                            <input type="text" class="form-control" name="wablas_token" value="<?= h(get_setting('wablas_token')) ?>">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label mb-1"><?= h(tr('Wablas Secret Key', 'Wablas Secret Key')) ?></label>
+                            <input type="password" class="form-control" name="wablas_secret_key" value="<?= h(get_setting('wablas_secret_key')) ?>">
+                        </div>
+
+                        <div class="col-md-4">
+                            <label class="form-label mb-1"><?= h(tr('رقم الاختبار', 'Test Phone')) ?></label>
+                            <div class="input-group" dir="ltr">
+                                <span class="input-group-text">968</span>
+                                <input type="text" class="form-control" name="wablas_test_phone" value="<?= h(normalize_oman_phone((string) get_setting('company_phone'))) ?>" inputmode="numeric" maxlength="8" pattern="\d{8}" placeholder="91234567">
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label mb-1"><?= h(tr('رسالة الاختبار', 'Test Message')) ?></label>
+                            <textarea class="form-control" name="wablas_test_message" rows="2"><?= h(tr('هذه رسالة واتساب تجريبية من النظام.', 'This is a WhatsApp test message from the system.')) ?></textarea>
+                        </div>
+                        <div class="col-md-2 d-grid align-self-end">
+                            <button type="submit" class="btn btn-outline-success" formaction="api/wablas_test.php" formmethod="POST">
+                                <i class="bi bi-whatsapp me-1"></i><?= h(tr('اختبار', 'Test')) ?>
+                            </button>
+                        </div>
+
                         <div class="col-12">
-                            <div class="card border-0 shadow-sm bg-light-subtle">
-                                <div class="card-body">
-                                    <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2 mb-3">
-                                        <div>
-                                            <h6 class="fw-bold mb-1"><?= h(tr('رسالة اختبار', 'Test Message')) ?></h6>
-                                            <p class="text-muted small mb-0"><?= h(tr('يمكنك إرسال رسالة اختبار فورية باستخدام البيانات الموجودة حالياً داخل هذا النموذج قبل الحفظ.', 'Send an instant test message using the values currently filled in this form before saving.')) ?></p>
-                                        </div>
-                                        <button type="submit" class="btn btn-outline-success align-self-start align-self-md-center" formaction="api/wablas_test.php" formmethod="POST">
-                                            <i class="bi bi-whatsapp me-1"></i><?= h(tr('إرسال اختبار', 'Send Test')) ?>
-                                        </button>
+                            <div class="border rounded-3 p-3">
+                                <div class="row g-2">
+                                    <div class="col-12">
+                                        <label class="form-label mb-1"><?= h(tr('قالب رسالة إنشاء الطلب', 'Order Created Template')) ?></label>
+                                        <textarea class="form-control" name="wablas_template_created" rows="3"><?= h(get_setting('wablas_template_created', wablas_default_order_template('created'))) ?></textarea>
                                     </div>
-                                    <div class="row g-3">
-                                        <div class="col-md-4">
-                                            <label class="form-label"><?= h(tr('رقم الاختبار', 'Test Phone')) ?></label>
-                                            <div class="input-group" dir="ltr">
-                                                <span class="input-group-text">968</span>
-                                                <input type="text" class="form-control" name="wablas_test_phone" value="<?= h(normalize_oman_phone((string) get_setting('company_phone'))) ?>" inputmode="numeric" maxlength="8" pattern="\d{8}" placeholder="91234567">
-                                            </div>
-                                        </div>
-                                        <div class="col-md-8">
-                                            <label class="form-label"><?= h(tr('نص الرسالة التجريبية', 'Test Message Text')) ?></label>
-                                            <textarea class="form-control" name="wablas_test_message" rows="3" placeholder="<?= h(tr('اكتب رسالة الاختبار هنا', 'Write the test message here')) ?>"><?= h(tr('هذه رسالة واتساب تجريبية من النظام.', 'This is a WhatsApp test message from the system.')) ?></textarea>
-                                        </div>
+                                    <div class="col-md-6">
+                                        <label class="form-label mb-1"><?= h(tr('قالب قيد الانتظار', 'Pending Template')) ?></label>
+                                        <textarea class="form-control" name="wablas_template_pending" rows="3"><?= h(get_setting('wablas_template_pending', wablas_default_order_template('pending'))) ?></textarea>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <label class="form-label mb-1"><?= h(tr('قالب مقبول', 'Accepted Template')) ?></label>
+                                        <textarea class="form-control" name="wablas_template_accepted" rows="3"><?= h(get_setting('wablas_template_accepted', wablas_default_order_template('accepted'))) ?></textarea>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <label class="form-label mb-1"><?= h(tr('قالب مكتمل', 'Completed Template')) ?></label>
+                                        <textarea class="form-control" name="wablas_template_completed" rows="3"><?= h(get_setting('wablas_template_completed', wablas_default_order_template('completed'))) ?></textarea>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <label class="form-label mb-1"><?= h(tr('قالب مرفوض', 'Rejected Template')) ?></label>
+                                        <textarea class="form-control" name="wablas_template_rejected" rows="3"><?= h(get_setting('wablas_template_rejected', wablas_default_order_template('rejected'))) ?></textarea>
                                     </div>
                                 </div>
                             </div>
                         </div>
 
-                        <div class="col-12">
-                            <div class="card border-0 shadow-sm">
-                                <div class="card-body">
-                                    <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-2 mb-3">
-                                        <div>
-                                            <h6 class="fw-bold mb-1"><?= h(tr('قوالب إشعارات الطلبات', 'Order Notification Templates')) ?></h6>
-                                            <p class="text-muted small mb-0"><?= h(tr('اترك أي حقل فارغاً وسيستخدم النظام القالب الافتراضي له تلقائياً.', 'Leave any field empty and the app will automatically use its built-in default template.')) ?></p>
-                                        </div>
-                                    </div>
-                                    <div class="small text-muted mb-3"><?= h(tr('مرر داخل هذا الصندوق لرؤية كل القوالب.', 'Scroll inside this box to view all templates.')) ?></div>
-                                    <div class="border rounded-3 p-2 p-md-3 bg-light-subtle" style="max-height: 48vh; overflow-y: auto; overscroll-behavior: contain;">
-                                        <div class="row g-3">
-                                            <div class="col-12">
-                                                <label class="form-label"><?= h(tr('قالب رسالة إنشاء الطلب', 'Order Created Template')) ?></label>
-                                                <textarea class="form-control" name="wablas_template_created" rows="4"><?= h(get_setting('wablas_template_created', wablas_default_order_template('created'))) ?></textarea>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <label class="form-label"><?= h(tr('قالب قيد الانتظار', 'Pending Template')) ?></label>
-                                                <textarea class="form-control" name="wablas_template_pending" rows="4"><?= h(get_setting('wablas_template_pending', wablas_default_order_template('pending'))) ?></textarea>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <label class="form-label"><?= h(tr('قالب مقبول', 'Accepted Template')) ?></label>
-                                                <textarea class="form-control" name="wablas_template_accepted" rows="4"><?= h(get_setting('wablas_template_accepted', wablas_default_order_template('accepted'))) ?></textarea>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <label class="form-label"><?= h(tr('قالب مكتمل', 'Completed Template')) ?></label>
-                                                <textarea class="form-control" name="wablas_template_completed" rows="4"><?= h(get_setting('wablas_template_completed', wablas_default_order_template('completed'))) ?></textarea>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <label class="form-label"><?= h(tr('قالب مرفوض', 'Rejected Template')) ?></label>
-                                                <textarea class="form-control" name="wablas_template_rejected" rows="4"><?= h(get_setting('wablas_template_rejected', wablas_default_order_template('rejected'))) ?></textarea>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="col-12">
-                            <div class="border rounded-4 bg-white shadow-sm px-3 py-3 d-flex flex-column flex-sm-row justify-content-sm-end gap-2 mt-1">
-                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><?= h(tr('إلغاء', 'Cancel')) ?></button>
-                                <button type="submit" class="btn btn-primary"><?= h(tr('حفظ التغييرات', 'Save Changes')) ?></button>
-                            </div>
-                        </div>
                     </div>
                 </div>