سعدتليكوم

setDropdownOpen(!dropdownOpen)} \n style={{ \n cursor: 'pointer',\n position: 'relative' \n }}\n >\n ☰\n {dropdownOpen && (\n

\n {[\n 'شات اب', \n 'عملياتي', \n 'تأميناتي', \n 'يومياتي', \n 'الإعدادات', \n 'الملف الشخصي', \n 'الإشعارات', \n 'الشرائح', \n 'معرض شبكات WIFI', \n 'خروج'\n ].map(item => (\n

\n {item}\n

\n ))}\n

\n )}\n

\n );\n}\n\nfunction MorePage() {\n const navigate = useNavigate();\n\n const moreTiles = [\n { \n icon: '🎮', \n title: 'معرض الألعاب', \n route: '/more/games-gallery',\n description: 'استكشف مجموعة متنوعة من الألعاب'\n },\n { \n icon: '⬇️', \n title: 'التنزيلات', \n route: '/more/downloads',\n description: 'حمل تطبيقاتك المفضلة'\n },\n { \n icon: '💳', \n title: 'الكروت والشرائح', \n route: '/more/cards-vouchers',\n description: 'إدارة الكروت والشرائح'\n }\n ];\n\n return (\n

المزيد

\n \n

\n\n

\n 💵\n

غذي حسابك

\n\n

\n {moreTiles.map(tile => (\n

navigate(tile.route)}\n style={{\n border: '1px solid #ddd',\n borderRadius: '10px',\n padding: '20px',\n textAlign: 'center',\n position: 'relative',\n cursor: 'pointer'\n }}\n >\n

{tile.icon}

{tile.title}

\n {tile.description}\n

\n ))}\n

\n\n

navigate('/')}\n style={{\n position: 'fixed',\n bottom: '80px', // Above bottom navbar\n right: '20px',\n backgroundColor: COLORS.headerBackground,\n color: 'white',\n width: '50px',\n height: '50px',\n borderRadius: '50%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n boxShadow: '0 4px 6px rgba(0,0,0,0.1)',\n cursor: 'pointer',\n zIndex: 1000\n }}\n >\n 🏠\n

\n );\n}\n\nfunction App() {\n return (\n \n

\n \n \n } />\n } />\n } />\n } />\n \n \n

\n \n );\n}\n\nfunction BottomNavbar() {\n const navigate = useNavigate();\n \n const navItems = [\n { icon: '🏠', title: 'الرئيسية', route: '/' },\n { icon: '🛠️', title: 'الخدمات', route: '/services' },\n { icon: '📊', title: 'التقارير', route: '/reports' },\n { icon: '➕', title: 'المزيد', route: '/more' }\n ];\n\n return (\n \n );\n}\n\nfunction MainPage() {\n const navigate = useNavigate();\n \n const tiles = [\n { icon: '📱', title: 'السداد', route: '/payments' },\n { icon: 'WiFi', title: 'WIFI', route: '/wifi' },\n { icon: '👥', title: 'إدارة العملاء', route: '/customer-management' },\n { icon: '🔢', title: 'العمليات', route: '/operations' },\n { icon: '📦', title: 'البرامج', route: '/programs' },\n { icon: '🎮', title: 'معرض الألعاب', route: '/games' }\n ];\n\n return (\n

\n {tiles.map(tile => (\n

navigate(tile.route)}\n style={{\n border: '1px solid #ddd',\n borderRadius: '10px',\n padding: '20px',\n textAlign: 'center',\n position: 'relative',\n cursor: 'pointer'\n }}\n >\n

{tile.icon}

{tile.title}

\n ))}\n

\n\n

\n 🏠\n

\n );\n}\n\nfunction ServicesPage() {\n const navigate = useNavigate();\n const [searchTerm, setSearchTerm] = useState('');\n\n const serviceTiles = [\n { icon: '💰', title: 'التسديدات', route: '/services/payments' },\n { icon: '💳', title: 'إرسال سند الإيداع', route: '/services/deposit' },\n { icon: '🔐', title: 'الشرائح والتفعيل', route: '/services/activation' },\n { icon: '🔄', title: 'تحويل من شخص لشخص', route: '/services/transfer' },\n { icon: '👥', title: 'إدارة العملاء', route: '/services/customer-management' },\n { icon: '💡', title: 'فواتير الكهرباء', route: '/services/electricity-bills' },\n { icon: '💵', title: 'تغذية حسابي', route: '/services/account-funding' },\n { icon: '⚙️', title: 'إعدادات الحساب', route: '/services/account-settings' },\n { icon: '📱', title: 'شحن برامج التواصل', route: '/services/communication-apps' },\n { icon: '🎮', title: 'معرض الألعاب', route: '/services/games-gallery' },\n { icon: '📞', title: 'التواصل مع الإدارة', route: '/services/contact-management' },\n { icon: '💳', title: 'بنك البطاقات', route: '/services/card-bank' }\n ];\n\n const filteredTiles = serviceTiles.filter(tile => \n tile.title.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n return (\n

\n \n \n

\n\n setSearchTerm(e.target.value)}\n style={{\n width: '100%',\n padding: '10px',\n marginBottom: '20px',\n borderRadius: '5px',\n border: '1px solid #ddd'\n }}\n />\n\n

\n {filteredTiles.map(tile => (\n

navigate(tile.route)}\n style={{\n border: '1px solid #ddd',\n borderRadius: '10px',\n padding: '20px',\n textAlign: 'center',\n position: 'relative',\n cursor: 'pointer'\n }}\n >\n

{tile.icon}

{tile.title}

\n ))}\n

\n\n

\n );\n}\n\nfunction ReportsPage() {\n const navigate = useNavigate();\n const [selectedReport, setSelectedReport] = useState(null);\n\n const reportCategories = [\n { icon: '📋', title: 'كشف الحساب', details: 'تفاصيل كشف الحساب' },\n { icon: '📝', title: 'سجل', details: 'سجل المعاملات' },\n { icon: '💰', title: 'الأرصدة', details: 'تفاصيل الأرصدة' },\n { icon: '💳', title: 'التسديدات', details: 'سجل التسديدات' },\n { icon: '🏦', title: 'تسديدات الفروع', details: 'تسديدات الفروع' },\n { icon: '🔄', title: 'الحوالات المالية', details: 'سجل الحوالات' },\n { icon: 'WiFi', title: 'كروت الواي فاي', details: 'تفاصيل كروت الواي فاي' },\n { icon: '📦', title: 'أخرى', details: 'تقارير أخرى' }\n ];\n\n return (\n

التقارير

\n \n

\n\n

📊 تقرير رصيدي

50%

💰 حصالة أرباحي

500 ر.س

\n\n

\n {reportCategories.map(category => (\n

setSelectedReport(category)}\n style={{\n border: '1px solid #ddd',\n borderRadius: '10px',\n padding: '20px',\n textAlign: 'center',\n position: 'relative',\n cursor: 'pointer',\n backgroundColor: selectedReport === category ? COLORS.headerBackground : 'white',\n color: selectedReport === category ? 'white' : 'black'\n }}\n >\n

{category.icon}

{category.title}

\n ))}\n

\n\n {selectedReport && (\n

{selectedReport.title}

{selectedReport.details}

\n )}\n\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n سعدتليكوم\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","deleted","label",[99],"permalink","https://www.val.town/x/Saadaap/gregariousCrimsonFlamingo/code/main.tsx","extension","actionData","errors"]