38471-vm/help.php

<?php
if (!defined('PDO_MYSQL')) { // Simple check to prevent direct access if needed, though index.php defines it indirectly or just check session
    if (session_status() === PHP_SESSION_NONE) session_start();
    if (!isset($_SESSION['user_id'])) die('Access Denied');
}
?>
<div class="container-fluid py-4">
    <div class="row">
        <!-- Help Navigation Sidebar -->
        <div class="col-md-3 d-none d-md-block">
            <div class="card shadow-sm sticky-top" style="top: 20px;">
                <div class="card-header bg-primary text-white">
                    <i class="bi bi-book me-2"></i> <?= __('help') ?>
                </div>
                <div class="list-group list-group-flush">
                    <a href="#intro" class="list-group-item list-group-item-action">Introduction / مقدمة</a>
                    <a href="#dashboard" class="list-group-item list-group-item-action">Dashboard / لوحة القيادة</a>
                    <a href="#pos" class="list-group-item list-group-item-action">POS / نقطة البيع</a>
                    <a href="#inventory" class="list-group-item list-group-item-action">Inventory / المخزون</a>
                    <a href="#sales" class="list-group-item list-group-item-action">Sales & Purchases / المبيعات والمشتريات</a>
                    <a href="#accounting" class="list-group-item list-group-item-action">Accounting / المحاسبة</a>
                    <a href="#hr" class="list-group-item list-group-item-action">HR & Admin / الموارد البشرية والإدارة</a>
                    <a href="#settings" class="list-group-item list-group-item-action">Settings / الإعدادات</a>
                </div>
            </div>
        </div>

        <!-- Help Content -->
        <div class="col-md-9">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h2 class="border-bottom pb-2 mb-4">User Manual / دليل المستخدم</h2>

                    <!-- Introduction -->
                    <section id="intro" class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>1. Introduction</h3>
                                <p>Welcome to the Accounting & Admin Panel. This system is designed to help you manage your retail business, inventory, and finances efficiently. It supports multiple outlets, bilingual entries (English/Arabic), and full accounting cycles.</p>
                            </div>
                            <div class="col-md-6 text-end" dir="rtl">
                                <h3>1. مقدمة</h3>
                                <p>مرحباً بك في لوحة تحكم المحاسبة والإدارة. تم تصميم هذا النظام لمساعدتك في إدارة أعمال التجزئة والمخزون والشؤون المالية بكفاءة. يدعم النظام منافذ بيع متعددة، وإدخالات ثنائية اللغة (الإنجليزية/العربية)، ودورات محاسبية كاملة.</p>
                            </div>
                        </div>
                    </section>

                    <!-- Dashboard -->
                    <section id="dashboard" class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>2. Dashboard</h3>
                                <p>The dashboard provides a real-time overview of your business performance, including total sales, stock alerts, and financial charts.</p>
                                <ul>
                                    <li><strong>Total Sales:</strong> Sum of all sales in the selected period.</li>
                                    <li><strong>Alerts:</strong> Notifications for low stock or expired items.</li>
                                </ul>
                            </div>
                            <div class="col-md-6 text-end" dir="rtl">
                                <h3>2. لوحة القيادة</h3>
                                <p>توفر لوحة القيادة نظرة عامة فورية على أداء عملك، بما في ذلك إجمالي المبيعات وتنبيهات المخزون والرسوم البيانية المالية.</p>
                                <ul>
                                    <li><strong>إجمالي المبيعات:</strong> مجموع جميع المبيعات في الفترة المختارة.</li>
                                    <li><strong>التنبيهات:</strong> إشعارات للمخزون المنخفض أو الأصناف منتهية الصلاحية.</li>
                                </ul>
                            </div>
                        </div>
                        <div class="bg-light p-5 text-center border rounded mb-3">
                            <i class="bi bi-image text-muted display-1"></i>
                            <p class="text-muted mt-2">[Screenshot: Dashboard Overview / لقطة شاشة: نظرة عامة على لوحة القيادة]</p>
                        </div>
                    </section>

                    <!-- POS -->
                    <section id="pos" class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>3. Point of Sale (POS)</h3>
                                <p>The POS interface is optimized for fast transactions. You can search for items by name or SKU, apply discounts, and handle multiple payment methods.</p>
                                <ul>
                                    <li><strong>Search:</strong> Type in the search box to find items.</li>
                                    <li><strong>Payments:</strong> Choose between Cash, Card, or Credit.</li>
                                </ul>
                            </div>
                            <div class="col-md-6 text-end" dir="rtl">
                                <h3>3. نقطة البيع (POS)</h3>
                                <p>واجهة نقطة البيع محسنة للمعاملات السريعة. يمكنك البحث عن الأصناف بالاسم أو الرمز (SKU)، وتطبيق الخصومات، والتعامل مع طرق دفع متعددة.</p>
                                <ul>
                                    <li><strong>البحث:</strong> اكتب في صندوق البحث للعثور على الأصناف.</li>
                                    <li><strong>المدفوعات:</strong> اختر بين النقدي أو البطاقة أو الآجل.</li>
                                </ul>
                            </div>
                        </div>
                        <div class="bg-light p-5 text-center border rounded mb-3">
                            <i class="bi bi-image text-muted display-1"></i>
                            <p class="text-muted mt-2">[Screenshot: POS Interface / لقطة شاشة: واجهة نقطة البيع]</p>
                        </div>
                    </section>

                    <!-- Inventory -->
                    <section id="inventory" class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>4. Inventory Management</h3>
                                <p>Manage your products, categories, and units. You can track stock levels and set minimum alerts.</p>
                            </div>
                            <div class="col-md-6 text-end" dir="rtl">
                                <h3>4. إدارة المخزون</h3>
                                <p>إدارة منتجاتك وفئاتك ووحداتك. يمكنك تتبع مستويات المخزون وضبط تنبيهات الحد الأدنى.</p>
                            </div>
                        </div>
                        <div class="bg-light p-5 text-center border rounded mb-3">
                            <i class="bi bi-image text-muted display-1"></i>
                            <p class="text-muted mt-2">[Screenshot: Item List / لقطة شاشة: قائمة الأصناف]</p>
                        </div>
                    </section>

                    <!-- Sales -->
                    <section id="sales" class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>5. Sales & Purchases</h3>
                                <p>Record detailed tax invoices, quotations, and purchase orders. The system automatically updates inventory and records journal entries.</p>
                            </div>
                            <div class="col-md-6 text-end" dir="rtl">
                                <h3>5. المبيعات والمشتريات</h3>
                                <p>تسجيل الفواتير الضريبية المفصلة وعروض الأسعار وأوامر الشراء. يقوم النظام تلقائياً بتحديث المخزون وتسجيل قيود اليومية.</p>
                            </div>
                        </div>
                    </section>

                    <!-- Accounting -->
                    <section id="accounting" class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>6. Accounting & Reports</h3>
                                <p>Access financial statements like Trial Balance, Profit & Loss, and Balance Sheet. VAT reports are also available for tax compliance.</p>
                                <ul>
                                    <li><strong>Reports:</strong> Various reports like Expiry Report, Low Stock, and Customer Statements.</li>
                                    <li><strong>Accounting:</strong> Journal entries are automatically created for sales and purchases.</li>
                                </ul>
                            </div>
                            <div class="col-md-6 text-end" dir="rtl">
                                <h3>6. المحاسبة والتقارير</h3>
                                <p>الوصول إلى البيانات المالية مثل ميزان المراجعة، والأرباح والخسائر، والميزانية العمومية. تتوفر أيضاً تقارير ضريبة القيمة المضافة للامتثال الضريبي.</p>
                                <ul>
                                    <li><strong>التقارير:</strong> تقارير متنوعة مثل تقرير الصلاحية، ونواقص المخزون، وكشوفات حساب العملاء.</li>
                                    <li><strong>المحاسبة:</strong> يتم إنشاء قيود اليومية تلقائياً للمبيعات والمشتريات.</li>
                                </ul>
                            </div>
                        </div>
                    </section>

                    <!-- HR & Admin -->
                    <section id="hr" class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>8. HR & Administration</h3>
                                <p>Manage employees, departments, attendance, and payroll in the HR section. Use the Admin section to manage users, roles, and system backups.</p>
                            </div>
                            <div class="col-md-6 text-end" dir="rtl">
                                <h3>8. الموارد البشرية والإدارة</h3>
                                <p>إدارة الموظفين والأقسام والحضور والرواتب في قسم الموارد البشرية. استخدم قسم الإدارة لإدارة المستخدمين والأدوار والنسخ الاحتياطي للنظام.</p>
                            </div>
                        </div>
                    </section>

                    <!-- Settings -->
                    <section id="settings" class="mb-5">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>7. Settings & Administration</h3>
                                <p>Configure your company details, manage users and roles, and setup backup schedules.</p>
                            </div>
                            <div class="col-md-6 text-end" dir="rtl">
                                <h3>7. الإعدادات والإدارة</h3>
                                <p>تهيئة تفاصيل شركتك، وإدارة المستخدمين والأدوار، وضبط جداول النسخ الاحتياطي.</p>
                            </div>
                        </div>
                    </section>

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

<style>
    section { scroll-margin-top: 80px; }
    .sticky-top { z-index: 1020; }
    h3 { color: var(--bs-primary); font-weight: bold; }
    .bg-light { border-style: dashed !important; border-width: 2px !important; }
    [dir="rtl"] p, [dir="rtl"] li { font-size: 1.1rem; }
</style>