إدارة معهد تدريب

1. المكونات الهيكلية للواجهة (UI Components)

​الهيدر العلوي للقائمة (Drawer Header): يعرض اسم اللوحة ("الإدارة المركزية") واسم المنشأة ("معهد كازابلانكا").

​عناصر التصفح الرئيسية (Navigation Links): قائمة بروابط تفاعلية تنقل المشرف بين أقسام النظام مع استخدام أيقونات توضيحية لكل خيار:

​نظرة عامة (Overview/Dashboard): محدد كخيار نشط (Active State) بخلفية زرقاء بارزة وأيقونة رسم بياني.

​إضافة طالب (مباشر): لإدخال بيانات الطلاب يدويًا بواسطة الإدارة (أيقونة قبعة تخرج).

​سجل الطلاب والطلبات: لمراجعة طلبات التسجيل القادمة من البوابة الإلكترونية وإدارة بيانات المتقدمين (أيقونة لوحة كتابة).

​الإدارة المالية: لإدارة المقبوضات والرسوم الدراسية (أيقونة كيس كيس وقود/أموال).

​زر إجراء النظام (Action Button): زر ثابث أسفل القائمة باللون الأحمر المتباين لتأكيد عمل خروج الإداري ("تسجيل الخروج").

​2. المعمارية البرمجية وتجربة المستخدم (UX / Frontend Architecture)

​نمط Sidebar / Drawer Navigation: قائمة منزلقة تستند إلى حاوية معتمة تعلو المحتوى الرئيسي (Overlay Backdrop) المموه باللون الرمادي في خلفية الشاشة.

​إدارة الحالة النشطة (Active Route / Navigation State): إعطاء خيار "نظرة عامة" خلفية وزوايا منحنية (Border Radius) مميزة بلون مختلف لتحديد الصفحة التي يقف عليها المستخدم حالياً.

​دعم الاتجاه (RTL Layout): محاذاة القائمة لتبدأ من الجهة اليمنى بدعم كامل للغة العربية.

​3. هيكل التوجيه والمحاكاة البرمجية (Routing JSON Example)

تُبنى مثل هذه القوائم ديناميكياً لتسهيل التحكم بالصلاحيات عبر مصفوفة كائنات (Array of Objects):