Admin & Provider Panel – UI Components Inventory

Comprehensive inventory of all UI components, screens, and elements from Admin Panel and Provider Portal

1. Purpose

This document provides a comprehensive inventory of all UI components, screens, and elements observed in the Admin Panel and Provider Portal screenshots. All Arabic UI labels are preserved exactly as they appear.

2. Sidebar Navigation (Admin Panel)

Icon	Arabic Label	English	Module
📊	لوحة المعلومات	Dashboard	dashboard-module.md
✈️	إدارة الرحلات	Trips Management	trips-module.md
•	قائمة الباصات	Buses List	buses-module.md
•	قائمة الاستراحات	Rest Stops List	rest-stops-module.md
•	قائمة الفنادق	Hotels List	hotels-module.md
🏢	إدارة شركات السياحة	Tourism Companies	providers-module.md
👥	المستخدمين	Users	users-module.md
📄	إدارة المحتوى	Content Management	TBD
📋	الحجوزات	Bookings	bookings-module.md
📈	التقارير المالية	Financial Reports	payments-module.md
📣	إدارة الإعلانات	Ads Management	ads-module.md
⚙️	إعدادات المنصة	Platform Settings	TBD

3.1 Dashboard (لوحة المعلومات)

KPI Cards

Arabic Label	Value Format	Trend
إجمالي الحجوزات	Number	% ↑/↓
مستخدمون جدد	Number	% ↑/↓
إجمالي الارباح	X,XXX ر.س	% ↑/↓
الرحلات النشطة	Number	% ↑/↓

Charts

Chart Type	Arabic Label	Data
Area/Line	أداء المبيعات	Monthly sales
Donut	الرحلات	نشطة, ملغاه, منتهية, غير نشطة

3.2 Trips Management (إدارة الرحلات)

Arabic Label	English	Type
اسم البرنامج	Program Name	Text
الكود المرجعي	Reference Code	Text (ULA-2023-01)
نوع الرحلة	Trip Type	Text (عمرة / سياحة)
المدة	Duration	Text
السعر الأساسي	Base Price	Currency (X,XXX ر.س)
الحجوزات	Bookings Count	Number
الحالة	Status	Badge
الإجراءات	Actions	Icons (🗑️ 📝 👁️)

3.5 Buses List (قائمة الباصات)

Arabic Label	Type
موديل الباص	Text
سنة الصنع	Year
رقم اللوحة	Text
عدد المقاعد	Number
اسم السائق	Text
رقم جوال السائق	Phone
الحالة	Badge
الإجراءات	Icons

نشطة → Greenغير نشطة → Pinkتحت الصيانة → Orange

3.6 Hotels List (قائمة الفنادق)

Arabic Label	Type
اسم الفندق	Text
المدينة	Text
عدد النجوم	1-7 stars
رقم الهاتف	Phone
العنوان	Text
رابط قوقل ماب	URL
الحالة	Badge
الإجراءات	Icons

فعالة → Greenغير فعالة → Pink

3.8 Bookings (الحجوزات)

Arabic Label	English	Type
رقم الحجز	Booking Reference	Text
اسم البرنامج	Trip Name	Text
اسم العميل	Customer Name	Text
تاريخ الحجز	Booking Date	Date
عدد المسافرين	Passengers	Number
المبلغ الإجمالي	Total Amount	Currency
الحالة	Status	Badge
الإجراءات	Actions	Icons

مؤكدة → Greenقيد التنفيذ → Orangeملغاه → Red

3.9 Financial Reports (التقارير المالية)

إجمالي الإيرادات

إجمالي المصروفات

صافي الربح

معاملات معلقة

في الرصيد الحالي → Beige/Orangeتم التحويل → Green/Tealمسترجع → Pink

3.10 Ad Campaigns (إدارة الإعلانات)

Arabic Label	Type
اسم الحملة	Text
الرحلة المرتبطة	Link to Trip
الميزانية	Currency
تاريخ البداية	Date
تاريخ النهاية	Date
الانطباعات	Number
النقرات	Number
الحالة	Badge
الإجراءات	Icons

نشطة → Greenمتوقفة → Greyمكتملة → Blueمرفوضة → Red