[V0_FILE]typescriptreact:file="lib/auth.ts" // This is a simplified auth implementation // In a production environment, you would use a more secure approach interface AdminUser { id: string username: string role: string } // In a real app, this would be stored in a database const ADMIN_USERS = [ { id: "1", username: "admin", password: "admin123", // In production, use hashed passwords role: "admin", }, ] export async function loginAdmin(username: string, password: string): Promise { // Simulate API call delay await new Promise((resolve) => setTimeout(resolve, 800)) const user = ADMIN_USERS.find((u) => u.username === username && u.password === password) if (!user) { throw new Error("Invalid credentials") } // Create a simple JWT-like token (in production, use a proper JWT library) const token = btoa( JSON.stringify({ id: user.id, username: user.username, role: user.role, exp: Date.now() + 24 * 60 * 60 * 1000, // 24 hours }), ) // Store token in localStorage if (typeof window !== "undefined") { localStorage.setItem("admin_token", token) } return token } export async function isAuthenticated(): Promise { // Simulate API call delay await new Promise((resolve) => setTimeout(resolve, 300)) if (typeof window === "undefined") { return false } const token = localStorage.getItem("admin_token") if (!token) { return false } try { const decoded = JSON.parse(atob(token)) as { exp: number } return decoded.exp > Date.now() } catch (error) { return false } } export function getCurrentUser(): AdminUser | null { if (typeof window === "undefined") { return null } const token = localStorage.getItem("admin_token") if (!token) { return null } try { return JSON.parse(atob(token)) as AdminUser } catch (error) { return null } } export function logout(): void { if (typeof window !== "undefined") { localStorage.removeItem("admin_token") } } [V0_FILE]typescriptreact:file="app/api/orders/route.ts" import { type NextRequest, NextResponse } from "next/server" // In a real app, this would be stored in a database const orders = [ { id: "ESM-123456", customerName: "Aung Kyaw", phoneNumber: "09123456789", email: "aung@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T08:30:00Z", status: "pending", transactionId: "MMQR-9876543210", }, { id: "ESM-123457", customerName: "Mya Thida", phoneNumber: "09987654321", email: "mya@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T07:45:00Z", status: "pending", transactionId: "MMQR-8765432109", }, { id: "ESM-123458", customerName: "Kyaw Thu", phoneNumber: "09555666777", email: "kyaw@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T06:15:00Z", status: "confirmed", transactionId: "MMQR-7654321098", }, ] // GET /api/orders - Get all orders export async function GET(request: NextRequest) { // In a real app, you would verify the auth token here // const user = getCurrentUser(); // if (!user) { // return NextResponse.json({ error: "Unauthorized" }, { status: 401 }); // } // Optional: Add filtering by query params const { searchParams } = new URL(request.url) const status = searchParams.get("status") let filteredOrders = [...orders] if (status) { filteredOrders = filteredOrders.filter((order) => order.status === status) } return NextResponse.json(filteredOrders) } // POST /api/orders - Create a new order export async function POST(request: NextRequest) { try { const body = await request.json() const { customerName, phoneNumber, email } = body if (!customerName || !phoneNumber || !email) { return NextResponse.json({ error: "Missing required fields" }, { status: 400 }) } const newOrder = { id: `ESM-${Math.floor(100000 + Math.random() * 900000)}`, customerName, phoneNumber, email, amount: "80,000 Ks", timestamp: new Date().toISOString(), status: "pending", transactionId: `MMQR-${Math.floor(1000000000 + Math.random() * 9000000000)}`, } orders.push(newOrder) return NextResponse.json(newOrder, { status: 201 }) } catch (error) { return NextResponse.json({ error: "Invalid request" }, { status: 400 }) } } [V0_FILE]typescriptreact:file="app/api/orders/[id]/route.ts" import { type NextRequest, NextResponse } from "next/server" // In a real app, this would be stored in a database let orders = [ { id: "ESM-123456", customerName: "Aung Kyaw", phoneNumber: "09123456789", email: "aung@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T08:30:00Z", status: "pending", transactionId: "MMQR-9876543210", }, { id: "ESM-123457", customerName: "Mya Thida", phoneNumber: "09987654321", email: "mya@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T07:45:00Z", status: "pending", transactionId: "MMQR-8765432109", }, { id: "ESM-123458", customerName: "Kyaw Thu", phoneNumber: "09555666777", email: "kyaw@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T06:15:00Z", status: "confirmed", transactionId: "MMQR-7654321098", }, ] // GET /api/orders/[id] - Get a specific order export async function GET(request: NextRequest, { params }: { params: { id: string } }) { const order = orders.find((o) => o.id === params.id) if (!order) { return NextResponse.json({ error: "Order not found" }, { status: 404 }) } return NextResponse.json(order) } // PUT /api/orders/[id] - Update an order export async function PUT(request: NextRequest, { params }: { params: { id: string } }) { // In a real app, you would verify the auth token here // const user = getCurrentUser(); // if (!user) { // return NextResponse.json({ error: "Unauthorized" }, { status: 401 }); // } const orderIndex = orders.findIndex((o) => o.id === params.id) if (orderIndex === -1) { return NextResponse.json({ error: "Order not found" }, { status: 404 }) } try { const body = await request.json() const updatedOrder = { ...orders[orderIndex], ...body } orders[orderIndex] = updatedOrder return NextResponse.json(updatedOrder) } catch (error) { return NextResponse.json({ error: "Invalid request" }, { status: 400 }) } } // DELETE /api/orders/[id] - Delete an order export async function DELETE(request: NextRequest, { params }: { params: { id: string } }) { // In a real app, you would verify the auth token here // const user = getCurrentUser(); // if (!user || user.role !== "admin") { // return NextResponse.json({ error: "Unauthorized" }, { status: 401 }); // } const orderIndex = orders.findIndex((o) => o.id === params.id) if (orderIndex === -1) { return NextResponse.json({ error: "Order not found" }, { status: 404 }) } const deletedOrder = orders[orderIndex] orders = orders.filter((o) => o.id !== params.id) return NextResponse.json(deletedOrder) } [V0_FILE]typescriptreact:file="app/api/orders/[id]/confirm/route.ts" import { type NextRequest, NextResponse } from "next/server" // In a real app, this would be stored in a database const orders = [ { id: "ESM-123456", customerName: "Aung Kyaw", phoneNumber: "09123456789", email: "aung@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T08:30:00Z", status: "pending", transactionId: "MMQR-9876543210", }, { id: "ESM-123457", customerName: "Mya Thida", phoneNumber: "09987654321", email: "mya@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T07:45:00Z", status: "pending", transactionId: "MMQR-8765432109", }, { id: "ESM-123458", customerName: "Kyaw Thu", phoneNumber: "09555666777", email: "kyaw@example.com", amount: "80,000 Ks", timestamp: "2025-04-10T06:15:00Z", status: "confirmed", transactionId: "MMQR-7654321098", }, ] // POST /api/orders/[id]/confirm - Confirm an order export async function POST(request: NextRequest, { params }: { params: { id: string } }) { // In a real app, you would verify the auth token here // const user = getCurrentUser(); // if (!user || user.role !== "admin") { // return NextResponse.json({ error: "Unauthorized" }, { status: 401 }); // } const orderIndex = orders.findIndex((o) => o.id === params.id) if (orderIndex === -1) { return NextResponse.json({ error: "Order not found" }, { status: 404 }) } if (orders[orderIndex].status === "confirmed") { return NextResponse.json({ error: "Order already confirmed" }, { status: 400 }) } orders[orderIndex] = { ...orders[orderIndex], status: "confirmed", confirmedAt: new Date().toISOString(), } return NextResponse.json(orders[orderIndex]) } // POST /api/orders/[id]/reject - Reject an order export async function PUT(request: NextRequest, { params }: { params: { id: string } }) { // In a real app, you would verify the auth token here // const user = getCurrentUser(); // if (!user || user.role !== "admin") { // return NextResponse.json({ error: "Unauthorized" }, { status: 401 }); // } const orderIndex = orders.findIndex((o) => o.id === params.id) if (orderIndex === -1) { return NextResponse.json({ error: "Order not found" }, { status: 404 }) } orders[orderIndex] = { ...orders[orderIndex], status: "rejected", rejectedAt: new Date().toISOString(), } return NextResponse.json(orders[orderIndex]) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; :root { --background: #1e2f3c; --foreground: 222.2 84% 4.9%; --card: #263a4a; --card-foreground: 0 0% 100%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: #00ffff; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: #00ffff; --radius: 0.5rem; } .dark { --background: #1e2f3c; --foreground: 210 40% 98%; --card: #263a4a; --card-foreground: 0 0% 100%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: #00ffff; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: #00ffff; } body { background-color: var(--background); color: white; font-feature-settings: "rlig" 1, "calt" 1; } .font-myanmar { font-family: "Noto Sans Myanmar", sans-serif; } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } /* Glow effects */ .glow-text { text-shadow: 0 0 10px rgba(0, 255, 255, 0.7); } .glow-border { box-shadow: 0 0 15px rgba(0, 255, 255, 0.3); } .glow-card { transition: all 0.3s ease; } .glow-card:hover { box-shadow: 0 0 20px rgba(0, 255, 255, 0.4); transform: translateY(-5px); } /* Animated gradient background */ .gradient-bg { background: linear-gradient(45deg, #1e2f3c, #263a4a, #1e2f3c); background-size: 200% 200%; animation: gradientAnimation 15s ease infinite; } @keyframes gradientAnimation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } [V0_FILE]typescriptreact:file="tailwind.config.ts" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "#1E2F3C", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "#00FFFF", foreground: "#1E2F3C", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "#263A4A", foreground: "hsl(var(--card-foreground))", }, }, fontFamily: { sans: ["var(--font-inter)"], myanmar: ["Noto Sans Myanmar", "sans-serif"], }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, "pulse-glow": { "0%, 100%": { opacity: "1", filter: "brightness(1)", }, "50%": { opacity: "0.8", filter: "brightness(1.2)", }, }, float: { "0%, 100%": { transform: "translateY(0)" }, "50%": { transform: "translateY(-10px)" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", "pulse-glow": "pulse-glow 2s ease-in-out infinite", float: "float 6s ease-in-out infinite", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]typescriptreact:file="components/ui/language-toggle.tsx" "use client" import { Button } from "@/components/ui/button" import { useLanguage } from "@/lib/language-context" export function LanguageToggle() { const { language, setLanguage } = useLanguage() return (

) } [V0_FILE]typescriptreact:file="components/qr-code.tsx" "use client" import { useEffect, useRef } from "react" import QRCodeLibrary from "qrcode" interface QRCodeProps { value: string size?: number } export function QRCode({ value, size = 200 }: QRCodeProps) { const canvasRef = useRef(null) useEffect(() => { if (canvasRef.current) { QRCodeLibrary.toCanvas( canvasRef.current, value, { width: size, margin: 1, color: { dark: "#000000", light: "#FFFFFF", }, }, (error) => { if (error) console.error(error) }, ) } }, [value, size]) return

eSIM Myanmar Admin

{language === "en" ? "Important Notes" : "အရေးကြီးသော မှတ်စုများ"}

{feature.title}

{language === "en" ? "Call Us" : "ဖုန်းခေါ်ဆိုရန်"}

{language === "en" ? "Email Us" : "အီးမေးလ်ပို့ရန်"}

{language === "en" ? "Follow Us" : "ဆိုရှယ်မီဒီယာတွင် လိုက်ပါ"}

eSIM Myanmar

{t("checkout.title")}

{t("admin.orders")}

{language === "en" ? "Verification Process:" : "အတည်ပြုခြင်း လုပ်ငန်းစဉ်:"}

{language === "en" ? "AI Verification Process:" : "AI အတည်ပြုခြင်း လုပ်ငန်းစဉ်:"}

{language === "en" ? "How to check if your SIM is correctly registered:" : "သင့်ဆင်းမ်ကတ် မှန်ကန်စွာ မှတ်ပုံတင်ထားခြင်း ရှိမရှိ စစ်ဆေးရန်:"}

{language === "en" ? "How to update your registration:" : "သင့်မှတ်ပုံတင်ခြင်းကို မည်သို့ပြင်ဆင်ရန်:"}

About

Tags

Share

About

Tags

Share

More from esimadmin

More Templates Like This

About

Tags

Share

About

Tags

Share

More from esimadmin

More Templates Like This