<div class="accordion-item">
    <h2 class="accordion-header" id="headingArabic">
        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseArabic" aria-expanded="true" aria-controls="collapseArabic">
            <i class="bi bi-translate me-2"></i>دليل الاستخدام - العربية
        </button>
    </h2>
    <div id="collapseArabic" class="accordion-collapse collapse show" aria-labelledby="headingArabic" data-bs-parent="#userGuideAccordion">
        <div class="accordion-body">
            <div lang="ar" dir="rtl">
                <h3>1. البدء السريع</h3>
                <p>مرحباً بك في Gestock Pro! هذا الدليل سيساعدك على البدء في استخدام النظام.</p>
                
                <h3>2. التثبيت</h3>
                <p>قم بتحميل البرنامج من لوحة التحكم في حسابك وقم بتثبيته على جهازك.</p>
                
                <h3>3. الإعداد الأولي</h3>
                <p>بعد التثبيت، قم بتشغيل البرنامج واتبع معالج الإعداد لتكوين إعدادات شركتك.</p>
                
                <h3>4. إدارة المخزون</h3>
                <p>ابدأ بإضافة المنتجات إلى المخزون، ثم قم بإدارة المخازن والحركات.</p>
                
                <h3>5. المبيعات والمشتريات</h3>
                <p>استخدم النظام لإدارة عمليات البيع والشراء وإنشاء الفواتير.</p>
                
                <h3>6. التقارير</h3>
                <p>استعرض التقارير الشاملة لمتابعة أداء عملك.</p>
            </div>
        </div>
    </div>
</div>

<div class="accordion-item">
    <h2 class="accordion-header" id="headingFrench">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFrench" aria-expanded="false" aria-controls="collapseFrench">
            <i class="bi bi-translate me-2"></i>Guide d'utilisation - Français
        </button>
    </h2>
    <div id="collapseFrench" class="accordion-collapse collapse" aria-labelledby="headingFrench" data-bs-parent="#userGuideAccordion">
        <div class="accordion-body">
            <div lang="fr" dir="ltr">
                <h3>1. Démarrage rapide</h3>
                <p>Bienvenue dans Gestock Pro ! Ce guide vous aidera à commencer à utiliser le système.</p>
                
                <h3>2. Installation</h3>
                <p>Téléchargez le logiciel depuis le tableau de bord de votre compte et installez-le sur votre appareil.</p>
                
                <h3>3. Configuration initiale</h3>
                <p>Après l'installation, lancez le logiciel et suivez l'assistant de configuration pour configurer les paramètres de votre entreprise.</p>
                
                <h3>4. Gestion des stocks</h3>
                <p>Commencez par ajouter des produits au stock, puis gérez les entrepôts et les mouvements.</p>
                
                <h3>5. Ventes et achats</h3>
                <p>Utilisez le système pour gérer les opérations de vente et d'achat et créer des factures.</p>
                
                <h3>6. Rapports</h3>
                <p>Consultez les rapports complets pour suivre les performances de votre entreprise.</p>
            </div>
        </div>
    </div>
</div>

<div class="accordion-item">
    <h2 class="accordion-header" id="headingEnglish">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEnglish" aria-expanded="false" aria-controls="collapseEnglish">
            <i class="bi bi-translate me-2"></i>User Guide - English
        </button>
    </h2>
    <div id="collapseEnglish" class="accordion-collapse collapse" aria-labelledby="headingEnglish" data-bs-parent="#userGuideAccordion">
        <div class="accordion-body">
            <div lang="en" dir="ltr">
                <h3>1. Quick Start</h3>
                <p>Welcome to Gestock Pro! This guide will help you get started using the system.</p>
                
                <h3>2. Installation</h3>
                <p>Download the software from your account dashboard and install it on your device.</p>
                
                <h3>3. Initial Setup</h3>
                <p>After installation, launch the software and follow the setup wizard to configure your company settings.</p>
                
                <h3>4. Inventory Management</h3>
                <p>Start by adding products to inventory, then manage warehouses and movements.</p>
                
                <h3>5. Sales and Purchases</h3>
                <p>Use the system to manage sales and purchase operations and create invoices.</p>
                
                <h3>6. Reports</h3>
                <p>View comprehensive reports to track your business performance.</p>
            </div>
        </div>
    </div>
</div>