[V0_FILE]typescriptreact:file="app/forgot-password/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { supabase } from "@/lib/supabase" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Alert, AlertDescription } from "@/components/ui/alert" export default function ForgotPassword() { const [email, setEmail] = useState("") const [loading, setLoading] = useState(false) const [error, setError] = useState(null) const [message, setMessage] = useState(null) const handleResetPassword = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) setError(null) setMessage(null) try { const { error } = await supabase.auth.resetPasswordForEmail(email, { redirectTo: `${window.location.origin}/reset-password`, }) if (error) throw error setMessage("Password reset instructions have been sent to your email.") } catch (error: any) { setError(error.message || "An error occurred while sending reset instructions") } finally { setLoading(false) } } return (

Reset Password Enter your email address and we'll send you a link to reset your password {error && ( {error} )} {message && ( {message} )}

Remember your password?{" "} Back to Login

) } [V0_FILE]typescriptreact:file="app/earnings/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import { supabase } from "@/lib/supabase" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Badge } from "@/components/ui/badge" import { DollarSign, BarChart2, Users } from "lucide-react" interface Transaction { id: string type: "task" | "referral" | "deposit" | "withdrawal" amount: number description: string created_at: string status: "completed" | "pending" | "failed" } export default function Earnings() { const router = useRouter() const [loading, setLoading] = useState(true) const [transactions, setTransactions] = useState([]) const [stats, setStats] = useState({ totalEarnings: 0, taskEarnings: 0, referralEarnings: 0, }) useEffect(() => { const checkUser = async () => { const { data: { session }, } = await supabase.auth.getSession() if (!session) { router.push("/login") return } // Fetch transactions const fetchTransactions = async () => { // Combine all transaction types const allTransactions: Transaction[] = [] // Task earnings const { data: taskData } = await supabase .from("user_tasks") .select(` id, task:task_id(title, reward), completed_at, status `) .eq("user_id", session.user.id) .eq("status", "completed") .order("completed_at", { ascending: false }) if (taskData) { taskData.forEach((task: any) => { allTransactions.push({ id: task.id, type: "task", amount: task.task.reward, description: `Completed task: ${task.task.title}`, created_at: task.completed_at, status: "completed", }) }) } // Referral earnings const { data: referralData } = await supabase .from("referrals") .select(` id, referred_user:referred_user_id(full_name), reward, created_at `) .eq("referrer_id", session.user.id) .order("created_at", { ascending: false }) if (referralData) { referralData.forEach((referral: any) => { allTransactions.push({ id: referral.id, type: "referral", amount: referral.reward, description: `Referral bonus: ${referral.referred_user.full_name}`, created_at: referral.created_at, status: "completed", }) }) } // Deposits const { data: depositData } = await supabase .from("deposits") .select("*") .eq("user_id", session.user.id) .order("created_at", { ascending: false }) if (depositData) { depositData.forEach((deposit: any) => { allTransactions.push({ id: deposit.id, type: "deposit", amount: deposit.amount, description: `Deposit via ${deposit.payment_method}`, created_at: deposit.created_at, status: deposit.status, }) }) } // Withdrawals const { data: withdrawalData } = await supabase .from("withdrawals") .select("*") .eq("user_id", session.user.id) .order("created_at", { ascending: false }) if (withdrawalData) { withdrawalData.forEach((withdrawal: any) => { allTransactions.push({ id: withdrawal.id, type: "withdrawal", amount: -withdrawal.amount, // Negative amount for withdrawals description: `Withdrawal to ${withdrawal.payment_method}`, created_at: withdrawal.created_at, status: withdrawal.status, }) }) } // Sort by date allTransactions.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime()) setTransactions(allTransactions) // Calculate stats const taskEarnings = allTransactions .filter((t) => t.type === "task" && t.status === "completed") .reduce((sum, t) => sum + t.amount, 0) const referralEarnings = allTransactions .filter((t) => t.type === "referral" && t.status === "completed") .reduce((sum, t) => sum + t.amount, 0) setStats({ totalEarnings: taskEarnings + referralEarnings, taskEarnings, referralEarnings, }) setLoading(false) } fetchTransactions() } checkUser() }, [router]) const getStatusBadge = (status: string) => { switch (status) { case "completed": return Completed case "pending": return Pending case "failed": return Failed default: return Unknown } } const getAmountColor = (type: string, amount: number) => { if (type === "withdrawal") return "text-red-500" return "text-green-500" } if (loading) { return (

) } return (

Earnings & Transactions

Track your earnings and transaction history

Total Earnings

{stats.totalEarnings.toFixed(2)}

Lifetime earnings

Task Earnings

{stats.taskEarnings.toFixed(2)}

Earned from completing tasks

Referral Earnings

{stats.referralEarnings.toFixed(2)}

Earned from referrals

Transaction History All your earnings and withdrawals {transactions.length > 0 ? ( Date Description Type Status Amount {transactions.map((transaction) => ( {new Date(transaction.created_at).toLocaleDateString()} {transaction.description} {transaction.type} {getStatusBadge(transaction.status)} {transaction.amount > 0 ? "+" : ""} {transaction.amount.toFixed(2)} ))}

) : (

No transactions yet

Complete tasks or refer friends to start earning

)}

) } [V0_FILE]sql:file="supabase/functions.sql" isMerged="true" -- Function to increment a numeric field by 1 CREATE OR REPLACE FUNCTION increment(row_id UUID) RETURNS INTEGER AS $$ DECLARE current_value INTEGER; BEGIN SELECT referral_count INTO current_value FROM profiles WHERE id = row_id; RETURN current_value + 1; END; $$ LANGUAGE plpgsql; -- Function to add an amount to a numeric field CREATE OR REPLACE FUNCTION add_amount(row_id UUID, amount DECIMAL) RETURNS DECIMAL AS $$ DECLARE current_value DECIMAL; field_name TEXT := TG_ARGV[0]; BEGIN EXECUTE format('SELECT %I FROM profiles WHERE id = $1', field_name) INTO current_value USING row_id; RETURN current_value + amount; END; $$ LANGUAGE plpgsql; [V0_FILE]plaintext:file="public/images/logo.png" url="https://cdn.glitch.global/25718077-517e-4da8-8c9f-9be45f31c9b3/photo_2025-03-24_11-50-56.jpg?v=1742795520788" isMerged="true" [V0_FILE]sql:file="supabase/admin-schema.sql" isMerged="true" -- Add admin flag to profiles table ALTER TABLE profiles ADD COLUMN is_admin BOOLEAN DEFAULT false; -- Create admin-specific RLS policies CREATE POLICY "Admins can view all profiles" ON profiles FOR SELECT USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true)); CREATE POLICY "Admins can update all profiles" ON profiles FOR UPDATE USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true)); -- Create admin-specific task management policies CREATE POLICY "Only admins can insert tasks" ON tasks FOR INSERT WITH CHECK (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true)); CREATE POLICY "Only admins can update tasks" ON tasks FOR UPDATE USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true)); CREATE POLICY "Only admins can delete tasks" ON tasks FOR DELETE USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true)); -- Create admin dashboard views CREATE VIEW admin_user_stats AS SELECT COUNT(*) as total_users, COUNT(CASE WHEN created_at > NOW() - INTERVAL '7 days' THEN 1 END) as new_users_last_week, SUM(referral_count) as total_referrals, SUM(completed_tasks) as total_completed_tasks, SUM(total_earnings) as total_earnings_all_users FROM profiles; CREATE VIEW admin_task_stats AS SELECT t.id, t.title, COUNT(ut.id) as total_attempts, COUNT(CASE WHEN ut.status = 'completed' THEN 1 END) as completed_count, COUNT(CASE WHEN ut.status = 'pending' THEN 1 END) as pending_count FROM tasks t LEFT JOIN user_tasks ut ON t.id = ut.task_id GROUP BY t.id, t.title; -- Create RLS policies for admin views ALTER TABLE admin_user_stats ENABLE ROW LEVEL SECURITY; CREATE POLICY "Only admins can view admin stats" ON admin_user_stats FOR SELECT USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true)); ALTER TABLE admin_task_stats ENABLE ROW LEVEL SECURITY; CREATE POLICY "Only admins can view task stats" ON admin_task_stats FOR SELECT USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true)); [V0_FILE]sql:file="supabase/telegram-notifications.sql" isMerged="true" -- Create a function to send notifications via HTTP request CREATE OR REPLACE FUNCTION notify_transaction_webhook() RETURNS TRIGGER AS $$ DECLARE webhook_url TEXT := 'https://your-vercel-app-url.vercel.app/api/telegram-notify'; payload JSONB; BEGIN -- Create the payload with the transaction data payload := jsonb_build_object( 'record', jsonb_build_object( 'new', row_to_json(NEW) ) ); -- Send the HTTP request PERFORM http_post( webhook_url, payload, 'application/json' ); RETURN NEW; END; $$ LANGUAGE plpgsql SECURITY DEFINER; -- Create triggers for deposits CREATE TRIGGER deposit_notification_trigger AFTER INSERT ON deposits FOR EACH ROW EXECUTE FUNCTION notify_transaction_webhook(); -- Create triggers for withdrawals CREATE TRIGGER withdrawal_notification_trigger AFTER INSERT ON withdrawals FOR EACH ROW EXECUTE FUNCTION notify_transaction_webhook(); -- Create triggers for status updates CREATE TRIGGER deposit_status_update_trigger AFTER UPDATE OF status ON deposits FOR EACH ROW WHEN (OLD.status IS DISTINCT FROM NEW.status) EXECUTE FUNCTION notify_transaction_webhook(); CREATE TRIGGER withdrawal_status_update_trigger AFTER UPDATE OF status ON withdrawals FOR EACH ROW WHEN (OLD.status IS DISTINCT FROM NEW.status) EXECUTE FUNCTION notify_transaction_webhook(); [V0_FILE]sql:file="supabase/enable-http-extension.sql" isMerged="true" -- Enable the http extension for webhook functionality CREATE EXTENSION IF NOT EXISTS http; -- Grant usage to authenticated users GRANT USAGE ON SCHEMA http TO authenticated; GRANT EXECUTE ON ALL FUNCTIONS IN SCHEMA http TO authenticated; -- Create a secure function to send HTTP requests CREATE OR REPLACE FUNCTION http_post(url text, payload jsonb, content_type text DEFAULT 'application/json') RETURNS text LANGUAGE plpgsql SECURITY DEFINER AS $$ DECLARE result text; BEGIN SELECT INTO result content::text FROM http.post( url, payload::text, ARRAY[http.header('Content-Type', content_type)] ); RETURN result; END; $$; [V0_FILE]sql:file="supabase/account-activation.sql" isMerged="true" -- Add is_active field to profiles table ALTER TABLE profiles ADD COLUMN is_active BOOLEAN DEFAULT false; -- Create a function to activate an account CREATE OR REPLACE FUNCTION activate_account(user_id UUID) RETURNS void AS $$ BEGIN UPDATE profiles SET is_active = true WHERE id = user_id; END; $$ LANGUAGE plpgsql; [V0_FILE]sql:file="supabase/referral-bonus.sql" isMerged="true" -- Update the complete_task function to give referrers a 5% bonus CREATE OR REPLACE FUNCTION complete_task(user_id UUID, reward_amount DECIMAL) RETURNS void AS $$ DECLARE referrer_id UUID; referral_reward DECIMAL := reward_amount * 0.05; -- 5% of task reward goes to referrer BEGIN -- Update user balance and stats UPDATE profiles SET balance = balance + reward_amount, total_earnings = total_earnings + reward_amount, completed_tasks = completed_tasks + 1 WHERE id = user_id; -- Log the activity INSERT INTO activity_log (user_id, activity_type, description, metadata) VALUES ( user_id, 'task_completed', 'Completed a task and earned reward', jsonb_build_object('reward', reward_amount) ); -- Check if user was referred by someone SELECT referred_by INTO referrer_id FROM profiles WHERE id = user_id; -- If user was referred, reward the referrer IF referrer_id IS NOT NULL THEN UPDATE profiles SET balance = balance + referral_reward, referral_earnings = referral_earnings + referral_reward, total_earnings = total_earnings + referral_reward WHERE id = referrer_id; -- Log the referral reward activity INSERT INTO activity_log (user_id, activity_type, description, metadata) VALUES ( referrer_id, 'referral_reward', 'Earned 5% bonus from referred user completing a task', jsonb_build_object('referred_user_id', user_id, 'reward', referral_reward) ); END IF; END; $$ LANGUAGE plpgsql; [V0_FILE]sql:file="supabase/referral-schema-update.sql" isMerged="true" -- Add status field to referrals table if it doesn't exist ALTER TABLE referrals ADD COLUMN IF NOT EXISTS status TEXT DEFAULT 'pending'; -- Create a function to update referral status when a user activates their account CREATE OR REPLACE FUNCTION update_referral_status() RETURNS TRIGGER AS $$ BEGIN -- If account is being activated IF NEW.is_active = true AND OLD.is_active = false THEN -- Update any referrals where this user is the referred user UPDATE referrals SET status = 'active' WHERE referred_id = NEW.id AND status = 'pending'; -- If this user was referred, give the referrer their bonus IF NEW.referred_by IS NOT NULL THEN -- Add the signup bonus to the referrer's balance and earnings UPDATE profiles SET balance = balance + 10.0, referral_earnings = referral_earnings + 10.0, total_earnings = total_earnings + 10.0 WHERE id = NEW.referred_by; -- Log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( NEW.referred_by, 'referral_bonus', 'Received bonus for referral activation', jsonb_build_object( 'referred_id', NEW.id, 'referred_username', NEW.username, 'bonus_amount', 10.0 ) ); END IF; END IF; RETURN NEW; END; $$ LANGUAGE plpgsql; -- Create a trigger to run the function when a profile is updated DROP TRIGGER IF EXISTS on_account_activation ON profiles; CREATE TRIGGER on_account_activation AFTER UPDATE OF is_active ON profiles FOR EACH ROW WHEN (OLD.is_active = false AND NEW.is_active = true) EXECUTE FUNCTION update_referral_status(); -- Update the complete_task function to properly track referral earnings CREATE OR REPLACE FUNCTION complete_task(user_id UUID, reward_amount DECIMAL) RETURNS void AS $$ DECLARE referrer_id UUID; referral_reward DECIMAL := reward_amount * 0.05; -- 5% of task reward goes to referrer referred_username TEXT; BEGIN -- Get the username for logging SELECT username INTO referred_username FROM profiles WHERE id = user_id; -- Update user balance and stats UPDATE profiles SET balance = balance + reward_amount, total_earnings = total_earnings + reward_amount, completed_tasks = completed_tasks + 1 WHERE id = user_id; -- Log the activity INSERT INTO activity_log (user_id, activity_type, description, metadata) VALUES ( user_id, 'task_completed', 'Completed a task and earned reward', jsonb_build_object('reward', reward_amount) ); -- Check if user was referred by someone SELECT referred_by INTO referrer_id FROM profiles WHERE id = user_id; -- If user was referred, reward the referrer IF referrer_id IS NOT NULL THEN UPDATE profiles SET balance = balance + referral_reward, referral_earnings = referral_earnings + referral_reward, total_earnings = total_earnings + referral_reward WHERE id = referrer_id; -- Log the referral reward activity with more details INSERT INTO activity_log (user_id, activity_type, description, metadata) VALUES ( referrer_id, 'referral_reward', 'Earned 5% bonus from referred user completing a task', jsonb_build_object( 'referred_id', user_id, 'referred_username', referred_username, 'reward', referral_reward, 'task_reward', reward_amount ) ); END IF; END; $$ LANGUAGE plpgsql; [V0_FILE]sql:file="supabase/schema-fix.sql" isMerged="true" -- Check if payment_method column exists in withdrawals table, if not add it DO $$ BEGIN IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'withdrawals' AND column_name = 'payment_method' ) THEN ALTER TABLE withdrawals ADD COLUMN payment_method TEXT; END IF; END $$; -- Ensure all required columns exist in the withdrawals table ALTER TABLE withdrawals ADD COLUMN IF NOT EXISTS phone_number TEXT; ALTER TABLE withdrawals ADD COLUMN IF NOT EXISTS status TEXT DEFAULT 'pending'; ALTER TABLE withdrawals ADD COLUMN IF NOT EXISTS transaction_id TEXT; -- Update the notify_transaction_webhook function to handle missing columns CREATE OR REPLACE FUNCTION notify_transaction_webhook() RETURNS TRIGGER AS $$ DECLARE webhook_url TEXT := 'https://v0-rafit-it-zone-earn.vercel.app/api/telegram-notify'; payload JSONB; record_data JSONB; BEGIN -- Convert the record to JSON record_data := row_to_json(NEW)::jsonb; -- Ensure required fields exist to prevent errors IF record_data ? 'payment_method' IS NOT TRUE THEN record_data := record_data || '{"payment_method": "unknown"}'::jsonb; END IF; IF record_data ? 'phone_number' IS NOT TRUE THEN record_data := record_data || '{"phone_number": "N/A"}'::jsonb; END IF; IF record_data ? 'transaction_id' IS NOT TRUE THEN record_data := record_data || '{"transaction_id": "N/A"}'::jsonb; END IF; -- Create the payload with the transaction data payload := jsonb_build_object( 'record', jsonb_build_object( 'new', record_data ) ); -- Send the HTTP request PERFORM http_post( webhook_url, payload, 'application/json' ); RETURN NEW; END; $$ LANGUAGE plpgsql SECURITY DEFINER; [V0_FILE]sql:file="supabase/fix-withdrawals-schema.sql" isMerged="true" -- Check if the withdrawals table has the correct schema DO $$ BEGIN -- Check if the 'method' column exists, if not add it IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'withdrawals' AND column_name = 'method' ) THEN ALTER TABLE withdrawals ADD COLUMN method TEXT NOT NULL DEFAULT 'bkash'; END IF; -- Ensure other required columns exist ALTER TABLE withdrawals ADD COLUMN IF NOT EXISTS phone_number TEXT; ALTER TABLE withdrawals ADD COLUMN IF NOT EXISTS status TEXT DEFAULT 'pending'; ALTER TABLE withdrawals ADD COLUMN IF NOT EXISTS transaction_id TEXT; -- If payment_method exists but method doesn't, copy values IF EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'withdrawals' AND column_name = 'payment_method' ) AND EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'withdrawals' AND column_name = 'method' ) THEN -- Update method with payment_method values where method is null UPDATE withdrawals SET method = payment_method WHERE method IS NULL AND payment_method IS NOT NULL; END IF; END $$; -- Update the notify_transaction_webhook function to handle both column names CREATE OR REPLACE FUNCTION notify_transaction_webhook() RETURNS TRIGGER AS $$ DECLARE webhook_url TEXT := 'https://v0-rafit-it-zone-earn.vercel.app/api/telegram-notify'; payload JSONB; record_data JSONB; BEGIN -- Convert the record to JSON record_data := row_to_json(NEW)::jsonb; -- Ensure required fields exist to prevent errors IF record_data ? 'method' IS NOT TRUE AND record_data ? 'payment_method' IS NOT TRUE THEN record_data := record_data || '{"method": "unknown"}'::jsonb; END IF; IF record_data ? 'phone_number' IS NOT TRUE THEN record_data := record_data || '{"phone_number": "N/A"}'::jsonb; END IF; IF record_data ? 'transaction_id' IS NOT TRUE THEN record_data := record_data || '{"transaction_id": "N/A"}'::jsonb; END IF; -- Create the payload with the transaction data payload := jsonb_build_object( 'record', jsonb_build_object( 'new', record_data ) ); -- Send the HTTP request PERFORM http_post( webhook_url, payload, 'application/json' ); RETURN NEW; END; $$ LANGUAGE plpgsql SECURITY DEFINER; [V0_FILE]sql:file="supabase/fix-http-extension.sql" isMerged="true" -- Check if the HTTP extension exists before trying to create it DO $$ BEGIN -- Check if the extension already exists IF NOT EXISTS ( SELECT 1 FROM pg_extension WHERE extname = 'http' ) THEN -- Try to create the extension if it doesn't exist BEGIN CREATE EXTENSION IF NOT EXISTS http WITH SCHEMA public; EXCEPTION WHEN OTHERS THEN RAISE NOTICE 'Could not create HTTP extension. This may require admin privileges.'; END; END IF; END $$; -- Create a fallback function that doesn't use HTTP if the extension isn't available CREATE OR REPLACE FUNCTION safe_notify_transaction( transaction_type TEXT, user_id UUID, amount DECIMAL, method TEXT, mobile_number TEXT, transaction_id TEXT, status TEXT ) RETURNS void AS $$ BEGIN -- Insert a record in a notifications table instead of making HTTP request INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, transaction_type || '_notification', 'Transaction notification for ' || transaction_type, jsonb_build_object( 'amount', amount, 'method', method, 'mobile_number', mobile_number, 'transaction_id', transaction_id, 'status', status ) ); -- Log that we couldn't send the actual notification INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'notification_fallback', 'HTTP extension not available for webhook notification', jsonb_build_object( 'transaction_type', transaction_type, 'amount', amount ) ); END; $$ LANGUAGE plpgsql; -- Update the notify_transaction_webhook function to use the safe function as fallback CREATE OR REPLACE FUNCTION notify_transaction_webhook() RETURNS TRIGGER AS $$ DECLARE webhook_url TEXT := 'https://v0-rafit-it-zone-earn.vercel.app/api/telegram-notify'; payload JSONB; record_data JSONB; transaction_type TEXT; BEGIN -- Determine if this is a deposit or withdrawal IF TG_TABLE_NAME = 'deposits' THEN transaction_type := 'deposit'; ELSE transaction_type := 'withdrawal'; END IF; -- Try to use HTTP extension if available BEGIN -- Convert the record to JSON record_data := row_to_json(NEW)::jsonb; -- Create the payload with the transaction data payload := jsonb_build_object( 'record', jsonb_build_object( 'new', record_data ) ); -- Send the HTTP request using the http extension PERFORM http_post( webhook_url, payload, 'application/json' ); EXCEPTION WHEN OTHERS THEN -- If HTTP extension fails, use the fallback function PERFORM safe_notify_transaction( transaction_type, NEW.user_id, NEW.amount, COALESCE(NEW.method, 'unknown'), COALESCE(NEW.mobile_number, 'unknown'), COALESCE(NEW.transaction_id, 'unknown'), COALESCE(NEW.status, 'pending') ); END; RETURN NEW; END; $$ LANGUAGE plpgsql SECURITY DEFINER; [V0_FILE]sql:file="supabase/create-activity-log.sql" isMerged="true" -- Check if activity_log table exists, if not create it DO $$ BEGIN IF NOT EXISTS ( SELECT FROM information_schema.tables WHERE table_schema = 'public' AND table_name = 'activity_log' ) THEN CREATE TABLE activity_log ( id UUID PRIMARY KEY DEFAULT uuid_generate_v4(), user_id UUID REFERENCES profiles(id) ON DELETE CASCADE, activity_type TEXT NOT NULL, description TEXT, metadata JSONB, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Add RLS policy for activity_log ALTER TABLE activity_log ENABLE ROW LEVEL SECURITY; CREATE POLICY "Users can view their own activity" ON activity_log FOR SELECT USING (auth.uid() = user_id); CREATE POLICY "Users can insert their own activity" ON activity_log FOR INSERT WITH CHECK (auth.uid() = user_id); END IF; END $$; [V0_FILE]sql:file="supabase/make-admin.sql" isMerged="true" -- Make the specific user an admin UPDATE profiles SET is_admin = true WHERE id = '8bed079c-dc1e-47a3-bf31-034666029592'; -- Ensure all other users are not admins (optional, uncomment if needed) -- UPDATE profiles -- SET is_admin = false -- WHERE id != '8bed079c-dc1e-47a3-bf31-034666029592'; -- Verify the change SELECT id, username, is_admin FROM profiles WHERE id = '8bed079c-dc1e-47a3-bf31-034666029592'; [V0_FILE]typescriptreact:file="app/admin/make-admin/page.tsx" isMerged="true" "use client" import { useState } from "react" import { supabase } from "@/lib/supabase" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Alert, AlertDescription } from "@/components/ui/alert" import { ArrowLeft } from "lucide-react" import Link from "next/link" export default function MakeAdmin() { const [userId, setUserId] = useState("8bed079c-dc1e-47a3-bf31-034666029592") const [loading, setLoading] = useState(false) const [message, setMessage] = useState(null) const [error, setError] = useState(null) const [userData, setUserData] = useState(null) const checkUser = async () => { setLoading(true) setError(null) setMessage(null) setUserData(null) try { const { data, error } = await supabase .from("profiles") .select("id, username, full_name, email, is_admin") .eq("id", userId) .single() if (error) throw error if (!data) { throw new Error("User not found") } setUserData(data) setMessage(`Found user: ${data.username || data.email}`) } catch (error: any) { setError(error.message || "An error occurred while checking the user") } finally { setLoading(false) } } const makeAdmin = async () => { if (!userData) { setError("Please check the user first") return } setLoading(true) setError(null) setMessage(null) try { const { error } = await supabase.from("profiles").update({ is_admin: true }).eq("id", userId) if (error) throw error setMessage(`User ${userData.username || userData.email} is now an admin!`) setUserData({ ...userData, is_admin: true }) } catch (error: any) { setError(error.message || "An error occurred while making the user an admin") } finally { setLoading(false) } } const removeAdmin = async () => { if (!userData) { setError("Please check the user first") return } setLoading(true) setError(null) setMessage(null) try { const { error } = await supabase.from("profiles").update({ is_admin: false }).eq("id", userId) if (error) throw error setMessage(`Admin privileges removed from ${userData.username || userData.email}`) setUserData({ ...userData, is_admin: false }) } catch (error: any) { setError(error.message || "An error occurred while removing admin privileges") } finally { setLoading(false) } } return (

Back to Admin Dashboard

Manage Admin Access

Grant or revoke admin privileges

{message && ( {message} )} {error && ( {error} )} User Admin Status Enter a user ID to check or change admin status

User ID setUserId(e.target.value)} placeholder="Enter user ID" />

{userData && (

User Information

Username: {userData.username || "N/A"}

Name: {userData.full_name || "N/A"}

Email: {userData.email || "N/A"}

Admin Status: {userData.is_admin ? "Admin" : "Regular User"}

{!userData.is_admin ? ( ) : ( )}

)}

) } [V0_FILE]sql:file="supabase/update-telegram-webhook.sql" isMerged="true" -- Update the notify_transaction_webhook function to use the correct webhook URL CREATE OR REPLACE FUNCTION notify_transaction_webhook() RETURNS TRIGGER AS $$ DECLARE webhook_url TEXT := 'https://v0-rafit-it-zone-earn.vercel.app/api/telegram-notify'; payload JSONB; record_data JSONB; BEGIN -- Convert the record to JSON record_data := row_to_json(NEW)::jsonb; -- Create the payload with the transaction data payload := jsonb_build_object( 'record', jsonb_build_object( 'new', record_data ) ); -- Try to send the HTTP request BEGIN -- Send the HTTP request using the http extension PERFORM http_post( webhook_url, payload, 'application/json' ); -- Log successful notification INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( NEW.user_id, TG_TABLE_NAME || '_notification_sent', 'Notification sent for ' || TG_TABLE_NAME || ' transaction', jsonb_build_object( 'transaction_id', NEW.id, 'amount', NEW.amount, 'webhook_url', webhook_url ) ); EXCEPTION WHEN OTHERS THEN -- Log failed notification attempt INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( NEW.user_id, TG_TABLE_NAME || '_notification_failed', 'Failed to send notification for ' || TG_TABLE_NAME || ' transaction', jsonb_build_object( 'transaction_id', NEW.id, 'amount', NEW.amount, 'error', SQLERRM ) ); END; RETURN NEW; END; $$ LANGUAGE plpgsql SECURITY DEFINER; -- Make sure triggers exist for both deposits and withdrawals DROP TRIGGER IF EXISTS deposit_notification_trigger ON deposits; CREATE TRIGGER deposit_notification_trigger AFTER INSERT ON deposits FOR EACH ROW EXECUTE FUNCTION notify_transaction_webhook(); DROP TRIGGER IF EXISTS withdrawal_notification_trigger ON withdrawals; CREATE TRIGGER withdrawal_notification_trigger AFTER INSERT ON withdrawals FOR EACH ROW EXECUTE FUNCTION notify_transaction_webhook(); -- Create triggers for status updates DROP TRIGGER IF EXISTS deposit_status_update_trigger ON deposits; CREATE TRIGGER deposit_status_update_trigger AFTER UPDATE OF status ON deposits FOR EACH ROW WHEN (OLD.status IS DISTINCT FROM NEW.status) EXECUTE FUNCTION notify_transaction_webhook(); DROP TRIGGER IF EXISTS withdrawal_status_update_trigger ON withdrawals; CREATE TRIGGER withdrawal_status_update_trigger AFTER UPDATE OF status ON withdrawals FOR EACH ROW WHEN (OLD.status IS DISTINCT FROM NEW.status) EXECUTE FUNCTION notify_transaction_webhook(); [V0_FILE]typescriptreact:file="app/api/test-telegram/route.ts" isMerged="true" import { NextResponse } from "next/server" export async function GET(request: Request) { try { // Use the provided bot token and chat ID const BOT_TOKEN = "7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w" const CHAT_ID = "6880722176" // Create a test message const message = `🧪 Test Notification 🧪\n\n` + `This is a test message to verify that the Telegram notification system is working correctly.\n\n` + `⏰ Time: ${new Date().toLocaleString()}` const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage` const telegramResponse = await fetch(TELEGRAM_API_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ chat_id: CHAT_ID, text: message, parse_mode: "Markdown", }), }) if (!telegramResponse.ok) { const errorData = await telegramResponse.json() console.error("Telegram API error:", errorData) return NextResponse.json({ error: "Failed to send Telegram notification", details: errorData }, { status: 500 }) } return NextResponse.json({ success: true, message: "Test notification sent successfully", }) } catch (error) { console.error("Error sending test notification:", error) return NextResponse.json({ error: "Internal Server Error", details: error }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/admin/test-notifications/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Alert, AlertDescription } from "@/components/ui/alert" import { ArrowLeft } from "lucide-react" import Link from "next/link" export default function TestNotifications() { const [loading, setLoading] = useState(false) const [message, setMessage] = useState(null) const [error, setError] = useState(null) const testTelegramNotification = async () => { setLoading(true) setMessage(null) setError(null) try { const response = await fetch("/api/test-telegram") const data = await response.json() if (!response.ok) { throw new Error(data.error || "Failed to send test notification") } setMessage("Test notification sent successfully! Check your Telegram.") } catch (error: any) { setError(error.message || "An error occurred while sending the test notification") } finally { setLoading(false) } } return (

Back to Admin Dashboard

Test Notifications

Test the notification systems

{message && ( {message} )} {error && ( {error} )} Telegram Notifications Test the Telegram notification system

This will send a test message to the configured Telegram bot. Make sure you have added the bot to your chat and started a conversation with it.

Bot Token: 7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w
Chat ID: 6880722176

) } [V0_FILE]sql:file="supabase/fix-profiles.sql" isMerged="true" -- Check for duplicate profiles and remove them CREATE OR REPLACE FUNCTION remove_duplicate_profiles() RETURNS void AS $$ DECLARE duplicate_user RECORD; BEGIN -- Find users with multiple profiles FOR duplicate_user IN SELECT id, COUNT(*) FROM profiles GROUP BY id HAVING COUNT(*) > 1 LOOP -- Keep the most recently updated profile and delete others DELETE FROM profiles WHERE id = duplicate_user.id AND ctid NOT IN ( SELECT ctid FROM profiles WHERE id = duplicate_user.id ORDER BY updated_at DESC NULLS LAST LIMIT 1 ); RAISE NOTICE 'Removed duplicate profiles for user %', duplicate_user.id; END LOOP; END; $$ LANGUAGE plpgsql; -- Execute the function SELECT remove_duplicate_profiles(); -- Create a function to ensure all users have profiles CREATE OR REPLACE FUNCTION ensure_user_profiles() RETURNS void AS $$ DECLARE user_without_profile RECORD; BEGIN -- Find auth users without profiles FOR user_without_profile IN SELECT au.id, au.email FROM auth.users au LEFT JOIN profiles p ON au.id = p.id WHERE p.id IS NULL LOOP -- Create a profile for the user INSERT INTO profiles ( id, username, email, balance, referral_code, is_active, created_at, updated_at ) VALUES ( user_without_profile.id, 'user_' || SUBSTRING(user_without_profile.id::text, 1, 8), user_without_profile.email, 0, 'RAFIT' || SUBSTRING(user_without_profile.id::text, 1, 8) || UPPER(SUBSTRING(MD5(random()::text), 1, 4)), false, NOW(), NOW() ); RAISE NOTICE 'Created profile for user %', user_without_profile.id; END LOOP; END; $$ LANGUAGE plpgsql; -- Execute the function SELECT ensure_user_profiles(); -- Add a trigger to automatically create profiles for new users if the existing trigger fails CREATE OR REPLACE FUNCTION public.ensure_profile_exists() RETURNS TRIGGER AS $$ BEGIN -- Check if a profile already exists IF NOT EXISTS (SELECT 1 FROM public.profiles WHERE id = NEW.id) THEN -- Create a basic profile INSERT INTO public.profiles ( id, username, email, balance, referral_code, is_active, created_at, updated_at ) VALUES ( NEW.id, 'user_' || SUBSTRING(NEW.id::text, 1, 8), NEW.email, 0, 'RAFIT' || SUBSTRING(NEW.id::text, 1, 8) || UPPER(SUBSTRING(MD5(random()::text), 1, 4)), false, NOW(), NOW() ); END IF; RETURN NEW; END; $$ LANGUAGE plpgsql SECURITY DEFINER; -- Create a trigger that runs after the main handle_new_user trigger DROP TRIGGER IF EXISTS ensure_profile_exists_trigger ON auth.users; CREATE TRIGGER ensure_profile_exists_trigger AFTER INSERT ON auth.users FOR EACH ROW EXECUTE PROCEDURE public.ensure_profile_exists(); [V0_FILE]sql:file="supabase/fix-missing-columns.sql" isMerged="true" -- Add missing columns to profiles table if they don't exist DO $$ BEGIN -- Check if referral_earnings column exists IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'referral_earnings' ) THEN -- Add referral_earnings column ALTER TABLE profiles ADD COLUMN referral_earnings DECIMAL(10, 2) DEFAULT 0; -- Update existing profiles to calculate referral_earnings from referrals table UPDATE profiles p SET referral_earnings = COALESCE( (SELECT SUM(reward) FROM referrals WHERE referrer_id = p.id), 0 ); END IF; -- Check for other potentially missing columns and add them if needed IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'total_earnings' ) THEN ALTER TABLE profiles ADD COLUMN total_earnings DECIMAL(10, 2) DEFAULT 0; END IF; IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'completed_tasks' ) THEN ALTER TABLE profiles ADD COLUMN completed_tasks INTEGER DEFAULT 0; END IF; IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'referral_count' ) THEN ALTER TABLE profiles ADD COLUMN referral_count INTEGER DEFAULT 0; -- Update existing profiles to calculate referral_count from referrals table UPDATE profiles p SET referral_count = COALESCE( (SELECT COUNT(*) FROM referrals WHERE referrer_id = p.id), 0 ); END IF; IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'is_active' ) THEN ALTER TABLE profiles ADD COLUMN is_active BOOLEAN DEFAULT false; END IF; IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'is_admin' ) THEN ALTER TABLE profiles ADD COLUMN is_admin BOOLEAN DEFAULT false; END IF; END $$; [V0_FILE]sql:file="supabase/update-webhook.sql" isMerged="true" -- Update the webhook URL to use a direct URL instead of relying on HTTP extension CREATE OR REPLACE FUNCTION notify_transaction_webhook() RETURNS TRIGGER AS $$ DECLARE webhook_url TEXT := 'https://v0-rafit-it-zone-earn.vercel.app/api/telegram-notify'; payload JSONB; BEGIN -- Log the attempt to send a notification INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( NEW.user_id, TG_TABLE_NAME || '_notification_attempt', 'Attempting to send notification for ' || TG_TABLE_NAME, jsonb_build_object( 'transaction_id', NEW.id, 'amount', NEW.amount, 'webhook_url', webhook_url ) ); RETURN NEW; END; $$ LANGUAGE plpgsql SECURITY DEFINER; -- Make sure triggers exist for both deposits and withdrawals DROP TRIGGER IF EXISTS deposit_notification_trigger ON deposits; CREATE TRIGGER deposit_notification_trigger AFTER INSERT ON deposits FOR EACH ROW EXECUTE FUNCTION notify_transaction_webhook(); DROP TRIGGER IF EXISTS withdrawal_notification_trigger ON withdrawals; CREATE TRIGGER withdrawal_notification_trigger AFTER INSERT ON withdrawals FOR EACH ROW EXECUTE FUNCTION notify_transaction_webhook(); -- Create triggers for status updates DROP TRIGGER IF EXISTS deposit_status_update_trigger ON deposits; CREATE TRIGGER deposit_status_update_trigger AFTER UPDATE OF status ON deposits FOR EACH ROW WHEN (OLD.status IS DISTINCT FROM NEW.status) EXECUTE FUNCTION notify_transaction_webhook(); DROP TRIGGER IF EXISTS withdrawal_status_update_trigger ON withdrawals; CREATE TRIGGER withdrawal_status_update_trigger AFTER UPDATE OF status ON withdrawals FOR EACH ROW WHEN (OLD.status IS DISTINCT FROM NEW.status) EXECUTE FUNCTION notify_transaction_webhook(); [V0_FILE]sql:file="supabase/create-column-check-function.sql" isMerged="true" -- Create a function to check if a column exists in a table CREATE OR REPLACE FUNCTION check_column_exists( table_name TEXT, column_name TEXT ) RETURNS TABLE (exists BOOLEAN) AS $$ BEGIN RETURN QUERY SELECT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = check_column_exists.table_name AND column_name = check_column_exists.column_name ); END; $$ LANGUAGE plpgsql; -- Grant execute permission to authenticated users GRANT EXECUTE ON FUNCTION check_column_exists TO authenticated; [V0_FILE]sql:file="supabase/set-admin-user.sql" isMerged="true" -- Set admin status for the specified user (rafitbd23@gmail.com) DO $$ DECLARE user_id UUID; BEGIN -- Get the user ID from the auth.users table SELECT id INTO user_id FROM auth.users WHERE email = 'rafitbd23@gmail.com'; -- If user exists, set admin status IF user_id IS NOT NULL THEN -- Update the is_admin flag in the profiles table UPDATE profiles SET is_admin = true WHERE id = user_id; RAISE NOTICE 'Admin status set for user with email rafitbd23@gmail.com'; ELSE RAISE NOTICE 'User with email rafitbd23@gmail.com not found'; END IF; END $$; [V0_FILE]sql:file="supabase/fix-referrals-table.sql" isMerged="true" -- Add missing columns to referrals table if they don't exist DO $$ BEGIN -- Check if reward column exists in referrals table IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'referrals' AND column_name = 'reward' ) THEN -- Add reward column with default value ALTER TABLE referrals ADD COLUMN reward DECIMAL(10, 2) DEFAULT 5.00; -- Update existing referrals with default reward value UPDATE referrals SET reward = 5.00 WHERE reward IS NULL; END IF; -- Check if status column exists in referrals table IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'referrals' AND column_name = 'status' ) THEN -- Add status column with default value ALTER TABLE referrals ADD COLUMN status TEXT DEFAULT 'pending'; -- Update status based on referred user's activation status UPDATE referrals r SET status = CASE WHEN EXISTS ( SELECT 1 FROM profiles p WHERE p.id = r.referred_id AND p.is_active = true ) THEN 'active' ELSE 'pending' END; END IF; END $$; [V0_FILE]sql:file="supabase/fix-admin-user.sql" isMerged="true" -- Fix admin user function DO $$ DECLARE user_id UUID; BEGIN -- Get the user ID from the auth.users table SELECT id INTO user_id FROM auth.users WHERE email = 'rafitbd23@gmail.com'; -- If user exists, set admin status IF user_id IS NOT NULL THEN -- Update the is_admin flag in the profiles table UPDATE profiles SET is_admin = true WHERE id = user_id; -- Make sure the row exists in profiles IF NOT FOUND THEN -- Create the profile if it doesn't exist INSERT INTO profiles ( id, username, email, is_admin, balance, referral_code, created_at, updated_at ) VALUES ( user_id, 'admin_user', 'rafitbd23@gmail.com', true, 0, 'ADMIN' || SUBSTRING(user_id::text, 1, 8), NOW(), NOW() ); END IF; RAISE NOTICE 'Admin status set for user with email rafitbd23@gmail.com (ID: %)', user_id; ELSE RAISE NOTICE 'User with email rafitbd23@gmail.com not found'; END IF; END $$; [V0_FILE]typescriptreact:file="app/admin/test-webhook/page.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Alert, AlertDescription } from "@/components/ui/alert" import { ArrowLeft } from "lucide-react" import Link from "next/link" import { supabase } from "@/lib/supabase" export default function TestWebhook() { const [loading, setLoading] = useState(false) const [message, setMessage] = useState(null) const [error, setError] = useState(null) const [amount, setAmount] = useState("100") const [method, setMethod] = useState("bkash") const [mobileNumber, setMobileNumber] = useState("01712345678") const [transactionId, setTransactionId] = useState("TEST123456") const [type, setType] = useState("deposit") const testWebhook = async () => { setLoading(true) setMessage(null) setError(null) try { // Get current user ID const { data: { session }, } = await supabase.auth.getSession() if (!session) { throw new Error("You must be logged in to test the webhook") } const userId = session.user.id // Create test transaction data const transactionData = { id: `test-${Date.now()}`, user_id: userId, amount: Number.parseFloat(amount), method: method, mobile_number: mobileNumber, transaction_id: transactionId, status: "pending", created_at: new Date().toISOString(), } // Send direct webhook const response = await fetch("/api/telegram-notify", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ table: type === "deposit" ? "deposits" : "withdrawals", // Explicitly specify the table record: { new: transactionData, }, }), }) const data = await response.json() if (!response.ok) { throw new Error(data.error || "Failed to send test webhook") } setMessage(`Test ${type} webhook sent successfully! Check your Telegram.`) } catch (error: any) { setError(error.message || "An error occurred while sending the test webhook") } finally { setLoading(false) } } return (

Back to Admin Dashboard

Test Webhook

Test the Telegram webhook directly

{message && ( {message} )} {error && ( {error} )} Telegram Webhook Test Send a test transaction notification to Telegram

Transaction Type

Amount setAmount(e.target.value)} placeholder="100" />

Payment Method setMethod(e.target.value)} placeholder="bkash" />

Mobile Number setMobileNumber(e.target.value)} placeholder="01712345678" />

Transaction ID setTransactionId(e.target.value)} placeholder="TEST123456" />

This will send a test notification to the Telegram bot with the token:
7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w
and chat ID: 6880722176

) } [V0_FILE]sql:file="supabase/fix-referral-counts.sql" isMerged="true" -- Function to fix referral counts for all users CREATE OR REPLACE FUNCTION fix_referral_counts() RETURNS void AS $$ DECLARE user_record RECORD; actual_count INTEGER; BEGIN -- Loop through all users FOR user_record IN SELECT id FROM profiles LOOP -- Count actual referrals for this user SELECT COUNT(*) INTO actual_count FROM referrals WHERE referrer_id = user_record.id; -- Update the user's referral_count to match the actual count UPDATE profiles SET referral_count = actual_count WHERE id = user_record.id; RAISE NOTICE 'Updated referral count for user %: %', user_record.id, actual_count; END LOOP; END; $$ LANGUAGE plpgsql; -- Execute the function to fix all referral counts SELECT fix_referral_counts(); -- Create a trigger to keep referral counts in sync CREATE OR REPLACE FUNCTION update_referrer_count() RETURNS TRIGGER AS $$ BEGIN -- When a new referral is added IF TG_OP = 'INSERT' THEN -- Increment the referrer's count UPDATE profiles SET referral_count = COALESCE(referral_count, 0) + 1 WHERE id = NEW.referrer_id; -- When a referral is deleted ELSIF TG_OP = 'DELETE' THEN -- Decrement the referrer's count UPDATE profiles SET referral_count = GREATEST(COALESCE(referral_count, 0) - 1, 0) WHERE id = OLD.referrer_id; END IF; RETURN NULL; END; $$ LANGUAGE plpgsql; -- Drop the trigger if it exists DROP TRIGGER IF EXISTS referral_count_trigger ON referrals; -- Create the trigger CREATE TRIGGER referral_count_trigger AFTER INSERT OR DELETE ON referrals FOR EACH ROW EXECUTE FUNCTION update_referrer_count(); [V0_FILE]sql:file="supabase/update-referral-activation.sql" isMerged="true" -- Update the function that handles account activation to ensure referral counts are accurate CREATE OR REPLACE FUNCTION update_referral_status() RETURNS TRIGGER AS $$ BEGIN -- If account is being activated IF NEW.is_active = true AND OLD.is_active = false THEN -- Update any referrals where this user is the referred user UPDATE referrals SET status = 'active' WHERE referred_id = NEW.id AND status = 'pending'; -- If this user was referred, give the referrer their bonus IF NEW.referred_by IS NOT NULL THEN -- Add the signup bonus to the referrer's balance and earnings UPDATE profiles SET balance = balance + 10.0, referral_earnings = referral_earnings + 10.0, total_earnings = total_earnings + 10.0 WHERE id = NEW.referred_by; -- Log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( NEW.referred_by, 'referral_bonus', 'Received bonus for referral activation', jsonb_build_object( 'referred_id', NEW.id, 'referred_username', NEW.username, 'bonus_amount', 10.0 ) ); END IF; END IF; RETURN NEW; END; $$ LANGUAGE plpgsql; -- Make sure the trigger exists DROP TRIGGER IF EXISTS on_account_activation ON profiles; CREATE TRIGGER on_account_activation AFTER UPDATE OF is_active ON profiles FOR EACH ROW WHEN (OLD.is_active = false AND NEW.is_active = true) EXECUTE FUNCTION update_referral_status(); [V0_FILE]sql:file="supabase/ensure-admin-access.sql" isMerged="true" -- Ensure the admin user has admin privileges DO $$ DECLARE admin_email TEXT := 'rafitbd23@gmail.com'; admin_id UUID; BEGIN -- Get the user ID from the auth.users table SELECT id INTO admin_id FROM auth.users WHERE email = admin_email; -- If user exists, set admin status IF admin_id IS NOT NULL THEN -- Update the is_admin flag in the profiles table UPDATE profiles SET is_admin = true WHERE id = admin_id; -- Make sure the row exists in profiles IF NOT FOUND THEN -- Create the profile if it doesn't exist INSERT INTO profiles ( id, username, email, is_admin, balance, referral_code, created_at, updated_at ) VALUES ( admin_id, 'admin_user', admin_email, true, 0, 'ADMIN' || SUBSTRING(admin_id::text, 1, 8), NOW(), NOW() ); END IF; RAISE NOTICE 'Admin status set for user with email % (ID: %)', admin_email, admin_id; ELSE RAISE NOTICE 'User with email % not found', admin_email; END IF; END $$; -- Create a function to check and fix admin access CREATE OR REPLACE FUNCTION ensure_admin_access(admin_email TEXT) RETURNS BOOLEAN AS $$ DECLARE admin_id UUID; success BOOLEAN := false; BEGIN -- Get the user ID from the auth.users table SELECT id INTO admin_id FROM auth.users WHERE email = admin_email; -- If user exists, set admin status IF admin_id IS NOT NULL THEN -- Update the is_admin flag in the profiles table UPDATE profiles SET is_admin = true WHERE id = admin_id; -- Make sure the row exists in profiles IF NOT FOUND THEN -- Create the profile if it doesn't exist INSERT INTO profiles ( id, username, email, is_admin, balance, referral_code, created_at, updated_at ) VALUES ( admin_id, 'admin_user', admin_email, true, 0, 'ADMIN' || SUBSTRING(admin_id::text, 1, 8), NOW(), NOW() ); END IF; success := true; END IF; RETURN success; END; $$ LANGUAGE plpgsql; -- Execute the function for the admin user SELECT ensure_admin_access('rafitbd23@gmail.com'); [V0_FILE]typescriptreact:file="lib/fonts.ts" isMerged="true" import { Inter, Poppins, Montserrat } from "next/font/google" // Define the Poppins font with multiple weights export const poppins = Poppins({ subsets: ["latin"], weight: ["300", "400", "500", "600", "700"], variable: "--font-poppins", display: "swap", }) // Define the Montserrat font for headings export const montserrat = Montserrat({ subsets: ["latin"], weight: ["700", "800", "900"], variable: "--font-montserrat", display: "swap", }) // Define Inter as a fallback font export const inter = Inter({ subsets: ["latin"], variable: "--font-inter", display: "swap", }) [V0_FILE]sql:file="supabase/create-admin-views.sql" isMerged="true" -- Create admin_user_stats view if it doesn't exist CREATE OR REPLACE VIEW admin_user_stats AS SELECT COUNT(*) as total_users, COUNT(CASE WHEN created_at > NOW() - INTERVAL '7 days' THEN 1 END) as new_users_last_week, SUM(referral_count) as total_referrals, SUM(completed_tasks) as total_completed_tasks, SUM(total_earnings) as total_earnings_all_users FROM profiles; -- Create admin_task_stats view if it doesn't exist CREATE OR REPLACE VIEW admin_task_stats AS SELECT t.id, t.title, COUNT(ut.id) as total_attempts, COUNT(CASE WHEN ut.status = 'completed' THEN 1 END) as completed_count, COUNT(CASE WHEN ut.status = 'pending' THEN 1 END) as pending_count FROM tasks t LEFT JOIN user_tasks ut ON t.id = ut.task_id GROUP BY t.id, t.title; -- Grant access to the views GRANT SELECT ON admin_user_stats TO authenticated; GRANT SELECT ON admin_task_stats TO authenticated; [V0_FILE]sql:file="supabase/fix-referral-tracking.sql" isMerged="true" -- Create a function to ensure referrals are properly tracked CREATE OR REPLACE FUNCTION ensure_referral_tracking() RETURNS TRIGGER AS $$ BEGIN -- If a user is being activated (is_active changed from false to true) IF NEW.is_active = true AND OLD.is_active = false THEN -- Update any referrals where this user is the referred user UPDATE referrals SET status = 'active' WHERE referred_id = NEW.id AND status = 'pending'; -- If this user was referred, give the referrer their bonus IF NEW.referred_by IS NOT NULL THEN -- Add the signup bonus to the referrer's balance and earnings UPDATE profiles SET balance = balance + 10.0, referral_earnings = referral_earnings + 10.0, total_earnings = total_earnings + 10.0 WHERE id = NEW.referred_by; -- Log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( NEW.referred_by, 'referral_bonus', 'Received bonus for referral activation', jsonb_build_object( 'referred_id', NEW.id, 'referred_username', NEW.username, 'bonus_amount', 10.0 ) ); END IF; END IF; NEW.username, 'bonus_amount', 10.0 ) ); END IF; END IF; -- When a task is completed by a referred user, reward the referrer IF TG_TABLE_NAME = 'user_tasks' AND NEW.status = 'completed' AND OLD.status != 'completed' THEN -- Get the user who completed the task DECLARE task_user_id UUID := NEW.user_id; referrer_id UUID; task_reward DECIMAL; referral_bonus DECIMAL; BEGIN -- Check if this user was referred by someone SELECT referred_by INTO referrer_id FROM profiles WHERE id = task_user_id; -- If user was referred, calculate and award the bonus IF referrer_id IS NOT NULL THEN -- Get the task reward SELECT reward INTO task_reward FROM tasks WHERE id = NEW.task_id; -- Calculate 5% bonus referral_bonus := task_reward * 0.05; -- Update referrer's balance and earnings UPDATE profiles SET balance = balance + referral_bonus, referral_earnings = referral_earnings + referral_bonus, total_earnings = total_earnings + referral_bonus WHERE id = referrer_id; -- Log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( referrer_id, 'referral_task_bonus', 'Earned bonus from referred user completing a task', jsonb_build_object( 'referred_id', task_user_id, 'task_id', NEW.task_id, 'bonus_amount', referral_bonus ) ); END IF; END; END IF; RETURN NEW; END; $$ LANGUAGE plpgsql; -- Create or replace the trigger for profile updates DROP TRIGGER IF EXISTS on_profile_update ON profiles; CREATE TRIGGER on_profile_update AFTER UPDATE ON profiles FOR EACH ROW EXECUTE FUNCTION ensure_referral_tracking(); -- Create or replace the trigger for task completions DROP TRIGGER IF EXISTS on_task_completion ON user_tasks; CREATE TRIGGER on_task_completion AFTER UPDATE ON user_tasks FOR EACH ROW EXECUTE FUNCTION ensure_referral_tracking(); -- Function to fix any missing referral counts CREATE OR REPLACE FUNCTION fix_referral_counts() RETURNS void AS $$ DECLARE user_record RECORD; BEGIN -- Loop through all users FOR user_record IN SELECT id FROM profiles LOOP -- Update referral count based on actual referrals UPDATE profiles p SET referral_count = ( SELECT COUNT(*) FROM referrals WHERE referrer_id = p.id ) WHERE id = user_record.id; -- Update referral earnings based on actual referral earnings UPDATE profiles p SET referral_earnings = COALESCE(( SELECT SUM(reward) FROM referrals WHERE referrer_id = p.id ), 0) WHERE id = user_record.id; END LOOP; END; $$ LANGUAGE plpgsql; -- Execute the function to fix all referral counts SELECT fix_referral_counts(); [V0_FILE]sql:file="supabase/add-used-vouchers.sql" isMerged="true" -- Add used_vouchers column to profiles table if it doesn't exist DO $$ BEGIN IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'used_vouchers' ) THEN ALTER TABLE profiles ADD COLUMN used_vouchers TEXT[] DEFAULT '{}'; END IF; END $$; [V0_FILE]sql:file="supabase/transaction-notifications.sql" isMerged="true" -- Create a function to log transaction status changes CREATE OR REPLACE FUNCTION log_transaction_status_change() RETURNS TRIGGER AS $$ DECLARE activity_type TEXT; description TEXT; metadata JSONB; BEGIN -- Determine if this is a deposit or withdrawal IF TG_TABLE_NAME = 'deposits' THEN -- For deposits IF NEW.status = 'completed' AND OLD.status != 'completed' THEN activity_type := 'deposit_approved'; description := 'Your deposit of ' || NEW.amount || '৳ has been approved'; ELSIF NEW.status = 'failed' AND OLD.status != 'failed' THEN activity_type := 'deposit_declined'; description := 'Your deposit of ' || NEW.amount || '৳ has been declined'; ELSE -- No relevant status change RETURN NEW; END IF; ELSE -- For withdrawals IF NEW.status = 'completed' AND OLD.status != 'completed' THEN activity_type := 'withdrawal_approved'; description := 'Your withdrawal of ' || NEW.amount || '৳ has been approved'; ELSIF NEW.status = 'failed' AND OLD.status != 'failed' THEN activity_type := 'withdrawal_declined'; description := 'Your withdrawal of ' || NEW.amount || '৳ has been declined. The amount has been refunded to your balance.'; ELSE -- No relevant status change RETURN NEW; END IF; END IF; -- Create metadata metadata := jsonb_build_object( 'transaction_id', NEW.id, 'amount', NEW.amount, 'method', COALESCE(NEW.method, NEW.payment_method, 'unknown') ); -- Insert activity log INSERT INTO activity_log ( user_id, activity_type, description, metadata, created_at ) VALUES ( NEW.user_id, activity_type, description, metadata, NOW() ); RETURN NEW; END; $$ LANGUAGE plpgsql; -- Create or replace triggers for status changes DROP TRIGGER IF EXISTS deposit_status_change_trigger ON deposits; CREATE TRIGGER deposit_status_change_trigger AFTER UPDATE OF status ON deposits FOR EACH ROW WHEN (OLD.status IS DISTINCT FROM NEW.status) EXECUTE FUNCTION log_transaction_status_change(); DROP TRIGGER IF EXISTS withdrawal_status_change_trigger ON withdrawals; CREATE TRIGGER withdrawal_status_change_trigger AFTER UPDATE OF status ON withdrawals FOR EACH ROW WHEN (OLD.status IS DISTINCT FROM NEW.status) EXECUTE FUNCTION log_transaction_status_change(); [V0_FILE]sql:file="supabase/fix-profiles-schema.sql" isMerged="true" -- Check if the profiles table has the correct schema DO $$ BEGIN -- Check if the full_name column exists in profiles table IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'full_name' ) THEN -- Add full_name column if it doesn't exist ALTER TABLE profiles ADD COLUMN full_name TEXT; -- Update existing profiles with full_name from auth.users metadata if available UPDATE profiles p SET full_name = ( SELECT (raw_user_meta_data->>'full_name') FROM auth.users WHERE id = p.id ) WHERE p.id IN ( SELECT id FROM auth.users WHERE raw_user_meta_data->>'full_name' IS NOT NULL ); END IF; END $$; -- Update the handle_new_user function to properly handle full_name CREATE OR REPLACE FUNCTION public.handle_new_user() RETURNS TRIGGER AS $$ BEGIN INSERT INTO public.profiles ( id, username, full_name, email, referral_code, balance, is_active, referral_count, referral_earnings, total_earnings, completed_tasks, created_at, updated_at ) VALUES ( new.id, COALESCE(new.raw_user_meta_data->>'username', 'user_' || SUBSTRING(new.id::text, 1, 8)), COALESCE(new.raw_user_meta_data->>'full_name', ''), new.email, 'RAFIT' || SUBSTRING(new.id::text, 1, 8) || UPPER(SUBSTRING(MD5(random()::text), 1, 4)), 0, false, 0, 0, 0, 0, NOW(), NOW() ); -- Log the signup activity INSERT INTO activity_log (user_id, activity_type, description) VALUES (new.id, 'signup', 'User signed up'); RETURN new; END; $$ LANGUAGE plpgsql SECURITY DEFINER; [V0_FILE]typescript:file="app/admin/setup-telegram-bot/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Alert, AlertDescription } from "@/components/ui/alert" import { ArrowLeft, CheckCircle } from "lucide-react" import Link from "next/link" import { supabase } from "@/lib/supabase" import { LoadingSpinner } from "@/components/loading-spinner" export default function SetupTelegramBot() { const [loading, setLoading] = useState(false) const [message, setMessage] = useState(null) const [error, setError] = useState(null) const [isAdmin, setIsAdmin] = useState(false) const [checkingAdmin, setCheckingAdmin] = useState(true) useEffect(() => { const checkAdminStatus = async () => { try { const { data: { session }, } = await supabase.auth.getSession() if (!session) { setError("Not authenticated") setCheckingAdmin(false) return } // Check if user is admin const { data: profileData, error: profileError } = await supabase .from("profiles") .select("is_admin") .eq("id", session.user.id) .single() if (profileError || !profileData?.is_admin) { setError("Not authorized as admin") setCheckingAdmin(false) return } setIsAdmin(true) setCheckingAdmin(false) } catch (error: any) { console.error("Error checking admin status:", error) setError(error.message || "An error occurred while checking admin status") setCheckingAdmin(false) } } checkAdminStatus() }, []) const setupWebhook = async () => { setLoading(true) setMessage(null) setError(null) try { const response = await fetch("/api/telegram-bot?setup=true") const data = await response.json() if (!response.ok) { throw new Error(data.error || "Failed to set up webhook") } if (data.ok) { setMessage("Telegram Bot webhook set up successfully!") } else { throw new Error(data.description || "Telegram API returned an error") } } catch (error: any) { setError(error.message || "An error occurred while setting up the webhook") } finally { setLoading(false) } } const testBot = async () => { setLoading(true) setMessage(null) setError(null) try { const response = await fetch("/api/telegram-notify", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ table: "deposits", record: { new: { id: `test-${Date.now()}`, user_id: "test-user", amount: 100, method: "test", mobile_number: "01712345678", transaction_id: "TEST123", status: "pending", created_at: new Date().toISOString(), }, }, }), }) const data = await response.json() if (!response.ok) { throw new Error(data.error || "Failed to send test notification") } setMessage("Test notification sent successfully! Check your Telegram.") } catch (error: any) { setError(error.message || "An error occurred while sending the test notification") } finally { setLoading(false) } } if (checkingAdmin) { return (

) } if (!isAdmin) { return (

Access Denied

{error || "You do not have permission to access this page."}

) } return (

Back to Admin Dashboard

Telegram Bot Setup

Configure the Telegram Bot for transaction management

{message && ( {message} )} {error && ( {error} )} Telegram Bot Configuration Set up the Telegram Bot for transaction management

Bot Information

The Telegram Bot is configured with the following details:

Bot Token: 7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w

Admin Chat ID: 6880722176

Setup Instructions

Make sure you have started a chat with the bot on Telegram
Click the "Setup Webhook" button below to configure the bot
Send the command /start to the bot on Telegram
Use /pending to view all pending transactions

Bot Commands

/start - Initialize the bot
/pending - View all pending transactions
Use inline buttons to approve or decline transactions

) } [V0_FILE]sql:file="supabase/telegram-bot-functions.sql" isMerged="true" -- Create a function to update transaction status and handle the associated actions CREATE OR REPLACE FUNCTION update_transaction_status( transaction_type TEXT, transaction_id UUID, new_status TEXT, updated_via TEXT DEFAULT 'admin_panel' ) RETURNS BOOLEAN AS $$ DECLARE transaction_record RECORD; user_id UUID; amount DECIMAL; should_activate BOOLEAN := FALSE; BEGIN -- Get the transaction details EXECUTE format(' SELECT * FROM %I WHERE id = $1 ', transaction_type) INTO transaction_record USING transaction_id; IF transaction_record IS NULL THEN RAISE EXCEPTION 'Transaction not found'; END IF; -- Extract common fields user_id := transaction_record.user_id; amount := transaction_record.amount; -- Update transaction status EXECUTE format(' UPDATE %I SET status = $1, updated_at = NOW() WHERE id = $2 ', transaction_type) USING new_status, transaction_id; -- Handle specific actions based on transaction type and status IF transaction_type = 'deposits' AND new_status = 'completed' THEN -- Check if this deposit is enough to activate the account SELECT amount >= 50 AND NOT is_active INTO should_activate FROM profiles WHERE id = user_id; -- Update user balance and activate account if needed UPDATE profiles SET balance = balance + amount, is_active = CASE WHEN should_activate THEN TRUE ELSE is_active END WHERE id = user_id; -- Log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'deposit_approved', format('Your deposit of %s৳ has been approved', amount), jsonb_build_object( 'transaction_id', transaction_id, 'amount', amount, 'method', COALESCE(transaction_record.method, transaction_record.payment_method, 'unknown'), 'approved_via', updated_via ) ); ELSIF transaction_type = 'deposits' AND new_status = 'failed' THEN -- Log the declined deposit INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'deposit_declined', format('Your deposit of %s৳ has been declined', amount), jsonb_build_object( 'transaction_id', transaction_id, 'amount', amount, 'method', COALESCE(transaction_record.method, transaction_record.payment_method, 'unknown'), 'declined_via', updated_via ) ); ELSIF transaction_type = 'withdrawals' AND new_status = 'completed' THEN -- For withdrawals, the balance has already been deducted when the request was made -- Just log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'withdrawal_approved', format('Your withdrawal of %s৳ has been approved', amount), jsonb_build_object( 'transaction_id', transaction_id, 'amount', amount, 'method', COALESCE(transaction_record.method, transaction_record.payment_method, 'unknown'), 'approved_via', updated_via ) ); ELSIF transaction_type = 'withdrawals' AND new_status = 'failed' THEN -- If withdrawal is declined, refund the amount to user's balance UPDATE profiles SET balance = balance + amount WHERE id = user_id; -- Log the declined withdrawal INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'withdrawal_declined', format('Your withdrawal of %s৳ has been declined. The amount has been refunded to your balance.', amount), jsonb_build_object( 'transaction_id', transaction_id, 'amount', amount, 'method', COALESCE(transaction_record.method, transaction_record.payment_method, 'unknown'), 'declined_via', updated_via ) ); END IF; RETURN TRUE; EXCEPTION WHEN OTHERS THEN RAISE NOTICE 'Error in update_transaction_status: %', SQLERRM; RETURN FALSE; END; $$ LANGUAGE plpgsql SECURITY DEFINER; -- Grant execute permission to authenticated users GRANT EXECUTE ON FUNCTION update_transaction_status TO authenticated; [V0_FILE]sql:file="supabase/fix-missing-used-vouchers.sql" isMerged="true" -- Check if used_vouchers column exists in profiles table, if not add it DO $$ BEGIN IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'used_vouchers' ) THEN -- Add used_vouchers column with default empty array ALTER TABLE profiles ADD COLUMN used_vouchers TEXT[] DEFAULT '{}'; RAISE NOTICE 'Added used_vouchers column to profiles table'; ELSE RAISE NOTICE 'used_vouchers column already exists in profiles table'; END IF; END $$; [V0_FILE]sql:file="supabase/ensure-check-column-exists.sql" isMerged="true" -- Create a function to check if a column exists in a table if it doesn't already exist DO $$ BEGIN IF NOT EXISTS ( SELECT 1 FROM pg_proc WHERE proname = 'check_column_exists' ) THEN -- Create the function CREATE OR REPLACE FUNCTION check_column_exists( table_name TEXT, column_name TEXT ) RETURNS TABLE (exists BOOLEAN) AS $$ BEGIN RETURN QUERY SELECT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = check_column_exists.table_name AND column_name = check_column_exists.column_name ); END; $$ LANGUAGE plpgsql; -- Grant execute permission to authenticated users GRANT EXECUTE ON FUNCTION check_column_exists TO authenticated; RAISE NOTICE 'Created check_column_exists function'; ELSE RAISE NOTICE 'check_column_exists function already exists'; END IF; END $$; [V0_FILE]sql:file="supabase/fix-referrals-permissions.sql" isMerged="true" -- Fix permissions for referrals table DO $$ BEGIN -- Check if the policy exists IF NOT EXISTS ( SELECT 1 FROM pg_policies WHERE tablename = 'referrals' AND policyname = 'Users can view their own referrals' ) THEN -- Create the policy if it doesn't exist CREATE POLICY "Users can view their own referrals" ON referrals FOR SELECT USING (auth.uid() = referrer_id); RAISE NOTICE 'Created policy for users to view their own referrals'; ELSE RAISE NOTICE 'Policy for users to view their own referrals already exists'; END IF; -- Make sure RLS is enabled on the referrals table ALTER TABLE referrals ENABLE ROW LEVEL SECURITY; -- Grant necessary permissions to authenticated users GRANT SELECT ON referrals TO authenticated; GRANT SELECT ON profiles TO authenticated; END $$; [V0_FILE]sql:file="supabase/create-check-referral-permission.sql" isMerged="true" -- Create a function to check if a user has permission to view a referral CREATE OR REPLACE FUNCTION check_referral_permission(referral_id UUID) RETURNS BOOLEAN AS $$ DECLARE is_permitted BOOLEAN; BEGIN SELECT EXISTS ( SELECT 1 FROM referrals WHERE id = referral_id AND referrer_id = auth.uid() ) INTO is_permitted; RETURN is_permitted; END; $$ LANGUAGE plpgsql SECURITY DEFINER; -- Grant execute permission to authenticated users GRANT EXECUTE ON FUNCTION check_referral_permission TO authenticated; [V0_FILE]sql:file="supabase/telegram-transaction-functions.sql" isMerged="true" -- Create a function to update transaction status from Telegram bot CREATE OR REPLACE FUNCTION update_transaction_from_telegram( transaction_type TEXT, transaction_id UUID, new_status TEXT ) RETURNS BOOLEAN AS $$ DECLARE transaction_record RECORD; user_id UUID; amount DECIMAL; should_activate BOOLEAN := FALSE; method_value TEXT; BEGIN -- Normalize the table name transaction_type := CASE WHEN transaction_type = 'deposit' THEN 'deposits' WHEN transaction_type = 'withdrawal' THEN 'withdrawals' ELSE transaction_type END; -- Get the transaction details EXECUTE format(' SELECT * FROM %I WHERE id = $1 ', transaction_type) INTO transaction_record USING transaction_id; IF transaction_record IS NULL THEN RAISE EXCEPTION 'Transaction not found'; END IF; -- Extract common fields user_id := transaction_record.user_id; amount := transaction_record.amount; -- Get the payment method (could be in different columns) IF transaction_record.method IS NOT NULL THEN method_value := transaction_record.method; ELSIF transaction_record.payment_method IS NOT NULL THEN method_value := transaction_record.payment_method; ELSE method_value := 'unknown'; END IF; -- Update transaction status EXECUTE format(' UPDATE %I SET status = $1, updated_at = NOW() WHERE id = $2 ', transaction_type) USING new_status, transaction_id; -- Handle specific actions based on transaction type and status IF transaction_type = 'deposits' AND new_status = 'completed' THEN -- Check if this deposit is enough to activate the account SELECT amount >= 50 AND NOT is_active INTO should_activate FROM profiles WHERE id = user_id; -- Update user balance and activate account if needed UPDATE profiles SET balance = balance + amount, is_active = CASE WHEN should_activate THEN TRUE ELSE is_active END WHERE id = user_id; -- Log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'deposit_approved', format('Your deposit of %s৳ has been approved', amount), jsonb_build_object( 'transaction_id', transaction_id, 'amount', amount, 'method', method_value, 'approved_via', 'telegram_bot' ) ); ELSIF transaction_type = 'deposits' AND new_status = 'failed' THEN -- Log the declined deposit INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'deposit_declined', format('Your deposit of %s৳ has been declined', amount), jsonb_build_object( 'transaction_id', transaction_id, 'amount', amount, 'method', method_value, 'declined_via', 'telegram_bot' ) ); ELSIF transaction_type = 'withdrawals' AND new_status = 'completed' THEN -- For withdrawals, the balance has already been deducted when the request was made -- Just log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'withdrawal_approved', format('Your withdrawal of %s৳ has been approved', amount), jsonb_build_object( 'transaction_id', transaction_id, 'amount', amount, 'method', method_value, 'approved_via', 'telegram_bot' ) ); ELSIF transaction_type = 'withdrawals' AND new_status = 'failed' THEN -- If withdrawal is declined, refund the amount to user's balance UPDATE profiles SET balance = balance + amount WHERE id = user_id; -- Log the declined withdrawal INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'withdrawal_declined', format('Your withdrawal of %s৳ has been declined. The amount has been refunded to your balance.', amount), jsonb_build_object( 'transaction_id', transaction_id, 'amount', amount, 'method', method_value, 'declined_via', 'telegram_bot' ) ); END IF; RETURN TRUE; EXCEPTION WHEN OTHERS THEN RAISE NOTICE 'Error in update_transaction_from_telegram: %', SQLERRM; RETURN FALSE; END; $$ LANGUAGE plpgsql SECURITY DEFINER; -- Grant execute permission to authenticated users GRANT EXECUTE ON FUNCTION update_transaction_from_telegram TO authenticated; [V0_FILE]typescript:file="app/api/test-telegram-bot/route.ts" isMerged="true" import { NextResponse } from "next/server" export async function GET(request: Request) { try { // Use the provided bot token and chat ID const BOT_TOKEN = "7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w" const CHAT_ID = "6880722176" // Create a test message with buttons const message = "🧪 Test Telegram Bot Buttons 🧪\n\nThis is a test message to verify that the Telegram bot buttons are working correctly." const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage` const telegramResponse = await fetch(TELEGRAM_API_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ chat_id: CHAT_ID, text: message, reply_markup: { inline_keyboard: [ [ { text: "✅ Test Approve", callback_data: "test:approve:123", }, { text: "❌ Test Decline", callback_data: "test:decline:123", }, ], ], }, }), }) if (!telegramResponse.ok) { const errorData = await telegramResponse.json() console.error("Telegram API error:", errorData) return NextResponse.json({ error: "Failed to send Telegram test message", details: errorData }, { status: 500 }) } const data = await telegramResponse.json() return NextResponse.json({ success: true, message: "Test message with buttons sent successfully", response: data, }) } catch (error) { console.error("Error sending test message:", error) return NextResponse.json({ error: "Internal Server Error", details: error }, { status: 500 }) } } [V0_FILE]sql:file="supabase/fix-admin-permissions.sql" isMerged="true" -- Ensure admin users have proper permissions for all tables CREATE OR REPLACE FUNCTION ensure_admin_permissions() RETURNS void AS $$ BEGIN -- Grant admin users access to all relevant tables GRANT SELECT, INSERT, UPDATE, DELETE ON tasks TO authenticated; GRANT SELECT, INSERT, UPDATE, DELETE ON deposits TO authenticated; GRANT SELECT, INSERT, UPDATE, DELETE ON withdrawals TO authenticated; GRANT SELECT, INSERT, UPDATE, DELETE ON profiles TO authenticated; GRANT SELECT, INSERT, UPDATE, DELETE ON user_tasks TO authenticated; GRANT SELECT, INSERT, UPDATE, DELETE ON referrals TO authenticated; GRANT SELECT, INSERT, UPDATE, DELETE ON activity_log TO authenticated; -- Grant access to sequences GRANT USAGE ON ALL SEQUENCES IN SCHEMA public TO authenticated; RAISE NOTICE 'Admin permissions updated successfully'; END; $$ LANGUAGE plpgsql; -- Execute the function SELECT ensure_admin_permissions(); -- Create a function to check if a user is an admin CREATE OR REPLACE FUNCTION is_admin(user_id UUID) RETURNS BOOLEAN AS $$ DECLARE is_admin_user BOOLEAN; BEGIN SELECT p.is_admin INTO is_admin_user FROM profiles p WHERE p.id = user_id; RETURN COALESCE(is_admin_user, false); END; $$ LANGUAGE plpgsql; -- Grant execute permission on the function GRANT EXECUTE ON FUNCTION is_admin TO authenticated; -- Create RLS policy for tasks table that allows admins to manage tasks DO $$ BEGIN -- Drop existing policies if they exist DROP POLICY IF EXISTS "Only admins can insert tasks" ON tasks; DROP POLICY IF EXISTS "Only admins can update tasks" ON tasks; DROP POLICY IF EXISTS "Only admins can delete tasks" ON tasks; -- Create new policies CREATE POLICY "Only admins can insert tasks" ON tasks FOR INSERT WITH CHECK (is_admin(auth.uid())); CREATE POLICY "Only admins can update tasks" ON tasks FOR UPDATE USING (is_admin(auth.uid())); CREATE POLICY "Only admins can delete tasks" ON tasks FOR DELETE USING (is_admin(auth.uid())); RAISE NOTICE 'Task management policies updated successfully'; END $$; [V0_FILE]typescriptreact:file="app/admin/users/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescript:file="lib/auth-helpers.ts" isMerged="true" import { supabase } from "@/lib/supabase" /** * Gets the current authenticated user's ID * @returns The user ID or null if not authenticated */ export async function getCurrentUserId(): Promise { try { const { data: { session }, } = await supabase.auth.getSession() return session?.user?.id || null } catch (error) { console.error("Error getting current user ID:", error) return null } } /** * Checks if the current user is an admin * @returns Boolean indicating if the user is an admin */ export async function isCurrentUserAdmin(): Promise { try { // First check localStorage for admin authentication if (typeof window !== "undefined") { const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true" if (adminAuthenticated) { return true } } // If not admin by localStorage, check database const userId = await getCurrentUserId() if (!userId) return false const { data, error } = await supabase.from("profiles").select("is_admin").eq("id", userId).single() if (error || !data) return false return data.is_admin === true } catch (error) { console.error("Error checking if user is admin:", error) return false } } [V0_FILE]typescript:file="app/activity/page.tsx" isMerged="true" "use client" import { AlertDescription } from "@/components/ui/alert" import { Alert } from "@/components/ui/alert" import { Button } from "@/components/ui/button" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import { supabase } from "@/lib/supabase" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Badge } from "@/components/ui/badge" import { Activity, AlertCircle, CheckCircle, Clock, XCircle, DollarSign } from "lucide-react" import { LoadingSpinner } from "@/components/loading-spinner" import Link from "next/link" interface ActivityLog { id: string activity_type: string description: string created_at: string metadata: any } export default function ActivityPage() { const router = useRouter() const [loading, setLoading] = useState(true) const [activityLogs, setActivityLogs] = useState([]) const [userId, setUserId] = useState(null) const [error, setError] = useState(null) useEffect(() => { const checkUser = async () => { try { const { data: { session }, } = await supabase.auth.getSession() if (!session) { router.push("/login") return } setUserId(session.user.id) // Fetch activity logs const { data: logsData, error: logsError } = await supabase .from("activity_log") .select("*") .eq("user_id", session.user.id) .order("created_at", { ascending: false }) .limit(100) if (logsError) { console.error("Error fetching activity logs:", logsError) setError("Failed to load activity logs. Please try again.") } else { setActivityLogs(logsData || []) } } catch (error: any) { console.error("Error in activity page:", error) setError(error.message || "An error occurred while loading activity logs") } finally { setLoading(false) } } checkUser() }, [router]) const formatActivityType = (type: string) => { switch (type) { case "signup": return "Sign Up" case "login": return "Login" case "profile_update": return "Profile Update" case "password_update": return "Password Change" case "task_completed": return "Task Completed" case "referral_signup": return "Referral Sign Up" case "referred_signup": return "Signed Up via Referral" case "referral_reward": return "Referral Reward" case "deposit": return "Deposit" case "withdrawal": return "Withdrawal" case "deposit_approved": return "Deposit Approved" case "deposit_declined": return "Deposit Declined" case "withdrawal_approved": return "Withdrawal Approved" case "withdrawal_declined": return "Withdrawal Declined" case "voucher_redemption": return "Voucher Redeemed" default: return type.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()) } } const getActivityIcon = (type: string) => { if (type.includes("approved")) { return } else if (type.includes("declined")) { return } else if (type.includes("pending")) { return } else if (type.includes("deposit") || type.includes("withdrawal")) { return } else { return } } const getActivityBadge = (type: string) => { if (type.includes("approved")) { return Approved } else if (type.includes("declined")) { return Declined } else if (type.includes("pending")) { return Pending } else if (type.includes("deposit")) { return Deposit } else if (type.includes("withdrawal")) { return Withdrawal } else if (type.includes("referral")) { return Referral } else if (type.includes("task")) { return Task } else { return Activity } } if (loading) { return (

) } return (

Activity Log

Track your account activity and transaction status

{error && ( {error} )} Recent Activity Your recent account activity and notifications {activityLogs.length > 0 ? ( Date Activity Status Details {activityLogs.map((log) => ( {new Date(log.created_at).toLocaleString()}

{getActivityIcon(log.activity_type)} {formatActivityType(log.activity_type)}

{getActivityBadge(log.activity_type)} {log.description} ))}

) : (

No activity yet

Your account activity will be shown here

)}

Transaction Notifications

When you make a deposit or withdrawal request, our admin team will review it promptly. You'll receive a notification here when your transaction is approved or declined.

) } [V0_FILE]typescript:file="app/api/admin/fetch-transactions/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" // Initialize Supabase client with admin privileges using service role key const supabaseAdmin = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "", process.env.SUPABASE_SERVICE_ROLE_KEY || "", { auth: { persistSession: false, autoRefreshToken: false, }, }, ) export async function GET(request: Request) { try { // Check for admin authentication token in headers const adminAuth = request.headers.get("x-admin-auth") if (adminAuth !== "true") { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } // Get the transaction type from query params const { searchParams } = new URL(request.url) const type = searchParams.get("type") || "all" // Fetch deposits const { data: deposits, error: depositsError } = await supabaseAdmin .from("deposits") .select(` *, user:profiles(username, is_active) `) .order("created_at", { ascending: false }) if (depositsError) { console.error("Error fetching deposits:", depositsError) return NextResponse.json({ error: depositsError.message }, { status: 500 }) } // Fetch withdrawals const { data: withdrawals, error: withdrawalsError } = await supabaseAdmin .from("withdrawals") .select(` *, user:profiles(username, is_active) `) .order("created_at", { ascending: false }) if (withdrawalsError) { console.error("Error fetching withdrawals:", withdrawalsError) return NextResponse.json({ error: withdrawalsError.message }, { status: 500 }) } // Return the requested data if (type === "deposits") { return NextResponse.json({ deposits }) } else if (type === "withdrawals") { return NextResponse.json({ withdrawals }) } else { return NextResponse.json({ deposits, withdrawals }) } } catch (error: any) { console.error("Error in fetch transactions API:", error) return NextResponse.json({ error: error.message }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/admin/debug-transactions/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" // Initialize Supabase client with admin privileges using service role key const supabaseAdmin = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "", process.env.SUPABASE_SERVICE_ROLE_KEY || "", { auth: { persistSession: false, autoRefreshToken: false, }, }, ) export async function GET(request: Request) { try { // Check for admin authentication token in headers const adminAuth = request.headers.get("x-admin-auth") if (adminAuth !== "true") { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } // Get the transaction type from query params const { searchParams } = new URL(request.url) const type = searchParams.get("type") || "deposits" const id = searchParams.get("id") if (id) { // Fetch specific transaction const { data, error } = await supabaseAdmin .from(type) .select(` *, user:profiles(id, username, is_active, balance) `) .eq("id", id) .single() if (error) { return NextResponse.json({ error: error.message }, { status: 500 }) } return NextResponse.json({ transaction: data }) } else { // Fetch all transactions const { data, error } = await supabaseAdmin .from(type) .select(` *, user:profiles(id, username, is_active, balance) `) .order("created_at", { ascending: false }) if (error) { return NextResponse.json({ error: error.message }, { status: 500 }) } return NextResponse.json({ transactions: data }) } } catch (error: any) { console.error("Error in debug transactions API:", error) return NextResponse.json({ error: error.message }, { status: 500 }) } } [V0_FILE]typescript:file="app/admin/debug/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Alert, AlertDescription } from "@/components/ui/alert" import { ArrowLeft } from "lucide-react" import Link from "next/link" import { LoadingSpinner } from "@/components/loading-spinner" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" export default function DebugTransactions() { const [loading, setLoading] = useState(false) const [result, setResult] = useState(null) const [error, setError] = useState(null) const [transactionId, setTransactionId] = useState("") const [transactionType, setTransactionType] = useState("deposits") const fetchTransaction = async () => { setLoading(true) setError(null) setResult(null) try { // Check if admin is authenticated via localStorage const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true" if (!adminAuthenticated) { throw new Error("Not authenticated as admin") } let url = `/api/admin/debug-transactions?type=${transactionType}` if (transactionId) { url += `&id=${transactionId}` } const response = await fetch(url, { headers: { "x-admin-auth": "true", // Admin authentication token }, }) if (!response.ok) { const errorData = await response.json() throw new Error(errorData.error || "Failed to fetch transaction data") } const data = await response.json() setResult(data) } catch (error: any) { console.error("Error fetching transaction:", error) setError(error.message || "An error occurred while fetching transaction data") } finally { setLoading(false) } } return (

Back to Admin Dashboard

Transaction Debug

Inspect transaction details for troubleshooting

{error && ( {error} )} Transaction Lookup Enter transaction details to inspect

Transaction Type

Deposits

Withdrawals

Transaction ID (optional) setTransactionId(e.target.value)} placeholder="Leave empty to fetch all transactions" />

Enter a specific transaction ID or leave empty to fetch all transactions

{result && ( Transaction Data Raw transaction data for debugging

              {JSON.stringify(result, null, 2)}

)}

) } [V0_FILE]typescript:file="app/api/admin/transactions/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" // Initialize Supabase client with admin privileges using service role key const supabaseAdmin = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "", process.env.SUPABASE_SERVICE_ROLE_KEY || "", { auth: { persistSession: false, autoRefreshToken: false, }, }, ) export async function POST(request: Request) { try { // Parse the request body const body = await request.json() // Check for admin authentication token in headers const adminAuth = request.headers.get("x-admin-auth") if (adminAuth !== "true") { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } // Extract transaction data const { type, id, status } = body if (!type || !id || !status) { return NextResponse.json({ error: "Missing required fields" }, { status: 400 }) } // Validate transaction type if (type !== "deposits" && type !== "withdrawals") { return NextResponse.json({ error: "Invalid transaction type" }, { status: 400 }) } // Validate status if (status !== "completed" && status !== "failed") { return NextResponse.json({ error: "Invalid status" }, { status: 400 }) } // Get the transaction details const { data: transaction, error: fetchError } = await supabaseAdmin .from(type) .select("*, user:profiles(username, is_active, balance)") .eq("id", id) .single() if (fetchError) { console.error(`Failed to fetch ${type}:`, fetchError) return NextResponse.json({ error: `Failed to fetch ${type}: ${fetchError.message}` }, { status: 500 }) } if (!transaction) { return NextResponse.json({ error: `Transaction not found` }, { status: 404 }) } if (transaction.status !== "pending") { return NextResponse.json({ error: `This transaction has already been ${transaction.status}` }, { status: 400 }) } console.log(`Processing ${type} transaction:`, transaction) // Update transaction status const { error: updateError } = await supabaseAdmin .from(type) .update({ status: status, updated_at: new Date().toISOString(), }) .eq("id", id) if (updateError) { console.error(`Failed to update ${type}:`, updateError) return NextResponse.json({ error: `Failed to update ${type}: ${updateError.message}` }, { status: 500 }) } // Get payment method safely (handle both field names) const paymentMethod = transaction.method || transaction.payment_method || "unknown" // Handle specific actions based on transaction type and status if (type === "deposits" && status === "completed") { // For deposits: Add amount to user's balance const shouldActivate = transaction.amount >= 50 && !transaction.user.is_active const currentBalance = transaction.user.balance || 0 const newBalance = currentBalance + transaction.amount console.log(`Updating user balance: ${currentBalance} + ${transaction.amount} = ${newBalance}`) console.log(`Should activate account: ${shouldActivate}`) // Update user balance and activate account if needed const { error: balanceError } = await supabaseAdmin .from("profiles") .update({ balance: newBalance, is_active: shouldActivate ? true : transaction.user.is_active, }) .eq("id", transaction.user_id) if (balanceError) { console.error(`Failed to update user balance:`, balanceError) return NextResponse.json({ error: `Failed to update user balance: ${balanceError.message}` }, { status: 500 }) } // Log the activity await supabaseAdmin.from("activity_log").insert([ { user_id: transaction.user_id, activity_type: "deposit_approved", description: `Your deposit of ${transaction.amount}৳ has been approved`, metadata: { transaction_id: id, amount: transaction.amount, method: paymentMethod, approved_via: "admin_panel", }, }, ]) } else if (type === "deposits" && status === "failed") { // For deposits: Just log the declined activity await supabaseAdmin.from("activity_log").insert([ { user_id: transaction.user_id, activity_type: "deposit_declined", description: `Your deposit of ${transaction.amount}৳ has been declined`, metadata: { transaction_id: id, amount: transaction.amount, method: paymentMethod, declined_via: "admin_panel", }, }, ]) } else if (type === "withdrawals" && status === "completed") { // For withdrawals: Just log the activity (amount already deducted) await supabaseAdmin.from("activity_log").insert([ { user_id: transaction.user_id, activity_type: "withdrawal_approved", description: `Your withdrawal of ${transaction.amount}৳ has been approved`, metadata: { transaction_id: id, amount: transaction.amount, method: paymentMethod, approved_via: "admin_panel", }, }, ]) } else if (type === "withdrawals" && status === "failed") { // If withdrawal is declined, refund the amount to user's balance const currentBalance = transaction.user.balance || 0 const newBalance = currentBalance + transaction.amount console.log(`Refunding withdrawal: ${currentBalance} + ${transaction.amount} = ${newBalance}`) const { error: refundError } = await supabaseAdmin .from("profiles") .update({ balance: newBalance, }) .eq("id", transaction.user_id) if (refundError) { console.error(`Failed to refund user balance:`, refundError) return NextResponse.json({ error: `Failed to refund user balance: ${refundError.message}` }, { status: 500 }) } // Log the declined withdrawal await supabaseAdmin.from("activity_log").insert([ { user_id: transaction.user_id, activity_type: "withdrawal_declined", description: `Your withdrawal of ${transaction.amount}৳ has been declined. The amount has been refunded to your balance.`, metadata: { transaction_id: id, amount: transaction.amount, method: paymentMethod, declined_via: "admin_panel", }, }, ]) } // Send notification via Telegram try { // Create a sanitized transaction object for the notification const notificationTransaction = { ...transaction, status: status, updated_at: new Date().toISOString(), // Ensure method field exists for notification method: paymentMethod, } await fetch("/api/telegram-notify", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ table: type, record: { new: notificationTransaction, }, }), }) } catch (error) { console.error("Error sending Telegram notification:", error) // Continue even if Telegram notification fails } return NextResponse.json({ success: true, message: `Transaction ${status} successfully`, transaction: { ...transaction, status: status, updated_at: new Date().toISOString(), }, }) } catch (error: any) { console.error("Error in transaction update API:", error) return NextResponse.json({ error: error.message }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/telegram-notify/route.ts" isMerged="true" import { NextResponse } from "next/server" export async function POST(request: Request) { try { const body = await request.json() console.log("Received webhook payload:", JSON.stringify(body)) const { record } = body const transaction = record?.new // Verify the transaction data exists if (!transaction) { console.error("Invalid transaction data:", body) return NextResponse.json({ error: "Invalid transaction data" }, { status: 400 }) } // Use the provided bot token and chat ID const BOT_TOKEN = "7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w" const CHAT_ID = "6880722176" // Determine transaction type (deposit or withdrawal) // Check the table name if available in the record let transactionType = "UNKNOWN" let tableType = "unknown" if (body.table) { // If table name is directly provided transactionType = body.table === "withdrawals" ? "WITHDRAWAL" : "DEPOSIT" tableType = body.table } else { // Otherwise try to determine from the transaction properties // For withdrawals, we typically have method/payment_method but no transaction_id initially // Also check if this is coming from the withdrawals table based on specific fields if (transaction.hasOwnProperty("method") && !transaction.hasOwnProperty("transaction_id")) { transactionType = "WITHDRAWAL" tableType = "withdrawals" } else if (transaction.hasOwnProperty("transaction_id")) { transactionType = "DEPOSIT" tableType = "deposits" } else { // Additional check: if amount is negative, it's likely a withdrawal transactionType = transaction.amount < 0 ? "WITHDRAWAL" : "DEPOSIT" tableType = transaction.amount < 0 ? "withdrawals" : "deposits" } } console.log(`Processing ${transactionType} notification, table: ${tableType}`) // Get user details const userResponse = await fetch( `${process.env.NEXT_PUBLIC_SUPABASE_URL}/rest/v1/profiles?id=eq.${transaction.user_id}&select=username,full_name,email,mobile_number`, { headers: { "Content-Type": "application/json", apikey: process.env.SUPABASE_SERVICE_ROLE_KEY || "", Authorization: `Bearer ${process.env.SUPABASE_SERVICE_ROLE_KEY}`, }, }, ) const userData = await userResponse.json() console.log("User data:", userData) const user = userData[0] || { username: "Unknown", full_name: "Unknown User", email: "unknown@example.com" } // Format date const formattedDate = new Date(transaction.created_at).toLocaleString("en-US", { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", }) // Handle potentially missing fields - ensure we have values for all fields const paymentMethod = transaction.method || transaction.payment_method || "N/A" const mobileNumber = transaction.mobile_number || transaction.phone_number || user.mobile_number || "N/A" const transactionId = transaction.transaction_id || "N/A" const amount = Math.abs(transaction.amount || 0) const status = (transaction.status || "PENDING").toUpperCase() // Create a detailed message const message = ` 💰 New ${transactionType} Request 💰 👤 User: ${user.full_name || user.username} (@${user.username || "unknown"}) 📧 Email: ${user.email || "N/A"} 🆔 User ID: ${transaction.user_id} 💵 Amount: ${amount} Taka 🏦 Method: ${paymentMethod} 📱 Mobile: ${mobileNumber} 🔢 Transaction ID: ${transactionId} 📊 Status: ${status} ⏰ Time: ${formattedDate} 🔑 Transaction ID: ${transaction.id} ` console.log("Sending message to Telegram:", message) const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage` // Add inline keyboard for actions if the status is pending const inlineKeyboard = status === "PENDING" ? { inline_keyboard: [ [ { text: "✅ Approve", callback_data: `approve:${tableType}:${transaction.id}`, }, { text: "❌ Decline", callback_data: `decline:${tableType}:${transaction.id}`, }, ], ], } : undefined const telegramResponse = await fetch(TELEGRAM_API_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ chat_id: CHAT_ID, text: message, reply_markup: inlineKeyboard, }), }) const telegramData = await telegramResponse.json() console.log("Telegram API response:", telegramData) if (!telegramResponse.ok) { console.error("Telegram API error:", telegramData) return NextResponse.json( { error: "Failed to send Telegram notification", details: telegramData }, { status: 500 }, ) } return NextResponse.json({ success: true, message: "Notification Sent", }) } catch (error) { console.error("Error sending notification:", error) return NextResponse.json({ error: "Internal Server Error", details: error }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/admin/test-service-role/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" export async function GET(request: Request) { try { // Initialize Supabase client with admin privileges using service role key const supabaseAdmin = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "", process.env.SUPABASE_SERVICE_ROLE_KEY || "", { auth: { persistSession: false, autoRefreshToken: false, }, }, ) // Test query to verify service role key is working const { data: depositCount, error: depositError } = await supabaseAdmin .from("deposits") .select("id", { count: "exact" }) if (depositError) { return NextResponse.json( { error: "Service role key test failed", details: depositError.message, }, { status: 500 }, ) } const { data: withdrawalCount, error: withdrawalError } = await supabaseAdmin .from("withdrawals") .select("id", { count: "exact" }) if (withdrawalError) { return NextResponse.json( { error: "Service role key test failed", details: withdrawalError.message, }, { status: 500 }, ) } // Test query to verify we can access user profiles const { data: userCount, error: userError } = await supabaseAdmin.from("profiles").select("id", { count: "exact" }) if (userError) { return NextResponse.json( { error: "Service role key test failed", details: userError.message, }, { status: 500 }, ) } return NextResponse.json({ success: true, message: "Service role key is working correctly", counts: { deposits: depositCount.length, withdrawals: withdrawalCount.length, users: userCount.length, }, serviceRoleKey: process.env.SUPABASE_SERVICE_ROLE_KEY ? "Present (first 5 chars: " + process.env.SUPABASE_SERVICE_ROLE_KEY.substring(0, 5) + "...)" : "Missing", }) } catch (error: any) { console.error("Error testing service role key:", error) return NextResponse.json( { error: "Service role key test failed", details: error.message, }, { status: 500 }, ) } } [V0_FILE]typescript:file="app/admin/test-service-role/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Alert, AlertDescription } from "@/components/ui/alert" import { ArrowLeft } from "lucide-react" import Link from "next/link" import { LoadingSpinner } from "@/components/loading-spinner" export default function TestServiceRole() { const [loading, setLoading] = useState(false) const [result, setResult] = useState(null) const [error, setError] = useState(null) const testServiceRole = async () => { setLoading(true) setError(null) setResult(null) try { const response = await fetch("/api/admin/test-service-role") const data = await response.json() if (!response.ok) { throw new Error(data.error || "Failed to test service role key") } setResult(data) } catch (error: any) { console.error("Error testing service role key:", error) setError(error.message || "An error occurred while testing service role key") } finally { setLoading(false) } } return (

Back to Admin Dashboard

Test Service Role Key

Verify that the Supabase service role key is working correctly

{error && ( {error} )} Service Role Key Test Click the button below to test the service role key {result && (

Test Results:

                {JSON.stringify(result, null, 2)}

)}

) } [V0_FILE]sql:file="supabase/fix-deposits-fields.sql" isMerged="true" -- Fix the deposits table to ensure both method and payment_method fields exist DO $$ BEGIN -- Check if method column exists in deposits table IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'deposits' AND column_name = 'method' ) THEN -- Add method column if it doesn't exist ALTER TABLE deposits ADD COLUMN method TEXT; -- Copy values from payment_method to method if payment_method exists IF EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'deposits' AND column_name = 'payment_method' ) THEN UPDATE deposits SET method = payment_method WHERE payment_method IS NOT NULL; END IF; END IF; -- Check if payment_method column exists in deposits table IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'deposits' AND column_name = 'payment_method' ) THEN -- Add payment_method column if it doesn't exist ALTER TABLE deposits ADD COLUMN payment_method TEXT; -- Copy values from method to payment_method if method exists IF EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'deposits' AND column_name = 'method' ) THEN UPDATE deposits SET payment_method = method WHERE method IS NOT NULL; END IF; END IF; -- Ensure all existing records have both fields populated UPDATE deposits SET method = payment_method WHERE method IS NULL AND payment_method IS NOT NULL; UPDATE deposits SET payment_method = method WHERE payment_method IS NULL AND method IS NOT NULL; -- If both are NULL, set a default value UPDATE deposits SET method = 'unknown', payment_method = 'unknown' WHERE method IS NULL AND payment_method IS NULL; END $$; [V0_FILE]typescript:file="app/admin/transactions/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { CheckCircle, XCircle, AlertCircle, RefreshCw } from "lucide-react" import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/ui/alert-dialog" import { LoadingSpinner } from "@/components/loading-spinner" import { useRouter } from "next/navigation" interface Transaction { id: string user_id: string amount: number method?: string payment_method?: string phone_number?: string mobile_number?: string transaction_id?: string status: string created_at: string user: { username: string is_active: boolean } } export default function AdminTransactions() { const router = useRouter() const [deposits, setDeposits] = useState([]) const [withdrawals, setWithdrawals] = useState([]) const [loading, setLoading] = useState(true) const [refreshing, setRefreshing] = useState(false) const [processingId, setProcessingId] = useState(null) const [error, setError] = useState(null) const [success, setSuccess] = useState(null) const [isAdmin, setIsAdmin] = useState(false) const [checkingAdmin, setCheckingAdmin] = useState(true) const fetchTransactions = async () => { try { setRefreshing(true) setError(null) // Check if admin is authenticated via localStorage const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true" if (!adminAuthenticated) { router.push("/admin-login") return } // Use the API route to fetch transactions with service role key const response = await fetch("/api/admin/fetch-transactions", { headers: { "x-admin-auth": "true", // Admin authentication token }, }) if (!response.ok) { const errorData = await response.json() throw new Error(errorData.error || "Failed to fetch transactions") } const data = await response.json() setDeposits(data.deposits || []) setWithdrawals(data.withdrawals || []) setIsAdmin(true) } catch (error: any) { console.error("Error fetching transactions:", error) setError(error.message || "Failed to load transactions") } finally { setLoading(false) setRefreshing(false) setCheckingAdmin(false) } } useEffect(() => { fetchTransactions() }, [router]) // Handle deposit transactions with the new API const updateDepositStatus = async (id: string, status: string) => { setProcessingId(id) setError(null) setSuccess(null) try { // Use the new API route specifically for deposits const response = await fetch("/api/admin/fix-deposit", { method: "POST", headers: { "Content-Type": "application/json", "x-admin-auth": "true", // Admin authentication token }, body: JSON.stringify({ id, status, }), }) const data = await response.json() if (!response.ok) { throw new Error(data.error || `Failed to update deposit`) } // Update local state setDeposits(deposits.map((deposit) => (deposit.id === id ? { ...deposit, status } : deposit))) setSuccess(`Deposit ${status === "completed" ? "approved" : "declined"} successfully`) // Clear success message after 3 seconds setTimeout(() => setSuccess(null), 3000) } catch (error: any) { console.error(`Error updating deposit:`, error) setError(error.message || `Failed to update deposit. Please try again.`) } finally { setProcessingId(null) } } // Handle withdrawal transactions with the existing API const updateWithdrawalStatus = async (id: string, status: string) => { setProcessingId(id) setError(null) setSuccess(null) try { // Use the existing API route for withdrawals const response = await fetch("/api/admin/process-transaction", { method: "POST", headers: { "Content-Type": "application/json", "x-admin-auth": "true", // Admin authentication token }, body: JSON.stringify({ type: "withdrawals", id, status, }), }) const data = await response.json() if (!response.ok) { throw new Error(data.error || `Failed to update withdrawal`) } // Update local state setWithdrawals(withdrawals.map((withdrawal) => (withdrawal.id === id ? { ...withdrawal, status } : withdrawal))) setSuccess(`Withdrawal ${status === "completed" ? "approved" : "declined"} successfully`) // Clear success message after 3 seconds setTimeout(() => setSuccess(null), 3000) } catch (error: any) { console.error(`Error updating withdrawal:`, error) setError(error.message || `Failed to update withdrawal. Please try again.`) } finally { setProcessingId(null) } } const getStatusBadge = (status: string) => { switch (status) { case "completed": return Completed case "pending": return Pending case "failed": return Failed default: return Unknown } } // Helper function to get payment method from either field const getPaymentMethod = (transaction: Transaction) => { return transaction.method || transaction.payment_method || "N/A" } // Helper function to get mobile number from either field const getMobileNumber = (transaction: Transaction) => { return transaction.mobile_number || transaction.phone_number || "N/A" } if (loading || checkingAdmin) { return (

) } if (!isAdmin) { return (

Access Denied

You do not have permission to access this page.

) } return (

Transaction Management

Manage deposits and withdrawals

{error &&

{error}

} {success && (

{success}

)} Deposits ({deposits.length}) Withdrawals ({withdrawals.length}) Deposit Requests Review and process deposit requests {deposits.length > 0 ? (

User Amount Method Phone Transaction ID Date Status Actions {deposits.map((deposit) => (

@{deposit.user?.username || "unknown"}

{!deposit.user?.is_active && deposit.amount >= 50 ? ( Will Activate ) : deposit.user?.is_active ? ( Active ) : ( Inactive )}

{deposit.amount.toFixed(2)}৳ {getPaymentMethod(deposit)} {getMobileNumber(deposit)} {deposit.transaction_id || "N/A"} {new Date(deposit.created_at).toLocaleDateString()} {getStatusBadge(deposit.status)} {deposit.status === "pending" && (

Are you sure? This will reject the deposit request. The user will be notified. Cancel updateDepositStatus(deposit.id, "failed")} className="bg-red-500 text-white hover:bg-red-600" > Reject

)} ))}

) : (

No deposit requests

When users make deposit requests, they will appear here

)} Withdrawal Requests Review and process withdrawal requests {withdrawals.length > 0 ? (

User Amount Method Phone Date Status Actions {withdrawals.map((withdrawal) => (

@{withdrawal.user?.username || "unknown"}

{withdrawal.user?.is_active ? ( Active ) : ( Inactive )}

{withdrawal.amount.toFixed(2)}৳ {getPaymentMethod(withdrawal)} {getMobileNumber(withdrawal)} {new Date(withdrawal.created_at).toLocaleDateString()} {getStatusBadge(withdrawal.status)} {withdrawal.status === "pending" && (

Are you sure? This will reject the withdrawal request and refund the amount to the user's balance. Cancel updateWithdrawalStatus(withdrawal.id, "failed")} className="bg-red-500 text-white hover:bg-red-600" > Reject

)} ))}

) : (

No withdrawal requests

When users make withdrawal requests, they will appear here

)}

) } [V0_FILE]sql:file="supabase/task-workflow-schema.sql" isMerged="true" -- Add new columns to user_tasks table if they don't exist DO $$ BEGIN -- Add admin_approved column to track admin approval status IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'admin_approved' ) THEN ALTER TABLE user_tasks ADD COLUMN admin_approved BOOLEAN DEFAULT false; END IF; -- Add submission_details column to store user's task submission details IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'submission_details' ) THEN ALTER TABLE user_tasks ADD COLUMN submission_details TEXT; END IF; -- Add submission_date column IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'submission_date' ) THEN ALTER TABLE user_tasks ADD COLUMN submission_date TIMESTAMP WITH TIME ZONE; END IF; END $$; -- Create a function to handle task approval by admin CREATE OR REPLACE FUNCTION approve_task(task_id UUID, user_id UUID) RETURNS BOOLEAN AS $$ DECLARE task_reward DECIMAL; user_record RECORD; BEGIN -- Get the task reward amount SELECT reward INTO task_reward FROM tasks t JOIN user_tasks ut ON t.id = ut.task_id WHERE ut.task_id = approve_task.task_id AND ut.user_id = approve_task.user_id; -- Get user record SELECT * INTO user_record FROM profiles WHERE id = user_id; -- Update user_tasks to mark as completed and admin approved UPDATE user_tasks SET status = 'completed', admin_approved = true, completed_at = NOW() WHERE task_id = approve_task.task_id AND user_id = approve_task.user_id; -- Update user balance and stats UPDATE profiles SET balance = balance + task_reward, total_earnings = total_earnings + task_reward, completed_tasks = completed_tasks + 1 WHERE id = user_id; -- Log the activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_id, 'task_approved', 'Your task has been approved and you earned ' || task_reward || '৳', jsonb_build_object( 'task_id', task_id, 'reward', task_reward ) ); -- Check if user was referred by someone and reward the referrer IF user_record.referred_by IS NOT NULL THEN -- Calculate referral bonus (5% of task reward) DECLARE referral_bonus DECIMAL := task_reward * 0.05; BEGIN -- Update referrer's balance and stats UPDATE profiles SET balance = balance + referral_bonus, referral_earnings = referral_earnings + referral_bonus, total_earnings = total_earnings + referral_bonus WHERE id = user_record.referred_by; -- Log the referral bonus activity INSERT INTO activity_log ( user_id, activity_type, description, metadata ) VALUES ( user_record.referred_by, 'referral_task_bonus', 'You earned ' || referral_bonus || '৳ from your referral completing a task', jsonb_build_object( 'referred_id', user_id, 'task_id', task_id, 'bonus_amount', referral_bonus ) ); END; END IF; RETURN TRUE; EXCEPTION WHEN OTHERS THEN RAISE NOTICE 'Error in approve_task: %', SQLERRM; RETURN FALSE; END; $$ LANGUAGE plpgsql SECURITY DEFINER; -- Grant execute permission to authenticated users GRANT EXECUTE ON FUNCTION approve_task TO authenticated; [V0_FILE]typescriptreact:file="app/tasks/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescript:file="app/api/admin/reject-task/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" // Initialize Supabase client with admin privileges using service role key const supabaseAdmin = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "", process.env.SUPABASE_SERVICE_ROLE_KEY || "", { auth: { persistSession: false, autoRefreshToken: false, }, }, ) export async function POST(request: Request) { try { // Parse the request body const body = await request.json() // Check for admin authentication token in headers const adminAuth = request.headers.get("x-admin-auth") if (adminAuth !== "true") { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } // Extract data const { submissionId, userId, taskId } = body if (!submissionId || !userId || !taskId) { return NextResponse.json({ error: "Missing required fields" }, { status: 400 }) } // Update user_tasks to reset to available status const { error: updateError } = await supabaseAdmin .from("user_tasks") .update({ status: "available", submission_details: null, submission_date: null, started_at: null, }) .eq("id", submissionId) if (updateError) { console.error("Error updating task status:", updateError) return NextResponse.json({ error: `Failed to update task status: ${updateError.message}` }, { status: 500 }) } // Log the activity await supabaseAdmin.from("activity_log").insert([ { user_id: userId, activity_type: "task_rejected", description: "Your task submission was rejected. Please try again.", metadata: { task_id: taskId, }, }, ]) return NextResponse.json({ success: true, message: "Task rejected successfully", }) } catch (error: any) { console.error("Error in reject task API:", error) return NextResponse.json({ error: error.message }, { status: 500 }) } } [V0_FILE]sql:file="supabase/migrations/fix-user-tasks-schema.sql" isMerged="true" -- Add missing columns to user_tasks table DO $$ BEGIN -- Add started_at column if it doesn't exist IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'started_at' ) THEN ALTER TABLE user_tasks ADD COLUMN started_at TIMESTAMP WITH TIME ZONE; END IF; -- Add submission_date column if it doesn't exist IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'submission_date' ) THEN ALTER TABLE user_tasks ADD COLUMN submission_date TIMESTAMP WITH TIME ZONE; END IF; -- Add submission_details column if it doesn't exist IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'submission_details' ) THEN ALTER TABLE user_tasks ADD COLUMN submission_details TEXT; END IF; END $$; [V0_FILE]typescriptreact:file="app/admin/tasks/review/page.tsx" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Badge } from "@/components/ui/badge" import { CheckCircle, XCircle, AlertCircle, ArrowLeft } from "lucide-react" import { Alert, AlertDescription } from "@/components/ui/alert" import { LoadingSpinner } from "@/components/loading-spinner" import Link from "next/link" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DialogFooter, DialogClose, } from "@/components/ui/dialog" import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@/components/ui/alert-dialog" interface TaskSubmission { id: string user_id: string task_id: string status: string submission_details: string submission_date: string user: { username: string is_active: boolean } task: { title: string reward: number } } export default function ReviewTasks() { const router = useRouter() const [submissions, setSubmissions] = useState([]) const [loading, setLoading] = useState(true) const [processingId, setProcessingId] = useState(null) const [error, setError] = useState(null) const [success, setSuccess] = useState(null) const [selectedSubmission, setSelectedSubmission] = useState(null) const [isAdmin, setIsAdmin] = useState(false) useEffect(() => { const checkAdminAndFetchSubmissions = async () => { try { // Check if admin is authenticated via localStorage const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true" if (!adminAuthenticated) { router.push("/admin-login") return } setIsAdmin(true) // Fetch submitted tasks using the service role key const response = await fetch("/api/admin/task-submissions", { headers: { "x-admin-auth": "true", // Admin authentication token }, }) if (!response.ok) { const errorData = await response.json() throw new Error(errorData.error || "Failed to fetch task submissions") } const data = await response.json() setSubmissions(data.submissions || []) } catch (error: any) { console.error("Error fetching task submissions:", error) setError(error.message || "Failed to load task submissions") } finally { setLoading(false) } } checkAdminAndFetchSubmissions() }, [router]) const approveSubmission = async (submissionId: string, userId: string, taskId: string) => { setProcessingId(submissionId) setError(null) setSuccess(null) try { const response = await fetch("/api/admin/approve-task", { method: "POST", headers: { "Content-Type": "application/json", "x-admin-auth": "true", // Admin authentication token }, body: JSON.stringify({ submissionId, userId, taskId, }), }) const data = await response.json() if (!response.ok) { throw new Error(data.error || "Failed to approve task") } // Update local state setSubmissions(submissions.filter((submission) => submission.id !== submissionId)) setSuccess("Task approved successfully! User has been rewarded.") // Clear success message after 3 seconds setTimeout(() => setSuccess(null), 3000) } catch (error: any) { console.error("Error approving task:", error) setError(error.message || "Failed to approve task. Please try again.") } finally { setProcessingId(null) } } const rejectSubmission = async (submissionId: string, userId: string, taskId: string) => { setProcessingId(submissionId) setError(null) setSuccess(null) try { const response = await fetch("/api/admin/reject-task", { method: "POST", headers: { "Content-Type": "application/json", "x-admin-auth": "true", // Admin authentication token }, body: JSON.stringify({ submissionId, userId, taskId, }), }) const data = await response.json() if (!response.ok) { throw new Error(data.error || "Failed to reject task") } // Update local state setSubmissions(submissions.filter((submission) => submission.id !== submissionId)) setSuccess("Task rejected successfully!") // Clear success message after 3 seconds setTimeout(() => setSuccess(null), 3000) } catch (error: any) { console.error("Error rejecting task:", error) setError(error.message || "Failed to reject task. Please try again.") } finally { setProcessingId(null) } } if (loading) { return (

) } if (!isAdmin) { return (

Access Denied

You do not have permission to access this page.

) } return (

Back to Tasks Management

Review Task Submissions

Approve or reject user task submissions

{error && ( {error} )} {success && ( {success} )} Pending Task Submissions Review and process user task submissions {submissions.length > 0 ? (

User Task Reward Submitted Status Actions {submissions.map((submission) => (

@{submission.user?.username || "unknown"}

{submission.task?.title} {submission.task?.reward?.toFixed(2) || "0.00"}৳ {submission.submission_date ? new Date(submission.submission_date).toLocaleString() : "Unknown date"} Submitted

Are you sure? This will reject the task submission. The user will be notified and will need to resubmit the task. Cancel rejectSubmission(submission.id, submission.user_id, submission.task_id) } className="bg-red-500 text-white hover:bg-red-600" > Reject

))}

) : (

No pending submissions

When users submit tasks, they will appear here for review

)}

) } [V0_FILE]typescript:file="app/api/admin/fix-database-schema/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" // Initialize Supabase admin client with service role key const supabaseAdmin = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "", process.env.SUPABASE_SERVICE_ROLE_KEY || "", { auth: { persistSession: false, autoRefreshToken: false, }, }, ) export async function POST(request: Request) { try { // Check for admin authentication token in headers const adminAuth = request.headers.get("x-admin-auth") if (adminAuth !== "true") { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } // Add missing columns to user_tasks table const addStartedAtColumn = await supabaseAdmin.rpc("execute_sql", { sql_query: ` DO $$ BEGIN IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'started_at' ) THEN ALTER TABLE user_tasks ADD COLUMN started_at TIMESTAMP WITH TIME ZONE; END IF; END $$; `, }) const addSubmissionDateColumn = await supabaseAdmin.rpc("execute_sql", { sql_query: ` DO $$ BEGIN IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'submission_date' ) THEN ALTER TABLE user_tasks ADD COLUMN submission_date TIMESTAMP WITH TIME ZONE; END IF; END $$; `, }) const addSubmissionDetailsColumn = await supabaseAdmin.rpc("execute_sql", { sql_query: ` DO $$ BEGIN IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'submission_details' ) THEN ALTER TABLE user_tasks ADD COLUMN submission_details TEXT; END IF; END $$; `, }) const addAdminApprovedColumn = await supabaseAdmin.rpc("execute_sql", { sql_query: ` DO $$ BEGIN IF NOT EXISTS ( SELECT 1 FROM information_schema.columns WHERE table_name = 'user_tasks' AND column_name = 'admin_approved' ) THEN ALTER TABLE user_tasks ADD COLUMN admin_approved BOOLEAN DEFAULT false; END IF; END $$; `, }) // Check for errors if ( addStartedAtColumn.error || addSubmissionDateColumn.error || addSubmissionDetailsColumn.error || addAdminApprovedColumn.error ) { const errors = [ addStartedAtColumn.error, addSubmissionDateColumn.error, addSubmissionDetailsColumn.error, addAdminApprovedColumn.error, ].filter(Boolean) return NextResponse.json({ error: "Error updating schema", details: errors }, { status: 500 }) } return NextResponse.json({ success: true, message: "Database schema updated successfully", }) } catch (error: any) { console.error("Error in fix database schema API:", error) return NextResponse.json({ error: error.message }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/tasks/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter, useSearchParams } from "next/navigation" import { supabase } from "@/lib/supabase" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Alert, AlertDescription } from "@/components/ui/alert" import { LoadingSpinner } from "@/components/loading-spinner" import { AlertCircle, CheckCircle, Clock, ArrowRight } from "lucide-react" import Link from "next/link" interface Task { id: string title: string description: string reward: number user_task?: { status: string }[] } export default function TasksPage() { const router = useRouter() const searchParams = useSearchParams() const message = searchParams.get("message") const [loading, setLoading] = useState(true) const [tasks, setTasks] = useState([]) const [userId, setUserId] = useState(null) const [isActive, setIsActive] = useState(false) const [error, setError] = useState(null) useEffect(() => { const fetchTasks = async () => { try { const { data: { session }, } = await supabase.auth.getSession() if (!session) { router.push("/login") return } setUserId(session.user.id) // Check if account is active const { data: profileData, error: profileError } = await supabase .from("profiles") .select("is_active") .eq("id", session.user.id) .single() if (profileError) { console.error("Error fetching profile:", profileError) setError("Failed to load user profile. Please try again.") setLoading(false) return } setIsActive(profileData.is_active || false) // Fetch tasks with user_task status using service role key for reliable access const adminSupabase = supabase.auth.admin const { data, error: tasksError } = await supabase .from("tasks") .select(` *, user_task:user_tasks(status) `) .eq("user_task.user_id", session.user.id) .or("user_task.is.null") .order("created_at", { ascending: false }) if (tasksError) { console.error("Error fetching tasks:", tasksError) setError("Failed to load tasks. Please try again.") setLoading(false) return } // Filter out completed and submitted tasks const filteredTasks = data.filter((task) => { // If user_task is null, task is available if (!task.user_task || task.user_task.length === 0) return true // If user_task exists, only show if status is pending return task.user_task[0]?.status === "pending" }) setTasks(filteredTasks) setLoading(false) } catch (error: any) { console.error("Error in tasks page:", error) setError("An unexpected error occurred. Please try again.") setLoading(false) } } fetchTasks() }, [router]) if (loading) { return (

) } return (

Available Tasks

{message && ( {message} )} {error && ( {error} )} {!isActive && ( Your account is not activated yet. You need to deposit at least 50৳ to activate your account. Deposit now )} {tasks.length > 0 ? (

{tasks.map((task) => { const userTask = task.user_task && task.user_task.length > 0 ? task.user_task[0] : null const isStarted = userTask?.status === "pending" return ( {task.title} Reward: {task.reward.toFixed(2)}৳

{task.description}

{isStarted ? ( In Progress ) : ( Available )}

) })}

) : (

No tasks available

Check back later for new tasks

)}

) } [V0_FILE]typescript:file="lib/database-schema.ts" isFixed="true" isQuickEdit="true" isMerged="true" import { createClient } from "@supabase/supabase-js" // Initialize Supabase client with service role key for admin operations const supabaseAdmin = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!, { auth: { autoRefreshToken: false, persistSession: false, }, }) export async function ensureDatabaseSchema() { try { console.log("Checking database schema...") // Check if user_tasks table exists const { data: tables, error: tablesError } = await supabaseAdmin.rpc("get_tables") if (tablesError) { console.error("Error checking tables:", tablesError) return } const userTasksExists = tables.some((table: { table_name: string }) => table.table_name === "user_tasks") if (!userTasksExists) { console.log("Creating user_tasks table...") await supabaseAdmin.rpc("create_user_tasks_table") } // Check if columns exist in user_tasks table const { data: columns, error: columnsError } = await supabaseAdmin.rpc("get_columns", { table_name: "user_tasks" }) if (columnsError) { console.error("Error checking columns:", columnsError) return } const columnNames = columns.map((column: { column_name: string }) => column.column_name) // Add missing columns const requiredColumns = [ { name: "started_at", type: "timestamp with time zone", nullable: true, }, { name: "submission_date", type: "timestamp with time zone", nullable: true, }, { name: "submission_details", type: "text", nullable: true, }, { name: "admin_approved", type: "boolean", nullable: true, default: "false", }, ] for (const column of requiredColumns) { if (!columnNames.includes(column.name)) { console.log(`Adding missing column: ${column.name}`) await supabaseAdmin.rpc("add_column", { table_name: "user_tasks", column_name: column.name, column_type: column.type, is_nullable: column.nullable, column_default: column.default, }) } } console.log("Database schema check completed") return true } catch (error) { console.error("Error ensuring database schema:", error) return false } } // Create a function to initialize the database export async function initializeDatabase() { try { // Create the necessary RPC functions if they don't exist await createRpcFunctions() // Ensure the database schema is correct return await ensureDatabaseSchema() } catch (error) { console.error("Error initializing database:", error) return false } } // Create the necessary RPC functions async function createRpcFunctions() { try { // Create function to get tables await supabaseAdmin.rpc("create_get_tables_function") // Create function to get columns await supabaseAdmin.rpc("create_get_columns_function") // Create function to add column await supabaseAdmin.rpc("create_add_column_function") // Create function to create user_tasks table await supabaseAdmin.rpc("create_user_tasks_table_function") return true } catch (error) { console.error("Error creating RPC functions:", error) return false } } [V0_FILE]typescript:file="app/api/init/route.ts" isMerged="true" import { NextResponse } from "next/server" import { initializeDatabase } from "@/lib/database-schema" // This route will be called on application startup export async function GET() { try { const success = await initializeDatabase() if (success) { return NextResponse.json({ success: true, message: "Database initialized successfully" }) } else { return NextResponse.json({ success: false, message: "Failed to initialize database" }, { status: 500 }) } } catch (error) { console.error("Error in init route:", error) return NextResponse.json({ success: false, message: "An unexpected error occurred" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/admin/fix-database/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" import { initializeDatabase } from "@/lib/database-schema" // Initialize Supabase client with service role key for admin operations const supabaseAdmin = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!, { auth: { autoRefreshToken: false, persistSession: false, }, }) export async function POST(request: NextRequest) { try { // Check if user is admin const { data: session } = await supabaseAdmin.auth.getSession() if (!session) { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } const { data: user } = await supabaseAdmin .from("profiles") .select("role") .eq("id", session.session?.user.id) .single() if (!user || user.role !== "admin") { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } // Run database initialization const success = await initializeDatabase() if (success) { return NextResponse.json({ success: true, message: "Database schema fixed successfully", }) } else { return NextResponse.json({ success: false, message: "Failed to fix database schema" }, { status: 500 }) } } catch (error) { console.error("Error fixing database schema:", error) return NextResponse.json({ success: false, message: "An unexpected error occurred" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/admin/fix-deposit-balances/route.ts" isMerged="true" import { NextResponse } from "next/server" import { createClient } from "@supabase/supabase-js" // Initialize Supabase client with admin privileges const supabaseAdmin = createClient( process.env.NEXT_PUBLIC_SUPABASE_URL || "", process.env.SUPABASE_SERVICE_ROLE_KEY || "", { auth: { persistSession: false, autoRefreshToken: false, }, }, ) export async function POST(request: Request) { try { // Check for admin authentication token in headers const adminAuth = request.headers.get("x-admin-auth") if (adminAuth !== "true") { return NextResponse.json({ error: "Unauthorized" }, { status: 401 }) } // Get all completed deposits const { data: completedDeposits, error: depositsError } = await supabaseAdmin .from("deposits") .select("id, user_id, amount, created_at") .eq("status", "completed") .order("created_at", { ascending: true }) if (depositsError) { return NextResponse.json({ error: `Failed to fetch deposits: ${depositsError.message}` }, { status: 500 }) } console.log(`Found ${completedDeposits.length} completed deposits to verify`) // Process each deposit to ensure it was correctly applied const results = [] for (const deposit of completedDeposits) { // Get user's current balance const { data: userData, error: userError } = await supabaseAdmin .from("profiles") .select("id, username, balance, is_active") .eq("id", deposit.user_id) .single() if (userError) { results.push({ deposit_id: deposit.id, status: "error", message: `Failed to fetch user data: ${userError.message}`, }) continue } // Check if this deposit is in the activity log const { data: activityData, error: activityError } = await supabaseAdmin .from("activity_log") .select("id") .eq("user_id", deposit.user_id) .eq("activity_type", "deposit_approved") .eq("metadata->transaction_id", deposit.id) .single() if (activityError && !activityError.message.includes("No rows found")) { results.push({ deposit_id: deposit.id, status: "error", message: `Failed to check activity log: ${activityError.message}`, }) continue } // If we found an activity log entry, this deposit was likely processed correctly if (activityData) { results.push({ deposit_id: deposit.id, status: "skipped", message: "Deposit already has an activity log entry", }) continue } // This deposit might not have been processed correctly // Add an activity log entry and update the balance const { error: logError } = await supabaseAdmin.from("activity_log").insert([ { user_id: deposit.user_id, activity_type: "deposit_approved", description: `Your deposit of ${deposit.amount}৳ has been approved (fixed)`, metadata: { transaction_id: deposit.id, amount: deposit.amount, fixed_by: "admin_repair_script", }, }, ]) if (logError) { results.push({ deposit_id: deposit.id, status: "error", message: `Failed to create activity log: ${logError.message}`, }) continue } // Update the user's balance const newBalance = Number.parseFloat(userData.balance) + Number.parseFloat(deposit.amount) const { error: updateError } = await supabaseAdmin .from("profiles") .update({ balance: newBalance, updated_at: new Date().toISOString(), }) .eq("id", deposit.user_id) if (updateError) { results.push({ deposit_id: deposit.id, status: "error", message: `Failed to update balance: ${updateError.message}`, }) continue } results.push({ deposit_id: deposit.id, status: "fixed", message: `Added ${deposit.amount}৳ to user @${userData.username}'s balance`, }) } return NextResponse.json({ success: true, message: `Processed ${completedDeposits.length} deposits`, results, }) } catch (error: any) { console.error("Error in fix-deposit-balances API:", error) return NextResponse.json({ error: error.message }, { status: 500 }) } } [V0_FILE]sql:file="supabase/migrations/add-task-completion-limit.sql" isMerged="true" -- Add completion_limit column to tasks table ALTER TABLE tasks ADD COLUMN IF NOT EXISTS completion_limit INTEGER DEFAULT NULL; -- Add is_closed column to tasks table to explicitly mark tasks as closed ALTER TABLE tasks ADD COLUMN IF NOT EXISTS is_closed BOOLEAN DEFAULT FALSE; -- Create a function to check and update task status based on completion count CREATE OR REPLACE FUNCTION check_task_completion_limit() RETURNS TRIGGER AS $$ DECLARE completed_count INTEGER; BEGIN -- Only proceed if the task has a completion limit IF (SELECT completion_limit FROM tasks WHERE id = NEW.task_id) IS NOT NULL THEN -- Count how many users have completed this task SELECT COUNT(*) INTO completed_count FROM user_tasks WHERE task_id = NEW.task_id AND status = 'completed'; -- If completion count has reached or exceeded the limit, close the task IF completed_count >= (SELECT completion_limit FROM tasks WHERE id = NEW.task_id) THEN UPDATE tasks SET is_closed = TRUE WHERE id = NEW.task_id; END IF; END IF; RETURN NEW; END; $$ LANGUAGE plpgsql; -- Create a trigger to run the function after a user_task is updated to 'completed' DROP TRIGGER IF EXISTS task_completion_limit_check ON user_tasks; CREATE TRIGGER task_completion_limit_check AFTER UPDATE OF status ON user_tasks FOR EACH ROW WHEN (NEW.status = 'completed') EXECUTE FUNCTION check_task_completion_limit(); [V0_FILE]typescriptreact:file="app/admin/tasks/new/page.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { useRouter } from "next/navigation" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Alert, AlertDescription } from "@/components/ui/alert" import { ArrowLeft, HelpCircle } from "lucide-react" import Link from "next/link" import { LoadingSpinner } from "@/components/loading-spinner" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip" export default function NewTask() { const router = useRouter() const [title, setTitle] = useState("") const [description, setDescription] = useState("") const [reward, setReward] = useState("") const [completionLimit, setCompletionLimit] = useState("") const [loading, setLoading] = useState(false) const [error, setError] = useState(null) const [success, setSuccess] = useState(null) const [isAdmin, setIsAdmin] = useState(false) const [checkingAdmin, setCheckingAdmin] = useState(true) useEffect(() => { const checkAdminStatus = async () => { try { // Check if admin is authenticated via localStorage const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true" if (!adminAuthenticated) { router.push("/admin-login") return } setIsAdmin(true) setCheckingAdmin(false) } catch (error) { console.error("Error checking admin status:", error) router.push("/admin-login") } finally { setCheckingAdmin(false) } } checkAdminStatus() }, [router]) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) setError(null) setSuccess(null) try { // Validate inputs if (!title.trim()) { throw new Error("Task title is required") } if (!description.trim()) { throw new Error("Task description is required") } const rewardAmount = Number.parseFloat(reward) if (isNaN(rewardAmount) || rewardAmount <= 0) { throw new Error("Please enter a valid reward amount") } // Parse completion limit (can be null) let completionLimitValue = null if (completionLimit.trim() !== "") { completionLimitValue = Number.parseInt(completionLimit, 10) if (isNaN(completionLimitValue) || completionLimitValue <= 0) { throw new Error("Completion limit must be a positive number") } } // Use the API route instead of direct Supabase client const response = await fetch("/api/admin/tasks", { method: "POST", headers: { "Content-Type": "application/json", "x-admin-auth": "true", // Admin authentication token }, body: JSON.stringify({ title, description, reward: rewardAmount, completion_limit: completionLimitValue, }), }) const data = await response.json() if (!response.ok) { throw new Error(data.error || "Failed to create task") } setSuccess("Task created successfully!") // Clear form setTitle("") setDescription("") setReward("") setCompletionLimit("") // Redirect after a short delay setTimeout(() => { router.push("/admin/tasks") }, 2000) } catch (error: any) { setError(error.message || "An error occurred while creating the task") } finally { setLoading(false) } } if (checkingAdmin) { return (

) } if (!isAdmin) { return null // Will redirect in useEffect } return (

Back to Tasks

Create New Task

Add a new task for users to complete

{error && ( {error} )} {success && ( {success} )}

Task Details Enter the information for the new task

Task Title setTitle(e.target.value)} placeholder="Complete a survey" required />

Task Description

setDescription(e.target.value)}
                placeholder="Fill out a short survey about your experience with our platform."
                rows={4}
                required
              />
            </div>
            <div className="space-y-2">
              <Label htmlFor="reward">Reward Amount (৳)</Label>
              <Input
                id="reward"
                type="number"
                value={reward}
                onChange={(e) => setReward(e.target.value)}
                placeholder="5.00"
                min="0.01"
                step="0.01"
                required
              />
            </div>
            <div className="space-y-2">
              <div className="flex items-center gap-2">
                <Label htmlFor="completionLimit">Completion Limit</Label>
                <TooltipProvider>
                  <Tooltip>
                    <TooltipTrigger asChild>
                      <HelpCircle className="h-4 w-4 text-muted-foreground" />
                    </TooltipTrigger>
                    <TooltipContent>
                      <p className="max-w-xs">
                        Maximum number of users who can complete this task. Leave empty for unlimited.
                      </p>
                    </TooltipContent>
                  </Tooltip>
                </TooltipProvider>
              </div>
              <Input
                id="completionLimit"
                type="number"
                value={completionLimit}
                onChange={(e) => setCompletionLimit(e.target.value)}
                placeholder="Leave empty for unlimited"
                min="1"
                step="1"
              />
              <p className="text-sm text-muted-foreground">Task will automatically close when this limit is reached</p>
            </div>
          </CardContent>
          <CardFooter className="flex justify-end space-x-2">
            <Link href="/admin/tasks">
              <Button variant="outline" type="button">
                Cancel
              </Button>
            </Link>
            <Button type="submit" disabled={loading}>
              {loading ? (
                <>
                  <LoadingSpinner size="sm" className="mr-2" /> Creating...
                </>
              ) : (
                "Create Task"
              )}
            </Button>
          </CardFooter>
        </form>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin/tasks/edit/[id]/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import { useRouter, useParams } from "next/navigation"
import { supabase } from "@/lib/supabase"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { ArrowLeft, HelpCircle } from "lucide-react"
import Link from "next/link"
import { LoadingSpinner } from "@/components/loading-spinner"
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
import { Switch } from "@/components/ui/switch"

export default function EditTask() {
  const router = useRouter()
  const params = useParams()
  const taskId = params.id as string

const [title, setTitle] = useState("")
  const [description, setDescription] = useState("")
  const [reward, setReward] = useState("")
  const [completionLimit, setCompletionLimit] = useState<string>("")
  const [isClosed, setIsClosed] = useState(false)
  const [loading, setLoading] = useState(true)
  const [updating, setUpdating] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [message, setMessage] = useState<string | null>(null)
  const [isAdmin, setIsAdmin] = useState(false)
  const [checkingAdmin, setCheckingAdmin] = useState(true)
  const [completedCount, setCompletedCount] = useState(0)

useEffect(() => {
    const checkAdminAndFetchTask = async () => {
      try {
        // Check if admin is authenticated via localStorage
        const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"

if (!adminAuthenticated) {
          router.push("/admin-login")
          return
        }

setIsAdmin(true)

// Fetch task data
        const { data, error } = await supabase
          .from("tasks")
          .select("*, user_tasks!inner(status)")
          .eq("id", taskId)
          .single()

if (error) throw error

setTitle(data.title)
        setDescription(data.description)
        setReward(data.reward.toString())
        setCompletionLimit(data.completion_limit ? data.completion_limit.toString() : "")
        setIsClosed(data.is_closed || false)

// Count completed tasks
        const { data: completedData, error: countError } = await supabase
          .from("user_tasks")
          .select("id", { count: "exact" })
          .eq("task_id", taskId)
          .eq("status", "completed")

if (!countError) {
          setCompletedCount(completedData?.length || 0)
        }
      } catch (error: any) {
        console.error("Error fetching task:", error)
        setError("Failed to load task. Please try again.")
      } finally {
        setLoading(false)
        setCheckingAdmin(false)
      }
    }

if (taskId) {
      checkAdminAndFetchTask()
    }
  }, [taskId, router])

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setUpdating(true)
    setError(null)
    setMessage(null)

try {
      // Validate inputs
      if (!title.trim()) {
        throw new Error("Task title is required")
      }

if (!description.trim()) {
        throw new Error("Task description is required")
      }

const rewardAmount = Number.parseFloat(reward)
      if (isNaN(rewardAmount) || rewardAmount <= 0) {
        throw new Error("Please enter a valid reward amount")
      }

// Parse completion limit (can be null)
      let completionLimitValue = null
      if (completionLimit.trim() !== "") {
        completionLimitValue = Number.parseInt(completionLimit, 10)
        if (isNaN(completionLimitValue) || completionLimitValue <= 0) {
          throw new Error("Completion limit must be a positive number")
        }
      }

// Use the API route instead of direct Supabase client
      const response = await fetch("/api/admin/tasks", {
        method: "PUT",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
        body: JSON.stringify({
          id: taskId,
          title,
          description,
          reward: rewardAmount,
          completion_limit: completionLimitValue,
          is_closed: isClosed,
        }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to update task")
      }

setMessage("Task updated successfully!")
    } catch (error: any) {
      setError(error.message || "An error occurred while updating the task")
    } finally {
      setUpdating(false)
    }
  }

if (loading || checkingAdmin) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

if (!isAdmin) {
    return null // Will redirect in useEffect
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <Link href="/admin/tasks" className="inline-flex items-center text-primary hover:underline">
          <ArrowLeft className="h-4 w-4 mr-2" />
          Back to Tasks
        </Link>
        <h1 className="text-3xl font-bold mt-2">Edit Task</h1>
        <p className="text-muted-foreground">Update task details</p>
      </div>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

{message && (
        <Alert className="mb-6">
          <AlertDescription>{message}</AlertDescription>
        </Alert>
      )}

<Card className="max-w-2xl mx-auto">
        <form onSubmit={handleSubmit}>
          <CardHeader>
            <CardTitle>Task Details</CardTitle>
            <CardDescription>Edit the information for this task</CardDescription>
          </CardHeader>
          <CardContent className="space-y-4">
            <div className="space-y-2">
              <Label htmlFor="title">Task Title</Label>
              <Input id="title" value={title} onChange={(e) => setTitle(e.target.value)} required />
            </div>
            <div className="space-y-2">
              <Label htmlFor="description">Task Description</Label>
              <Textarea
                id="description"
                value={description}
                onChange={(e) => setDescription(e.target.value)}
                rows={4}
                required
              />
            </div>
            <div className="space-y-2">
              <Label htmlFor="reward">Reward Amount (৳)</Label>
              <Input
                id="reward"
                type="number"
                value={reward}
                onChange={(e) => setReward(e.target.value)}
                min="0.01"
                step="0.01"
                required
              />
            </div>
            <div className="space-y-2">
              <div className="flex items-center gap-2">
                <Label htmlFor="completionLimit">Completion Limit</Label>
                <TooltipProvider>
                  <Tooltip>
                    <TooltipTrigger asChild>
                      <HelpCircle className="h-4 w-4 text-muted-foreground" />
                    </TooltipTrigger>
                    <TooltipContent>
                      <p className="max-w-xs">
                        Maximum number of users who can complete this task. Leave empty for unlimited.
                      </p>
                    </TooltipContent>
                  </Tooltip>
                </TooltipProvider>
              </div>
              <Input
                id="completionLimit"
                type="number"
                value={completionLimit}
                onChange={(e) => setCompletionLimit(e.target.value)}
                placeholder="Leave empty for unlimited"
                min="1"
                step="1"
              />
              <p className="text-sm text-muted-foreground">
                Current completion count: <span className="font-medium">{completedCount}</span>
              </p>
            </div>
            <div className="flex items-center space-x-2 pt-2">
              <Switch id="isClosed" checked={isClosed} onCheckedChange={setIsClosed} />
              <Label htmlFor="isClosed" className="cursor-pointer">
                Mark task as closed
              </Label>
            </div>
          </CardContent>
          <CardFooter className="flex justify-between">
            <Link href="/admin/tasks">
              <Button variant="outline" type="button">
                Cancel
              </Button>
            </Link>
            <Button type="submit" disabled={updating}>
              {updating ? (
                <>
                  <LoadingSpinner size="sm" className="mr-2" /> Updating...
                </>
              ) : (
                "Update Task"
              )}
            </Button>
          </CardFooter>
        </form>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/admin/tasks/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

// Initialize Supabase client with admin privileges using service role key
const supabaseAdmin = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL || "",
  process.env.SUPABASE_SERVICE_ROLE_KEY || "",
  {
    auth: {
      persistSession: false,
      autoRefreshToken: false,
    },
  },
)

export async function POST(request: Request) {
  try {
    // Parse the request body
    const body = await request.json()

// Check for admin authentication token in headers
    const adminAuth = request.headers.get("x-admin-auth")
    if (adminAuth !== "true") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Extract task data
    const { title, description, reward, completion_limit } = body

// Validate inputs
    if (!title || !description || !reward) {
      return NextResponse.json({ error: "Missing required fields" }, { status: 400 })
    }

// Create new task using admin client that bypasses RLS
    const { data, error } = await supabaseAdmin
      .from("tasks")
      .insert([
        {
          title,
          description,
          reward: Number(reward),
          completion_limit: completion_limit || null,
          created_at: new Date().toISOString(),
          updated_at: new Date().toISOString(),
        },
      ])
      .select()

if (error) {
      console.error("Error creating task:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ success: true, data })
  } catch (error: any) {
    console.error("Error in task creation API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}

export async function PUT(request: Request) {
  try {
    // Parse the request body
    const body = await request.json()

// Extract task data
    const { id, title, description, reward, completion_limit, is_closed } = body

// Validate inputs
    if (!id || !title || !description || !reward) {
      return NextResponse.json({ error: "Missing required fields" }, { status: 400 })
    }

// Update task using admin client that bypasses RLS
    const { data, error } = await supabaseAdmin
      .from("tasks")
      .update({
        title,
        description,
        reward: Number(reward),
        completion_limit: completion_limit || null,
        is_closed: is_closed || false,
        updated_at: new Date().toISOString(),
      })
      .eq("id", id)
      .select()

if (error) {
      console.error("Error updating task:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ success: true, data })
  } catch (error: any) {
    console.error("Error in task update API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}

export async function DELETE(request: Request) {
  try {
    // Get the task ID from the URL
    const { searchParams } = new URL(request.url)
    const id = searchParams.get("id")

// Validate inputs
    if (!id) {
      return NextResponse.json({ error: "Task ID is required" }, { status: 400 })
    }

// Delete task using admin client that bypasses RLS
    const { error } = await supabaseAdmin.from("tasks").delete().eq("id", id)

if (error) {
      console.error("Error deleting task:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ success: true })
  } catch (error: any) {
    console.error("Error in task deletion API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/admin/tasks/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import { supabase } from "@/lib/supabase"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Badge } from "@/components/ui/badge"
import { PlusCircle, Edit, Trash2, CheckCircle, Lock, Unlock } from "lucide-react"
import Link from "next/link"
import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogTitle,
  AlertDialogTrigger,
} from "@/components/ui/alert-dialog"
import { LoadingSpinner } from "@/components/loading-spinner"
import { Alert, AlertDescription } from "@/components/ui/alert"

interface Task {
  id: string
  title: string
  description: string
  reward: number
  completion_limit: number | null
  is_closed: boolean
  created_at: string
  updated_at: string
  stats?: {
    total_attempts: number
    completed_count: number
    pending_count: number
    submitted_count: number
  }
}

export default function AdminTasks() {
  const router = useRouter()
  const [tasks, setTasks] = useState<Task[]>([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState<string | null>(null)
  const [success, setSuccess] = useState<string | null>(null)
  const [deleting, setDeleting] = useState<string | null>(null)
  const [submittedTasksCount, setSubmittedTasksCount] = useState(0)
  const [toggleTaskStatus, setToggleTaskStatus] = useState<string | null>(null)

useEffect(() => {
    const fetchTasks = async () => {
      try {
        // Check if admin is authenticated via localStorage
        const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"

if (!adminAuthenticated) {
          router.push("/admin-login")
          return
        }

// Initialize with empty arrays in case of permission errors
        let tasksData = []
        let userTasksData = []

try {
          // Fetch tasks with error handling
          const { data: fetchedTasks, error: tasksError } = await supabase
            .from("tasks")
            .select("*")
            .order("created_at", { ascending: false })

if (!tasksError && fetchedTasks) {
            tasksData = fetchedTasks
          }

// Fetch user_tasks to calculate stats manually
          const { data: fetchedUserTasks, error: userTasksError } = await supabase
            .from("user_tasks")
            .select("task_id, status")

if (!userTasksError && fetchedUserTasks) {
            userTasksData = fetchedUserTasks

// Count submitted tasks
            const submittedTasks = fetchedUserTasks.filter((ut: any) => ut.status === "submitted").length
            setSubmittedTasksCount(submittedTasks)
          }
        } catch (error) {
          console.error("Error fetching specific data:", error)
        }

// Calculate stats for each task
        const tasksWithStats = tasksData.map((task: Task) => {
          // Filter user_tasks for this specific task
          const taskAttempts = userTasksData.filter((ut: any) => ut.task_id === task.id)
          const completedCount = taskAttempts.filter((ut: any) => ut.status === "completed").length
          const pendingCount = taskAttempts.filter((ut: any) => ut.status === "pending").length
          const submittedCount = taskAttempts.filter((ut: any) => ut.status === "submitted").length

return {
            ...task,
            stats: {
              total_attempts: taskAttempts.length,
              completed_count: completedCount,
              pending_count: pendingCount,
              submitted_count: submittedCount,
            },
          }
        })

setTasks(tasksWithStats)
      } catch (error: any) {
        console.error("Error fetching tasks:", error)
        setError(error.message || "Failed to load tasks")
      } finally {
        setLoading(false)
      }
    }

fetchTasks()
  }, [router])

const deleteTask = async (taskId: string) => {
    try {
      setDeleting(taskId)

// Use the API route instead of direct Supabase client
      const response = await fetch(`/api/admin/tasks?id=${taskId}`, {
        method: "DELETE",
        headers: {
          "x-admin-auth": "true", // Admin authentication token
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to delete task")
      }

// Update local state
      setTasks(tasks.filter((task) => task.id !== taskId))
      setSuccess("Task deleted successfully")

// Clear success message after 3 seconds
      setTimeout(() => setSuccess(null), 3000)
    } catch (error: any) {
      console.error("Error deleting task:", error)
      setError(error.message || "Failed to delete task. Please try again.")
    } finally {
      setDeleting(null)
    }
  }

const toggleTaskClosed = async (taskId: string, currentStatus: boolean) => {
    try {
      setToggleTaskStatus(taskId)

// Get the task details first
      const taskToUpdate = tasks.find((task) => task.id === taskId)
      if (!taskToUpdate) {
        throw new Error("Task not found")
      }

// Use the API route to update the task
      const response = await fetch("/api/admin/tasks", {
        method: "PUT",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
        body: JSON.stringify({
          id: taskId,
          title: taskToUpdate.title,
          description: taskToUpdate.description,
          reward: taskToUpdate.reward,
          completion_limit: taskToUpdate.completion_limit,
          is_closed: !currentStatus,
        }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to update task status")
      }

// Update local state
      setTasks(tasks.map((task) => (task.id === taskId ? { ...task, is_closed: !currentStatus } : task)))

setSuccess(`Task ${!currentStatus ? "closed" : "reopened"} successfully`)

// Clear success message after 3 seconds
      setTimeout(() => setSuccess(null), 3000)
    } catch (error: any) {
      console.error("Error updating task status:", error)
      setError(error.message || "Failed to update task status. Please try again.")
    } finally {
      setToggleTaskStatus(null)
    }
  }

if (loading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

if (error) {
    return (
      <div className="container mx-auto px-4 py-8">
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
        <Button onClick={() => (window.location.href = "/dashboard")} className="mt-4">
          Return to Dashboard
        </Button>
      </div>
    )
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="flex justify-between items-center mb-8">
        <div>
          <h1 className="text-3xl font-bold">Manage Tasks</h1>
          <p className="text-muted-foreground">Create, edit, and delete tasks</p>
        </div>
        <div className="flex space-x-4">
          <Link href="/admin/tasks/review">
            <Button variant={submittedTasksCount > 0 ? "default" : "outline"} className="flex items-center">
              <CheckCircle className="h-4 w-4 mr-2" />
              Review Tasks
              {submittedTasksCount > 0 && <Badge className="ml-2 bg-red-500">{submittedTasksCount}</Badge>}
            </Button>
          </Link>
          <Link href="/admin/tasks/new">
            <Button>
              <PlusCircle className="h-4 w-4 mr-2" />
              Add New Task
            </Button>
          </Link>
        </div>
      </div>

{success && (
        <Alert className="mb-6">
          <AlertDescription>{success}</AlertDescription>
        </Alert>
      )}

<Card>
        <CardHeader>
          <CardTitle>All Tasks</CardTitle>
          <CardDescription>List of all available tasks on the platform</CardDescription>
        </CardHeader>
        <CardContent>
          {tasks.length > 0 ? (
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead>Title</TableHead>
                  <TableHead>Reward</TableHead>
                  <TableHead>Completion</TableHead>
                  <TableHead>Limit</TableHead>
                  <TableHead>Status</TableHead>
                  <TableHead>Created</TableHead>
                  <TableHead className="text-right">Actions</TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {tasks.map((task) => (
                  <TableRow key={task.id} className={task.is_closed ? "bg-muted/50" : ""}>
                    <TableCell className="font-medium">{task.title}</TableCell>
                    <TableCell>{task.reward.toFixed(2)}৳</TableCell>
                    <TableCell>
                      {task.stats?.total_attempts ? (
                        <div className="flex flex-col">
                          <span className="text-sm">
                            {task.stats.completed_count} / {task.stats.total_attempts} completed
                          </span>
                          <div className="w-full bg-muted h-2 rounded-full mt-1">
                            <div
                              className="bg-primary h-2 rounded-full"
                              style={{
                                width: `${(task.stats.completed_count / task.stats.total_attempts) * 100}%`,
                              }}
                            ></div>
                          </div>
                        </div>
                      ) : (
                        <Badge variant="outline">No attempts</Badge>
                      )}
                    </TableCell>
                    <TableCell>
                      {task.completion_limit ? (
                        <Badge variant="outline">
                          {task.stats?.completed_count || 0}/{task.completion_limit}
                        </Badge>
                      ) : (
                        <Badge variant="outline">Unlimited</Badge>
                      )}
                    </TableCell>
                    <TableCell>
                      {task.is_closed ? (
                        <Badge variant="destructive">Closed</Badge>
                      ) : (
                        <Badge variant="success">Open</Badge>
                      )}
                    </TableCell>
                    <TableCell>{new Date(task.created_at).toLocaleDateString()}</TableCell>
                    <TableCell className="text-right">
                      <div className="flex justify-end space-x-2">
                        <Button
                          variant="outline"
                          size="sm"
                          onClick={() => toggleTaskClosed(task.id, task.is_closed)}
                          disabled={toggleTaskStatus === task.id}
                        >
                          {toggleTaskStatus === task.id ? (
                            <LoadingSpinner size="sm" />
                          ) : task.is_closed ? (
                            <Unlock className="h-4 w-4" />
                          ) : (
                            <Lock className="h-4 w-4" />
                          )}
                        </Button>
                        <Link href={`/admin/tasks/edit/${task.id}`}>
                          <Button variant="outline" size="sm">
                            <Edit className="h-4 w-4" />
                          </Button>
                        </Link>
                        <AlertDialog>
                          <AlertDialogTrigger asChild>
                            <Button
                              variant="outline"
                              size="sm"
                              className="text-red-500"
                              disabled={deleting === task.id}
                            >
                              {deleting === task.id ? <LoadingSpinner size="sm" /> : <Trash2 className="h-4 w-4" />}
                            </Button>
                          </AlertDialogTrigger>
                          <AlertDialogContent>
                            <AlertDialogHeader>
                              <AlertDialogTitle>Are you sure?</AlertDialogTitle>
                              <AlertDialogDescription>
                                This will permanently delete the task "{task.title}". This action cannot be undone.
                              </AlertDialogDescription>
                            </AlertDialogHeader>
                            <AlertDialogFooter>
                              <AlertDialogCancel>Cancel</AlertDialogCancel>
                              <AlertDialogAction
                                onClick={() => deleteTask(task.id)}
                                className="bg-red-500 text-white hover:bg-red-600"
                              >
                                Delete
                              </AlertDialogAction>
                            </AlertDialogFooter>
                          </AlertDialogContent>
                        </AlertDialog>
                      </div>
                    </TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          ) : (
            <div className="text-center py-8">
              <h3 className="text-xl font-semibold mb-2">No tasks available</h3>
              <p className="text-muted-foreground mb-4">Create your first task to get started</p>
              <Link href="/admin/tasks/new">
                <Button>
                  <PlusCircle className="h-4 w-4 mr-2" />
                  Add New Task
                </Button>
              </Link>
            </div>
          )}
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/tasks/[id]/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter, useParams } from "next/navigation"
import { supabase } from "@/lib/supabase"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { Textarea } from "@/components/ui/textarea"
import { LoadingSpinner } from "@/components/loading-spinner"
import { ArrowLeft, CheckCircle, Clock, AlertCircle, Lock } from "lucide-react"
import Link from "next/link"

interface Task {
  id: string
  title: string
  description: string
  reward: number
  completion_limit: number | null
  is_closed: boolean
  created_at: string
}

interface UserTask {
  id: string
  user_id: string
  task_id: string
  status: string
  started_at: string | null
  submission_date: string | null
  submission_details: string | null
}

export default function TaskDetailPage() {
  const router = useRouter()
  const params = useParams()
  const taskId = params.id as string

const [task, setTask] = useState<Task | null>(null)
  const [userTask, setUserTask] = useState<UserTask | null>(null)
  const [userId, setUserId] = useState<string | null>(null)
  const [loading, setLoading] = useState(true)
  const [submitting, setSubmitting] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [success, setSuccess] = useState<string | null>(null)
  const [submissionDetails, setSubmissionDetails] = useState("")
  const [isActive, setIsActive] = useState(false)
  const [completedCount, setCompletedCount] = useState(0)

useEffect(() => {
    const fetchTaskDetails = async () => {
      try {
        const {
          data: { session },
        } = await supabase.auth.getSession()

if (!session) {
          router.push("/login")
          return
        }

setUserId(session.user.id)

// Check if account is active
        const { data: profileData, error: profileError } = await supabase
          .from("profiles")
          .select("is_active")
          .eq("id", session.user.id)
          .single()

if (profileError) {
          console.error("Error fetching profile:", profileError)
          setError("Failed to load user profile. Please try again.")
          setLoading(false)
          return
        }

setIsActive(profileData.is_active || false)

// Fetch task details
        const { data: taskData, error: taskError } = await supabase.from("tasks").select("*").eq("id", taskId).single()

if (taskError) {
          console.error("Error fetching task:", taskError)
          setError("Failed to load task details. Please try again.")
          setLoading(false)
          return
        }

setTask(taskData)

// Count completed tasks for this task
        const { count, error: countError } = await supabase
          .from("user_tasks")
          .select("*", { count: "exact" })
          .eq("task_id", taskId)
          .eq("status", "completed")

if (!countError) {
          setCompletedCount(count || 0)
        }

// Fetch user task status
        const { data: userTaskData, error: userTaskError } = await supabase
          .from("user_tasks")
          .select("*")
          .eq("user_id", session.user.id)
          .eq("task_id", taskId)
          .single()

if (userTaskError && userTaskError.code !== "PGRST116") {
          console.error("Error fetching user task:", userTaskError)
        } else if (userTaskData) {
          setUserTask(userTaskData)
        }

setLoading(false)
      } catch (error: any) {
        console.error("Error in task detail page:", error)
        setError("An unexpected error occurred. Please try again.")
        setLoading(false)
      }
    }

fetchTaskDetails()
  }, [taskId, router])

const startTask = async () => {
    if (!userId || !isActive) return

try {
      setSubmitting(true)
      setError(null)

const response = await fetch("/api/tasks/start-task", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          taskId,
          userId,
        }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to start task")
      }

setUserTask(data.task)
      setSuccess("Task started successfully!")
    } catch (error: any) {
      console.error("Error starting task:", error)
      setError(error.message || "Failed to start task. Please try again.")
    } finally {
      setSubmitting(false)
    }
  }

const submitTask = async () => {
    if (!userId || !isActive || !userTask) return

try {
      setSubmitting(true)
      setError(null)

if (!submissionDetails.trim()) {
        setError("Please provide details about how you completed the task")
        setSubmitting(false)
        return
      }

const response = await fetch("/api/tasks/submit-task", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          taskId,
          userId,
          submissionDetails,
        }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to submit task")
      }

setSuccess(data.message || "Task submitted successfully!")

// Update local state
      setUserTask({
        ...userTask,
        status: "submitted",
        submission_date: new Date().toISOString(),
        submission_details: submissionDetails,
      })

// Redirect after a short delay
      setTimeout(() => {
        router.push("/tasks?message=Task submitted successfully and sent for review")
      }, 2000)
    } catch (error: any) {
      console.error("Error submitting task:", error)
      setError(error.message || "Failed to submit task. Please try again.")
    } finally {
      setSubmitting(false)
    }
  }

if (loading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

if (!task) {
    return (
      <div className="container mx-auto px-4 py-8">
        <Alert variant="destructive">
          <AlertDescription>Task not found</AlertDescription>
        </Alert>
        <div className="mt-4">
          <Link href="/tasks">
            <Button variant="outline">
              <ArrowLeft className="h-4 w-4 mr-2" /> Back to Tasks
            </Button>
          </Link>
        </div>
      </div>
    )
  }

const isStarted = userTask?.status === "pending"
  const isSubmitted = userTask?.status === "submitted" || userTask?.status === "completed"
  const isTaskClosed = task.is_closed || (task.completion_limit !== null && completedCount >= task.completion_limit)

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-6">
        <Link href="/tasks">
          <Button variant="outline" className="mb-4">
            <ArrowLeft className="h-4 w-4 mr-2" /> Back to Tasks
          </Button>
        </Link>
      </div>

<Card className="mb-6">
        <CardHeader>
          <div className="flex justify-between items-start">
            <CardTitle className="text-gradient text-2xl">{task.title}</CardTitle>
            <div className="flex space-x-2">
              {isTaskClosed && (
                <span className="inline-flex items-center text-red-600 bg-red-100 px-3 py-1 rounded-full text-sm">
                  <Lock className="h-4 w-4 mr-1" /> Closed
                </span>
              )}
              {isSubmitted ? (
                <span className="inline-flex items-center text-green-600 bg-green-100 px-3 py-1 rounded-full text-sm">
                  <CheckCircle className="h-4 w-4 mr-1" /> Submitted
                </span>
              ) : isStarted ? (
                <span className="inline-flex items-center text-amber-600 bg-amber-100 px-3 py-1 rounded-full text-sm">
                  <Clock className="h-4 w-4 mr-1" /> In Progress
                </span>
              ) : (
                <span className="inline-flex items-center text-blue-600 bg-blue-100 px-3 py-1 rounded-full text-sm">
                  <AlertCircle className="h-4 w-4 mr-1" /> Not Started
                </span>
              )}
            </div>
          </div>
          <CardDescription>
            Reward: <span className="text-gradient-success font-semibold">{task.reward.toFixed(2)}৳</span>
            {task.completion_limit && (
              <span className="ml-4">
                Completion:{" "}
                <span className="font-semibold">
                  {completedCount}/{task.completion_limit}
                </span>
              </span>
            )}
          </CardDescription>
        </CardHeader>
        <CardContent>
          <div className="prose max-w-none">
            <h3 className="text-lg font-semibold mb-2">Task Description</h3>
            <p className="whitespace-pre-line">{task.description}</p>
          </div>
        </CardContent>
      </Card>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

{success && (
        <Alert className="mb-6 bg-green-50 border-green-200">
          <CheckCircle className="h-4 w-4 text-green-600" />
          <AlertDescription className="text-green-700">{success}</AlertDescription>
        </Alert>
      )}

{!isActive && (
        <Alert className="mb-6 bg-yellow-50 border-yellow-200">
          <AlertCircle className="h-4 w-4 text-yellow-600" />
          <AlertDescription className="text-yellow-700">
            Your account is not activated yet. You need to deposit at least 50৳ to activate your account.
            <Link href="/deposit" className="ml-2 text-primary underline">
              Deposit now
            </Link>
          </AlertDescription>
        </Alert>
      )}

{isTaskClosed && !isSubmitted && (
        <Alert className="mb-6 bg-red-50 border-red-200">
          <Lock className="h-4 w-4 text-red-600" />
          <AlertDescription className="text-red-700">
            This task is no longer available for completion. It has reached its maximum number of completions or has
            been closed by an admin.
          </AlertDescription>
        </Alert>
      )}

<Card>
        <CardHeader>
          <CardTitle>Task Actions</CardTitle>
        </CardHeader>
        <CardContent>
          {isSubmitted ? (
            <div className="text-center py-4">
              <CheckCircle className="h-12 w-12 mx-auto text-green-500 mb-2" />
              <h3 className="text-xl font-semibold mb-2">Task Submitted</h3>
              <p className="text-muted-foreground">
                Your submission is being reviewed by our team. You will receive your reward once approved.
              </p>
            </div>
          ) : isStarted ? (
            <div className="space-y-4">
              <div>
                <h3 className="text-lg font-semibold mb-2">Submit Your Work</h3>
                <p className="text-muted-foreground mb-4">
                  Please provide details about how you completed this task. This will help us verify your work.
                </p>
                <Textarea
                  placeholder="Describe how you completed the task..."
                  value={submissionDetails}
                  onChange={(e) => setSubmissionDetails(e.target.value)}
                  rows={5}
                  className="mb-4"
                  disabled={isTaskClosed}
                />
              </div>
              <Button
                onClick={submitTask}
                disabled={submitting || !isActive || !submissionDetails.trim() || isTaskClosed}
                className="w-full"
              >
                {submitting ? (
                  <>
                    <LoadingSpinner size="sm" className="mr-2" /> Submitting...
                  </>
                ) : (
                  <>
                    <CheckCircle className="h-4 w-4 mr-2" /> Yes, I have done it
                  </>
                )}
              </Button>
            </div>
          ) : (
            <div className="text-center py-4">
              <Button onClick={startTask} disabled={submitting || !isActive || isTaskClosed} className="w-full">
                {submitting ? (
                  <>
                    <LoadingSpinner size="sm" className="mr-2" /> Starting...
                  </>
                ) : isTaskClosed ? (
                  <>Task Unavailable</>
                ) : (
                  <>Start Task</>
                )}
              </Button>
            </div>
          )}
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/tasks/start-task/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

// Initialize Supabase client with service role key for admin operations
const supabaseAdmin = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!, {
  auth: {
    autoRefreshToken: false,
    persistSession: false,
  },
})

export async function POST(request: NextRequest) {
  try {
    const { taskId, userId } = await request.json()

if (!taskId || !userId) {
      return NextResponse.json({ error: "Task ID and User ID are required" }, { status: 400 })
    }

// Check if task is closed or has reached completion limit
    const { data: taskData, error: taskError } = await supabaseAdmin
      .from("tasks")
      .select("is_closed, completion_limit")
      .eq("id", taskId)
      .single()

if (taskError) {
      console.error("Error checking task status:", taskError)
      return NextResponse.json({ error: "Failed to check task status" }, { status: 500 })
    }

if (taskData.is_closed) {
      return NextResponse.json({ error: "This task is no longer available for completion" }, { status: 400 })
    }

// If task has a completion limit, check if it's been reached
    if (taskData.completion_limit !== null) {
      const { count, error: countError } = await supabaseAdmin
        .from("user_tasks")
        .select("*", { count: "exact" })
        .eq("task_id", taskId)
        .eq("status", "completed")

if (countError) {
        console.error("Error counting completed tasks:", countError)
        return NextResponse.json({ error: "Failed to check completion count" }, { status: 500 })
      }

if (count >= taskData.completion_limit) {
        // Update task to closed if limit reached
        await supabaseAdmin.from("tasks").update({ is_closed: true }).eq("id", taskId)

return NextResponse.json({ error: "This task has reached its maximum number of completions" }, { status: 400 })
      }
    }

// Check if user has already started or completed this task
    const { data: existingTask, error: checkError } = await supabaseAdmin
      .from("user_tasks")
      .select("*")
      .eq("user_id", userId)
      .eq("task_id", taskId)
      .single()

if (!checkError && existingTask) {
      return NextResponse.json({
        success: true,
        message: "Task already started",
        task: existingTask,
      })
    }

// Create new user_task record
    const { data: newTask, error: createError } = await supabaseAdmin
      .from("user_tasks")
      .insert({
        user_id: userId,
        task_id: taskId,
        status: "pending",
        started_at: new Date().toISOString(),
      })
      .select()
      .single()

if (createError) {
      console.error("Error starting task:", createError)
      return NextResponse.json({ error: "Failed to start task" }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Task started successfully",
      task: newTask,
    })
  } catch (error) {
    console.error("Error in start-task API:", error)
    return NextResponse.json({ error: "An unexpected error occurred" }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/api/admin/activate-user/route.ts" isMerged="true"
import { createClient } from "@supabase/supabase-js"
import { NextResponse } from "next/server"

export async function POST(request: Request) {
  try {
    const { userId } = await request.json()

if (!userId) {
      return NextResponse.json({ error: "User ID is required" }, { status: 400 })
    }

// Create a service role client to bypass RLS
    const supabaseAdmin = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!)

// Start a transaction
    const { error: activationError } = await supabaseAdmin.rpc("activate_user_with_referral_bonus", {
      user_id_param: userId,
    })

if (activationError) {
      console.error("User activation error:", activationError)
      return NextResponse.json({ error: activationError.message }, { status: 500 })
    }

return NextResponse.json({ message: "User activated successfully with referral bonuses applied" })
  } catch (error) {
    console.error("Activation error:", error)
    return NextResponse.json({ error: "An unexpected error occurred" }, { status: 500 })
  }
}
[V0_FILE]sql:file="supabase/migrations/20240331_referral_bonus_function.sql" isMerged="true"
-- Create a function to handle user activation and referral bonuses
CREATE OR REPLACE FUNCTION activate_user_with_referral_bonus(user_id_param UUID)
RETURNS void
LANGUAGE plpgsql
SECURITY DEFINER
AS $$
DECLARE
    referrer_id UUID;
    referral_record RECORD;
BEGIN
    -- Activate the user
    UPDATE users
    SET is_activated = true
    WHERE id = user_id_param;
    
    -- Add initial bonus to the new user (10 Taka)
    UPDATE users
    SET balance = balance + 10
    WHERE id = user_id_param;
    
    -- Insert transaction record for the new user's bonus
    INSERT INTO transactions (user_id, amount, type, status, description)
    VALUES (user_id_param, 10, 'bonus', 'completed', 'Account activation bonus');
    
    -- Check if this user was referred by someone
    SELECT * INTO referral_record
    FROM referrals
    WHERE referred_id = user_id_param AND status = 'pending' AND bonus_paid = false;
    
    -- If there's a valid referral, process the referrer's bonus
    IF FOUND THEN
        -- Update referral status
        UPDATE referrals
        SET status = 'completed', bonus_paid = true
        WHERE id = referral_record.id;
        
        -- Add bonus to the referrer (35 Taka)
        UPDATE users
        SET balance = balance + 35
        WHERE id = referral_record.referrer_id;
        
        -- Insert transaction record for the referrer's bonus
        INSERT INTO transactions (user_id, amount, type, status, description)
        VALUES (
            referral_record.referrer_id, 
            35, 
            'bonus', 
            'completed', 
            'Referral bonus for user activation'
        );
    END IF;
END;
$$;
[V0_FILE]typescriptreact:file="app/profile/page.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { createClientComponentClient } from "@supabase/auth-helpers-nextjs"
import { toast } from "react-hot-toast"
import { useRouter } from "next/navigation"
import { Copy, CheckCircle } from "lucide-react"

export default function ProfilePage() {
  const [user, setUser] = useState<any>(null)
  const [referrals, setReferrals] = useState<any[]>([])
  const [loading, setLoading] = useState(true)
  const [copied, setCopied] = useState(false)
  const supabase = createClientComponentClient()
  const router = useRouter()

useEffect(() => {
    fetchUserData()
  }, [])

const fetchUserData = async () => {
    try {
      const {
        data: { session },
      } = await supabase.auth.getSession()

if (!session) {
        router.push("/login")
        return
      }

const { data: userData, error: userError } = await supabase
        .from("users")
        .select("*")
        .eq("id", session.user.id)
        .single()

if (userError) throw userError
      setUser(userData)

// Fetch referrals
      const { data: referralsData, error: referralsError } = await supabase
        .from("referrals")
        .select(`
          id,
          status,
          bonus_paid,
          created_at,
          referred:users!referred_id(id, name, email, is_activated)
        `)
        .eq("referrer_id", session.user.id)

if (referralsError) throw referralsError
      setReferrals(referralsData || [])
    } catch (error: any) {
      toast.error(`Error fetching profile: ${error.message}`)
    } finally {
      setLoading(false)
    }
  }

const copyReferralLink = () => {
    if (!user) return

const referralLink = `${window.location.origin}/signup?ref=${user.referral_code}`
    navigator.clipboard.writeText(referralLink)
    setCopied(true)
    toast.success("Referral link copied to clipboard!")

setTimeout(() => {
      setCopied(false)
    }, 3000)
  }

if (loading) {
    return <div className="p-4">Loading profile...</div>
  }

if (!user) {
    return <div className="p-4">Please log in to view your profile.</div>
  }

return (
    <div className="container mx-auto p-4">
      <div className="mb-8 rounded-lg bg-white p-6 shadow-md">
        <h1 className="mb-4 text-2xl font-bold">Your Profile</h1>

<div className="grid gap-4 md:grid-cols-2">
          <div>
            <p className="text-gray-600">
              Name: <span className="font-semibold">{user.name}</span>
            </p>
            <p className="text-gray-600">
              Email: <span className="font-semibold">{user.email}</span>
            </p>
            <p className="text-gray-600">
              Phone: <span className="font-semibold">{user.phone}</span>
            </p>
            <p className="text-gray-600">
              Balance: <span className="font-semibold">{user.balance} Taka</span>
            </p>
            <p className="text-gray-600">
              Status:
              <span
                className={`ml-2 rounded-full px-2 py-1 text-xs font-semibold ${
                  user.is_activated ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"
                }`}
              >
                {user.is_activated ? "Activated" : "Not Activated"}
              </span>
            </p>
          </div>

<div className="rounded-lg bg-gray-50 p-4">
            <h2 className="mb-2 text-lg font-semibold">Your Referral Code</h2>
            <p className="mb-2 font-mono text-lg">{user.referral_code}</p>

<div className="mb-4">
              <button
                onClick={copyReferralLink}
                className="flex items-center rounded-md bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
              >
                {copied ? (
                  <>
                    <CheckCircle className="mr-2 h-4 w-4" />
                    Copied!
                  </>
                ) : (
                  <>
                    <Copy className="mr-2 h-4 w-4" />
                    Copy Referral Link
                  </>
                )}
              </button>
            </div>

<div className="text-sm text-gray-600">
              <p>Share your referral link with friends!</p>
              <p>You'll earn 35 Taka for each friend who joins and activates their account.</p>
              <p>Your friend will also receive 10 Taka upon activation.</p>
            </div>
          </div>
        </div>
      </div>

<div className="rounded-lg bg-white p-6 shadow-md">
        <h2 className="mb-4 text-xl font-bold">Your Referrals</h2>

{referrals.length === 0 ? (
          <p className="text-gray-500">You haven't referred anyone yet.</p>
        ) : (
          <div className="overflow-x-auto">
            <table className="min-w-full divide-y divide-gray-200">
              <thead className="bg-gray-50">
                <tr>
                  <th className="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">
                    Name
                  </th>
                  <th className="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">
                    Email
                  </th>
                  <th className="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">
                    Status
                  </th>
                  <th className="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">
                    Bonus
                  </th>
                  <th className="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500">
                    Date
                  </th>
                </tr>
              </thead>
              <tbody className="divide-y divide-gray-200 bg-white">
                {referrals.map((referral) => (
                  <tr key={referral.id}>
                    <td className="whitespace-nowrap px-6 py-4">{referral.referred.name}</td>
                    <td className="whitespace-nowrap px-6 py-4">{referral.referred.email}</td>
                    <td className="whitespace-nowrap px-6 py-4">
                      <span
                        className={`inline-flex rounded-full px-2 text-xs font-semibold leading-5 ${
                          referral.referred.is_activated
                            ? "bg-green-100 text-green-800"
                            : "bg-yellow-100 text-yellow-800"
                        }`}
                      >
                        {referral.referred.is_activated ? "Activated" : "Pending"}
                      </span>
                    </td>
                    <td className="whitespace-nowrap px-6 py-4">
                      <span
                        className={`inline-flex rounded-full px-2 text-xs font-semibold leading-5 ${
                          referral.bonus_paid ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"
                        }`}
                      >
                        {referral.bonus_paid ? "Paid (35 Taka)" : "Pending"}
                      </span>
                    </td>
                    <td className="whitespace-nowrap px-6 py-4">
                      {new Date(referral.created_at).toLocaleDateString()}
                    </td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        )}
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin/login/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import { toast } from "react-hot-toast"
import AuthLayout from "@/components/auth-layout"

export default function AdminLogin() {
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [loading, setLoading] = useState(false)
  const router = useRouter()

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)

try {
      const response = await fetch("/api/auth/admin-login", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ email, password }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Login failed")
      }

toast.success("Admin login successful!")
      router.push("/admin/dashboard")
    } catch (error: any) {
      toast.error(error.message)
    } finally {
      setLoading(false)
    }
  }

return (
    <AuthLayout
      title="Admin Login"
      subtitle="Enter your credentials to access the admin panel"
      alternateLink={{
        text: "Return to",
        href: "/login",
        label: "User login",
      }}
    >
      <form className="space-y-6" onSubmit={handleSubmit}>
        <div>
          <label htmlFor="email" className="block text-sm font-medium text-gray-700">
            Email address
          </label>
          <input
            id="email"
            name="email"
            type="email"
            autoComplete="email"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-indigo-500"
            value={email}
            onChange={(e) => setEmail(e.target.value)}
          />
        </div>

<div>
          <label htmlFor="password" className="block text-sm font-medium text-gray-700">
            Password
          </label>
          <input
            id="password"
            name="password"
            type="password"
            autoComplete="current-password"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-indigo-500"
            value={password}
            onChange={(e) => setPassword(e.target.value)}
          />
        </div>

<div>
          <button
            type="submit"
            disabled={loading}
            className="flex w-full justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:opacity-75"
          >
            {loading ? "Signing in..." : "Sign in as Admin"}
          </button>
        </div>
      </form>
    </AuthLayout>
  )
}
[V0_FILE]typescriptreact:file="app/admin/login/loading.tsx" isMerged="true"
import { Skeleton } from "@/components/ui/skeleton"

export default function Loading() {
  return (
    <div className="min-h-screen flex flex-col md:flex-row">
      {/* Left side skeleton */}
      <div className="bg-indigo-600 text-white md:w-1/2 p-8 flex flex-col justify-between">
        <div>
          <Skeleton className="h-10 w-40 bg-indigo-500 mb-12" />
          <Skeleton className="h-12 w-3/4 bg-indigo-500 mb-4" />
          <Skeleton className="h-8 w-2/3 bg-indigo-500 mb-8" />
        </div>

{/* Right side skeleton */}
      <div className="md:w-1/2 p-8 flex items-center justify-center">
        <div className="w-full max-w-md">
          <div className="text-center mb-8">
            <Skeleton className="h-10 w-48 mx-auto mb-2" />
            <Skeleton className="h-6 w-64 mx-auto" />
          </div>

<Skeleton className="h-5 w-48 mx-auto mt-8" />
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="types/supabase.ts" isQuickEdit="true" isMerged="true"
export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[]

export interface Database {
  public: {
    Tables: {
      activity_log: {
        Row: {
          activity_type: string
          created_at: string
          description: string | null
          id: string
          metadata: Json | null
          user_id: string | null
        }
        Insert: {
          activity_type: string
          description?: string | null
          id?: string
          metadata?: Json | null
          user_id?: string | null
        }
        Update: {
          activity_type?: string
          created_at?: string
          description?: string | null
          id?: string
          metadata?: Json | null
          user_id?: string | null
        }
        Relationships: [
          {
            foreignKeyName: "activity_log_user_id_fkey"
            columns: ["user_id"]
            referencedRelation: "profiles"
            referencedColumns: ["id"]
          },
        ]
      }
      deposits: {
        Row: {
          amount: number
          created_at: string
          id: string
          method: string | null
          mobile_number: string | null
          payment_method: string | null
          phone_number: string | null
          status: string | null
          transaction_id: string | null
          updated_at: string | null
          user_id: string | null
        }
        Insert: {
          amount: number
          created_at?: string
          id?: string
          method?: string | null
          mobile_number?: string | null
          payment_method?: string | null
          phone_number?: string | null
          status?: string | null
          transaction_id?: string | null
          updated_at?: string | null
          user_id?: string | null
        }
        Update: {
          amount?: number
          created_at?: string
          id?: string
          method?: string | null
          mobile_number?: string | null
          payment_method?: string | null
          phone_number?: string | null
          status?: string | null
          transaction_id?: string | null
          updated_at?: string | null
          user_id?: string | null
        }
        Relationships: [
          {
            foreignKeyName: "deposits_user_id_fkey"
            columns: ["user_id"]
            referencedRelation: "profiles"
            referencedColumns: ["id"]
          },
        ]
      }
      profiles: {
        Row: {
          balance: number | null
          completed_tasks: number | null
          created_at: string
          email: string | null
          full_name: string | null
          id: string
          is_active: boolean | null
          is_admin: boolean | null
          referral_code: string | null
          referral_count: number | null
          referral_earnings: number | null
          referred_by: string | null
          total_earnings: number | null
          updated_at: string
          used_vouchers: string[] | null
          username: string
        }
        Insert: {
          balance?: number | null
          completed_tasks?: number | null
          created_at?: string
          email?: string | null
          full_name?: string | null
          id: string
          is_active?: boolean | null
          is_admin?: boolean | null
          referral_code?: string | null
          referral_count?: number | null
          referral_earnings?: number | null
          referred_by?: string | null
          total_earnings?: number | null
          updated_at?: string
          used_vouchers?: string[] | null
          username: string
        }
        Update: {
          balance?: number | null
          completed_tasks?: number | null
          created_at?: string
          email?: string | null
          full_name?: string | null
          id?: string
          is_active?: boolean | null
          is_admin?: boolean | null
          referral_code?: string | null
          referral_count?: number | null
          referral_earnings?: number | null
          referred_by?: string | null
          total_earnings?: number | null
          updated_at?: string
          used_vouchers?: string[] | null
          username?: string
        }
        Relationships: [
          {
            foreignKeyName: "profiles_id_fkey"
            columns: ["id"]
            referencedRelation: "users"
            referencedColumns: ["id"]
          },
          {
            foreignKeyName: "profiles_referred_by_fkey"
            columns: ["referred_by"]
            referencedRelation: "profiles"
            referencedColumns: ["id"]
          },
        ]
      }
      referrals: {
        Row: {
          created_at: string
          id: string
          referrer_id: string | null
          referred_id: string | null
          reward: number | null
          status: string | null
        }
        Insert: {
          created_at?: string
          id?: string
          referrer_id?: string | null
          referred_id?: string | null
          reward?: number | null
          status?: string | null
        }
        Update: {
          created_at?: string
          id?: string
          referrer_id?: string | null
          referred_id?: string | null
          reward?: number | null
          status?: string | null
        }
        Relationships: [
          {
            foreignKeyName: "referrals_referred_id_fkey"
            columns: ["referred_id"]
            referencedRelation: "profiles"
            referencedColumns: ["id"]
          },
          {
            foreignKeyName: "referrals_referrer_id_fkey"
            columns: ["referrer_id"]
            referencedRelation: "profiles"
            referencedColumns: ["id"]
          },
        ]
      }
      tasks: {
        Row: {
          completion_limit: number | null
          created_at: string
          description: string | null
          id: string
          is_closed: boolean | null
          reward: number
          title: string
          updated_at: string
        }
        Insert: {
          completion_limit?: number | null
          created_at?: string
          description?: string | null
          id?: string
          is_closed?: boolean | null
          reward: number
          title: string
          updated_at?: string
        }
        Update: {
          completion_limit?: number | null
          created_at?: string
          description?: string | null
          id?: string
          is_closed?: boolean | null
          reward?: number
          title?: string
          updated_at?: string
        }
        Relationships: []
      }
      user_tasks: {
        Row: {
          admin_approved: boolean | null
          completed_at: string | null
          created_at: string
          id: string
          started_at: string | null
          status: string | null
          submission_date: string | null
          submission_details: string | null
          task_id: string | null
          user_id: string | null
        }
        Insert: {
          admin_approved?: boolean | null
          completed_at?: string | null
          created_at?: string
          id?: string
          started_at?: string | null
          status?: string | null
          submission_date?: string | null
          submission_details?: string | null
          task_id?: string | null
          user_id?: string | null
        }
        Update: {
          admin_approved?: boolean | null
          completed_at?: string | null
          created_at?: string
          id?: string
          started_at?: string | null
          status?: string | null
          submission_date?: string | null
          submission_details?: string | null
          task_id?: string | null
          user_id?: string | null
        }
        Relationships: [
          {
            foreignKeyName: "user_tasks_task_id_fkey"
            columns: ["task_id"]
            referencedRelation: "tasks"
            referencedColumns: ["id"]
          },
          {
            foreignKeyName: "user_tasks_user_id_fkey"
            columns: ["user_id"]
            referencedRelation: "profiles"
            referencedColumns: ["id"]
          },
        ]
      }
      withdrawals: {
        Row: {
          amount: number
          created_at: string
          id: string
          method: string | null
          mobile_number: string | null
          payment_method: string | null
          phone_number: string | null
          status: string | null
          transaction_id: string | null
          updated_at: string | null
          user_id: string | null
        }
        Insert: {
          amount: number
          created_at?: string
          id?: string
          method?: string | null
          mobile_number?: string | null
          payment_method?: string | null
          phone_number?: string | null
          status?: string | null
          transaction_id?: string | null
          updated_at?: string | null
          user_id?: string | null
        }
        Update: {
          amount?: number
          created_at?: string
          id?: string
          method?: string | null
          mobile_number?: string | null
          payment_method?: string | null
          phone_number?: string | null
          status?: string | null
          transaction_id?: string | null
          updated_at?: string | null
          user_id?: string | null
        }
        Relationships: [
          {
            foreignKeyName: "withdrawals_user_id_fkey"
            columns: ["user_id"]
            referencedRelation: "profiles"
            referencedColumns: ["id"]
          },
        ]
      }
    }
    Views: {
      admin_task_stats: {
        Row: {
          completed_count: number | null
          id: string | null
          pending_count: number | null
          title: string | null
          total_attempts: number | null
        }
        Relationships: []
      }
      admin_user_stats: {
        Row: {
          new_users_last_week: number | null
          total_completed_tasks: number | null
          total_earnings_all_users: number | null
          total_referrals: number | null
          total_users: number | null
        }
        Relationships: []
      }
    }
    Functions: {
      add_amount: {
        Args: {
          row_id: string
          amount: number
        }
        Returns: number
      }
      approve_task: {
        Args: {
          task_id: string
          user_id: string
        }
        Returns: boolean
      }
      check_column_exists: {
        Args: {
          table_name: string
          column_name: string
        }
        Returns: {
          exists: boolean
        }[]
      }
      check_referral_permission: {
        Args: {
          referral_id: string
        }
        Returns: boolean
      }
      complete_task: {
        Args: {
          user_id: string
          reward_amount: number
        }
        Returns: undefined
      }
      create_add_column_function: {
        Args: Record<PropertyKey, never>
        Returns: boolean
      }
      create_check_column_exists_function: {
        Args: Record<PropertyKey, never>
        Returns: boolean
      }
      create_get_columns_function: {
        Args: Record<PropertyKey, never>
        Returns: boolean
      }
      create_get_tables_function: {
        Args: Record<PropertyKey, never>
        Returns: boolean
      }
      create_user_tasks_table_function: {
        Args: Record<PropertyKey, never>
        Returns: boolean
      }
      ensure_admin_access: {
        Args: {
          admin_email: string
        }
        Returns: boolean
      }
      ensure_profile_exists: {
        Args: Record<PropertyKey, never>
        Returns: unknown
      }
      fix_referral_counts: {
        Args: Record<PropertyKey, never>
        Returns: undefined
      }
      generate_referral_code: {
        Args: {
          user_id: string
        }
        Returns: string
      }
      get_tables: {
        Args: Record<PropertyKey, never>
        Returns: {
          table_name: string
        }[]
      }
      increment: {
        Args: {
          row_id: string
        }
        Returns: number
      }
      is_admin: {
        Args: {
          user_id: string
        }
        Returns: boolean
      }
      log_transaction_status_change: {
        Args: Record<PropertyKey, never>
        Returns: unknown
      }
      notify_transaction_webhook: {
        Args: Record<PropertyKey, never>
        Returns: unknown
      }
      remove_duplicate_profiles: {
        Args: Record<PropertyKey, never>
        Returns: undefined
      }
      safe_notify_transaction: {
        Args: {
          transaction_type: string
          user_id: string
          amount: number
          method: string
          mobile_number: string
          transaction_id: string
          status: string
        }
        Returns: undefined
      }
      update_referral_status: {
        Args: Record<PropertyKey, never>
        Returns: unknown
      }
      update_transaction_from_telegram: {
        Args: {
          transaction_type: string
          transaction_id: string
          new_status: string
        }
        Returns: boolean
      }
      update_transaction_status: {
        Args: {
          transaction_type: string
          transaction_id: string
          new_status: string
          updated_via: string
        }
        Returns: boolean
      }
    }
    Enums: {
      [_ in never]: never
    }
    CompositeTypes: {
      [_ in never]: never
    }
  }
}
[V0_FILE]typescript:file="app/api/auth/login/route.ts" isMerged="true"
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"
import { NextResponse } from "next/server"

export async function POST(request: Request) {
  try {
    const { email, password } = await request.json()

// Create Supabase client
    const supabase = createRouteHandlerClient({ cookies })

// Sign in with email and password
    const { data, error } = await supabase.auth.signInWithPassword({
      email,
      password,
    })

if (error) {
      console.error("Login error:", error)
      return NextResponse.json({ error: error.message }, { status: 400 })
    }

return NextResponse.json({
      message: "Login successful",
      user: data.user,
    })
  } catch (error: any) {
    console.error("Unexpected login error:", error)
    return NextResponse.json({ error: error.message || "Internal server error" }, { status: 500 })
  }
}
[V0_FILE]typescript:file="public/logo.tsx" isMerged="true"
// This is just a placeholder to indicate that we need a logo.png file in the public directory
// The actual logo.png file should be placed in the public directory
[V0_FILE]plaintext:file="public/logo.png" url="https://cdn.glitch.global/25718077-517e-4da8-8c9f-9be45f31c9b3/photo_2025-03-24_11-50-56.jpg?v=1742795520788" isMerged="true"
[V0_FILE]sql:file="supabase/migrations/20240403_increment_referral_count.sql" isMerged="true"
-- Function to increment a user's referral count
CREATE OR REPLACE FUNCTION increment_referral_count(user_id UUID)
RETURNS void AS $$
BEGIN
  UPDATE profiles
  SET referral_count = COALESCE(referral_count, 0) + 1
  WHERE id = user_id;
END;
$$ LANGUAGE plpgsql;

-- Grant execute permission to authenticated users
GRANT EXECUTE ON FUNCTION increment_referral_count TO authenticated;
[V0_FILE]typescriptreact:file="app/login/loading.tsx" isMerged="true"
import { LoadingSpinner } from "@/components/loading-spinner"

export default function Loading() {
  return (
    <div className="flex items-center justify-center min-h-screen">
      <LoadingSpinner size="lg" />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/signup/loading.tsx" isMerged="true"
import { LoadingSpinner } from "@/components/loading-spinner"

export default function Loading() {
  return (
    <div className="flex items-center justify-center min-h-screen">
      <LoadingSpinner size="lg" />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin-login/loading.tsx" isMerged="true"
import { LoadingSpinner } from "@/components/loading-spinner"

export default function Loading() {
  return (
    <div className="flex items-center justify-center min-h-screen">
      <LoadingSpinner size="lg" />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/layout.tsx" isMerged="true"
import type React from "react"
import Navbar from "@/components/navbar"

export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <div className="min-h-screen flex flex-col">
      <Navbar />
      <main className="flex-1 bg-muted/20">{children}</main>
      <footer className="bg-muted py-4">
        <div className="container mx-auto px-4 text-center">
          <p className="text-muted-foreground text-sm">
            © {new Date().getFullYear()} RIT Earn Hub. All rights reserved.
          </p>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/loading-spinner.tsx" isMerged="true"
import { cn } from "@/lib/utils"

interface LoadingSpinnerProps {
  size?: "sm" | "md" | "lg"
  className?: string
}

export function LoadingSpinner({ size = "md", className }: LoadingSpinnerProps) {
  const sizeClasses = {
    sm: "h-4 w-4 border-2",
    md: "h-8 w-8 border-3",
    lg: "h-12 w-12 border-4",
  }

return (
    <div className="flex items-center justify-center">
      <div
        className={cn("animate-spin rounded-full border-t-transparent border-primary", sizeClasses[size], className)}
      />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/dashboard/loading.tsx" isMerged="true"
import { LoadingSpinner } from "@/components/loading-spinner"

export default function Loading() {
  return (
    <div className="flex items-center justify-center min-h-screen">
      <LoadingSpinner size="lg" />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/api/telegram-bot/route.ts" isQuickEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

// Initialize Supabase client with admin privileges
const supabaseAdmin = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL || "",
  process.env.SUPABASE_SERVICE_ROLE_KEY || "",
  {
    auth: {
      persistSession: false,
      autoRefreshToken: false,
    },
  },
)

// Telegram Bot configuration
const BOT_TOKEN = "7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w"
const ADMIN_CHAT_ID = "6880722176"

export async function POST(request: Request) {
  try {
    const body = await request.json()
    console.log("Telegram Bot webhook received:", JSON.stringify(body))

// Handle different types of updates from Telegram
    if (body.callback_query) {
      // Handle button callbacks (approve/decline actions)
      return handleCallbackQuery(body.callback_query)
    } else if (body.message) {
      // Handle direct messages to the bot
      return handleMessage(body.message)
    }

return NextResponse.json({ status: "No action taken" })
  } catch (error: any) {
    console.error("Error in Telegram Bot webhook:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}

async function handleMessage(message: any) {
  // Only respond to messages from the admin
  if (message.chat.id.toString() !== ADMIN_CHAT_ID) {
    return NextResponse.json({ status: "Unauthorized" }, { status: 403 })
  }

const chatId = message.chat.id
  const text = message.text || ""

if (text === "/start") {
    await sendTelegramMessage(
      chatId,
      "Welcome to RIT Earn Hub Admin Bot! You will receive notifications about deposit and withdrawal requests here.",
    )
  } else if (text === "/pending") {
    // Fetch and display pending transactions
    await sendPendingTransactions(chatId)
  } else {
    await sendTelegramMessage(
      chatId,
      "Available commands:\n/start - Start the bot\n/pending - View pending transactions",
    )
  }

return NextResponse.json({ status: "Message handled" })
}

async function handleCallbackQuery(callbackQuery: any) {
  const chatId = callbackQuery.message.chat.id
  const messageId = callbackQuery.message.message_id
  const data = callbackQuery.data
  const callbackId = callbackQuery.id

console.log("Processing callback query:", { chatId, messageId, data, callbackId })

// Only allow actions from the admin
  if (chatId.toString() !== ADMIN_CHAT_ID) {
    await answerCallbackQuery(callbackId, "Unauthorized: Only admins can perform this action")
    return NextResponse.json({ status: "Unauthorized" }, { status: 403 })
  }

// Parse the callback data
  // Format: action:type:id (e.g., approve:deposit:123456)
  const [action, type, id] = data.split(":")

if (!action || !type || !id) {
    await answerCallbackQuery(callbackId, "Invalid action format")
    await sendTelegramMessage(chatId, "Invalid action format")
    return NextResponse.json({ status: "Invalid action format" }, { status: 400 })
  }

try {
    // Answer the callback query first to prevent Telegram timeout
    await answerCallbackQuery(callbackId, `Processing ${action} for ${type}...`)

if (action === "approve") {
      await approveTransaction(type, id, chatId, messageId)
    } else if (action === "decline") {
      await declineTransaction(type, id, chatId, messageId)
    } else {
      await sendTelegramMessage(chatId, "Unknown action")
    }

return NextResponse.json({ status: "Action processed" })
  } catch (error: any) {
    console.error(`Error processing ${action} for ${type} ${id}:`, error)
    await sendTelegramMessage(chatId, `Error: ${error.message}`)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}

async function approveTransaction(type: string, id: string, chatId: number | string, messageId: number) {
  console.log(`Approving ${type} with ID ${id}`)

// Normalize the type to match the table name
  const tableName =
    type === "deposit"
      ? "deposits"
      : type === "deposits"
        ? "deposits"
        : type === "withdrawal"
          ? "withdrawals"
          : "withdrawals"

// Get the transaction details
  const { data: transaction, error: fetchError } = await supabaseAdmin.from(tableName).select("*").eq("id", id).single()

if (fetchError) {
    console.error(`Failed to fetch ${tableName}:`, fetchError)
    throw new Error(`Failed to fetch ${type}: ${fetchError.message}`)
  }

if (!transaction) {
    throw new Error(`${type.charAt(0).toUpperCase() + type.slice(1, -1)} not found`)
  }

if (transaction.status !== "pending") {
    await updateTelegramMessage(
      chatId,
      messageId,
      `This ${type.slice(0, -1)} has already been ${transaction.status}`,
      [],
    )
    return
  }

console.log(`Transaction found:`, transaction)

// Get user details
  const { data: userData, error: userError } = await supabaseAdmin
    .from("profiles")
    .select("username, is_active, balance")
    .eq("id", transaction.user_id)
    .single()

if (userError) {
    console.error(`Failed to fetch user data:`, userError)
    throw new Error(`Failed to fetch user data: ${userError.message}`)
  }

// Update transaction status
  const { error: updateError } = await supabaseAdmin
    .from(tableName)
    .update({
      status: "completed",
      updated_at: new Date().toISOString(),
    })
    .eq("id", id)

if (updateError) {
    console.error(`Failed to update ${tableName}:`, updateError)
    throw new Error(`Failed to update ${type}: ${updateError.message}`)
  }

console.log(`Transaction status updated to completed`)

// Get payment method safely (handle both field names)
  const paymentMethod = transaction.method || transaction.payment_method || "unknown"

// Handle specific actions based on transaction type
  if (tableName === "deposits") {
    // For deposits: Add amount to user's balance
    const shouldActivate = transaction.amount >= 50 && !userData.is_active
    const currentBalance = Number.parseFloat(userData.balance) || 0
    const newBalance = currentBalance + Number.parseFloat(transaction.amount)

console.log(`Updating user balance: ${currentBalance} + ${transaction.amount} = ${newBalance}`)
    console.log(`Should activate account: ${shouldActivate}`)
    console.log(`User activation status before update: ${userData.is_active}`)

// Update user balance and activate account if needed
    const updateData = {
      balance: newBalance,
      updated_at: new Date().toISOString(),
    }

// Only update activation status if deposit amount is sufficient
    if (shouldActivate) {
      updateData.is_active = true
    }

console.log("Updating profile with data:", updateData)

const { error: balanceError } = await supabaseAdmin
      .from("profiles")
      .update(updateData)
      .eq("id", transaction.user_id)

if (balanceError) {
      console.error(`Failed to update user balance:`, balanceError)
      throw new Error(`Failed to update user balance: ${balanceError.message}`)
    }

console.log(`User balance updated successfully from ${currentBalance} to ${newBalance}`)
    if (shouldActivate) {
      console.log(`User account activated: ${transaction.user_id}`)
    }

// Log the activity
    await supabaseAdmin.from("activity_log").insert([
      {
        user_id: transaction.user_id,
        activity_type: "deposit_approved",
        description: `Your deposit of ${transaction.amount}৳ has been approved${shouldActivate ? " and your account has been activated" : ""}`,
        metadata: {
          transaction_id: id,
          amount: transaction.amount,
          method: paymentMethod,
          approved_via: "telegram_bot",
          account_activated: shouldActivate,
        },
      },
    ])
  } else if (tableName === "withdrawals") {
    // For withdrawals: Just log the activity (amount already deducted)
    await supabaseAdmin.from("activity_log").insert([
      {
        user_id: transaction.user_id,
        activity_type: "withdrawal_approved",
        description: `Your withdrawal of ${transaction.amount}৳ has been approved`,
        metadata: {
          transaction_id: id,
          amount: transaction.amount,
          method: paymentMethod,
          approved_via: "telegram_bot",
        },
      },
    ])

console.log(`Activity log created for withdrawal approval`)
  }

// Update the Telegram message to show it's been approved
  await updateTelegramMessage(
    chatId,
    messageId,
    `✅ ${tableName === "deposits" ? "DEPOSIT" : "WITHDRAWAL"} APPROVED

Amount: ${transaction.amount}৳
User: @${userData.username}
Method: ${paymentMethod}
ID: ${id}`,
    [],
  )

console.log(`Telegram message updated with approval confirmation`)
}

async function declineTransaction(type: string, id: string, chatId: number | string, messageId: number) {
  console.log(`Declining ${type} with ID ${id}`)

// Get the transaction details
  const { data: transaction, error: fetchError } = await supabaseAdmin.from(tableName).select("*").eq("id", id).single()

if (fetchError) {
    console.error(`Failed to fetch ${tableName}:`, fetchError)
    throw new Error(`Failed to fetch ${type}: ${fetchError.message}`)
  }

if (!transaction) {
    throw new Error(`${type.charAt(0).toUpperCase() + type.slice(1, -1)} not found`)
  }

// Get user details
  const { data: userData, error: userError } = await supabaseAdmin
    .from("profiles")
    .select("username, balance")
    .eq("id", transaction.user_id)
    .single()

if (userError) {
    console.error(`Failed to fetch user data:`, userError)
    throw new Error(`Failed to fetch user data: ${userError.message}`)
  }

console.log(`Transaction found:`, transaction)

// Update transaction status
  const { error: updateError } = await supabaseAdmin
    .from(tableName)
    .update({
      status: "failed",
      updated_at: new Date().toISOString(),
    })
    .eq("id", id)

if (updateError) {
    console.error(`Failed to update ${tableName}:`, updateError)
    throw new Error(`Failed to update ${type}: ${updateError.message}`)
  }

console.log(`Transaction status updated to failed`)

// Get payment method safely (handle both field names)
  const paymentMethod = transaction.method || transaction.payment_method || "unknown"

// Handle specific actions based on transaction type
  if (tableName === "deposits") {
    // For deposits: Just log the declined activity
    await supabaseAdmin.from("activity_log").insert([
      {
        user_id: transaction.user_id,
        activity_type: "deposit_declined",
        description: `Your deposit of ${transaction.amount}৳ has been declined`,
        metadata: {
          transaction_id: id,
          amount: transaction.amount,
          method: paymentMethod,
          declined_via: "telegram_bot",
        },
      },
    ])

console.log(`Activity log created for deposit decline`)
  } else if (tableName === "withdrawals") {
    // For withdrawals: Refund the amount to user's balance
    const currentBalance = userData.balance || 0
    const newBalance = currentBalance + transaction.amount

console.log(`Refunding withdrawal: ${currentBalance} + ${transaction.amount} = ${newBalance}`)

const { error: refundError } = await supabaseAdmin
      .from("profiles")
      .update({
        balance: newBalance,
      })
      .eq("id", transaction.user_id)

if (refundError) {
      console.error(`Failed to refund user balance:`, refundError)
      throw new Error(`Failed to refund user balance: ${refundError.message}`)
    }

console.log(`User balance refunded for declined withdrawal`)

// Log the declined withdrawal
    await supabaseAdmin.from("activity_log").insert([
      {
        user_id: transaction.user_id,
        activity_type: "withdrawal_declined",
        description: `Your withdrawal of ${transaction.amount}৳ has been declined. The amount has been refunded to your balance.`,
        metadata: {
          transaction_id: id,
          amount: transaction.amount,
          method: paymentMethod,
          declined_via: "telegram_bot",
        },
      },
    ])

console.log(`Activity log created for withdrawal decline`)
  }

// Update the Telegram message to show it's been declined
  await updateTelegramMessage(
    chatId,
    messageId,
    `❌ ${tableName === "deposits" ? "DEPOSIT" : "WITHDRAWAL"} DECLINED

Amount: ${transaction.amount}৳
User: @${userData.username}
Method: ${paymentMethod}
ID: ${id}`,
    [],
  )

console.log(`Telegram message updated with decline confirmation`)
}

async function sendPendingTransactions(chatId: number | string) {
  try {
    // Fetch pending deposits
    const { data: pendingDeposits, error: depositsError } = await supabaseAdmin
      .from("deposits")
      .select("*, user:profiles(username)")
      .eq("status", "pending")
      .order("created_at", { ascending: false })

if (depositsError) {
      throw depositsError
    }

// Fetch pending withdrawals
    const { data: pendingWithdrawals, error: withdrawalsError } = await supabaseAdmin
      .from("withdrawals")
      .select("*, user:profiles(username)")
      .eq("status", "pending")
      .order("created_at", { ascending: false })

if (withdrawalsError) {
      throw withdrawalsError
    }

// Send message with pending transactions
    if (pendingDeposits.length === 0 && pendingWithdrawals.length === 0) {
      await sendTelegramMessage(chatId, "No pending transactions found.")
      return
    }

// Send deposits
    if (pendingDeposits.length > 0) {
      await sendTelegramMessage(chatId, `📥 *PENDING DEPOSITS (${pendingDeposits.length})*`, "MarkdownV2")

for (const deposit of pendingDeposits) {
        await sendTransactionMessage(chatId, deposit, "deposits")
      }
    }

// Send withdrawals
    if (pendingWithdrawals.length > 0) {
      await sendTelegramMessage(chatId, `📤 *PENDING WITHDRAWALS (${pendingWithdrawals.length})*`, "MarkdownV2")

for (const withdrawal of pendingWithdrawals) {
        await sendTransactionMessage(chatId, withdrawal, "withdrawals")
      }
    }
  } catch (error: any) {
    console.error("Error fetching pending transactions:", error)
    await sendTelegramMessage(chatId, `Error fetching pending transactions: ${error.message}`)
  }
}

async function sendTransactionMessage(chatId: number | string, transaction: any, type: string) {
  // Get payment method and phone number safely (handle field name inconsistencies)
  const method = transaction.method || transaction.payment_method || "N/A"
  const phone = transaction.mobile_number || transaction.phone_number || "N/A"
  const transactionId = transaction.transaction_id || "N/A"
  const formattedDate = new Date(transaction.created_at).toLocaleString()

const message = `
${type === "deposits" ? "📥 DEPOSIT" : "📤 WITHDRAWAL"} REQUEST

Amount: ${transaction.amount}৳
User: @${transaction.user.username}
Method: ${method}
Phone: ${phone}
${type === "deposits" ? `Transaction ID: ${transactionId}` : ""}
Date: ${formattedDate}
ID: ${transaction.id}
`

const inlineKeyboard = {
    inline_keyboard: [
      [
        {
          text: "✅ Approve",
          callback_data: `approve:${type}:${transaction.id}`,
        },
        {
          text: "❌ Decline",
          callback_data: `decline:${type}:${transaction.id}`,
        },
      ],
    ],
  }

await sendTelegramMessage(chatId, message, undefined, inlineKeyboard)
}

async function sendTelegramMessage(chatId: number | string, text: string, parse_mode?: string, reply_markup?: any) {
  const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`

const response = await fetch(TELEGRAM_API_URL, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      chat_id: chatId,
      text: text,
      parse_mode: parse_mode,
      reply_markup: reply_markup,
    }),
  })

if (!response.ok) {
    const errorData = await response.json()
    console.error("Telegram API error:", errorData)
    throw new Error(`Telegram API error: ${JSON.stringify(errorData)}`)
  }

return await response.json()
}

async function updateTelegramMessage(
  chatId: number | string,
  messageId: number,
  text: string,
  reply_markup: any = null,
) {
  const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/editMessageText`

const response = await fetch(TELEGRAM_API_URL, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      chat_id: chatId,
      message_id: messageId,
      text: text,
      reply_markup: reply_markup.length === 0 ? undefined : { inline_keyboard: reply_markup },
    }),
  })

if (!response.ok) {
    const errorData = await response.json()
    console.error("Telegram API error:", errorData)
    throw new Error(`Telegram API error: ${JSON.stringify(errorData)}`)
  }

return await response.json()
}

// Add a function to answer callback queries
async function answerCallbackQuery(callbackQueryId: string, text = "") {
  const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/answerCallbackQuery`

const response = await fetch(TELEGRAM_API_URL, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      callback_query_id: callbackQueryId,
      text: text,
    }),
  })

if (!response.ok) {
    const errorData = await response.json()
    console.error("Telegram API error:", errorData)
    throw new Error(`Telegram API error: ${JSON.stringify(errorData)}`)
  }

return await response.json()
}

// GET handler for setting up the webhook
export async function GET(request: Request) {
  try {
    const { searchParams } = new URL(request.url)
    const setupWebhook = searchParams.get("setup") === "true"

if (setupWebhook) {
      // Get the base URL from the request
      const baseUrl = new URL(request.url).origin
      const webhookUrl = `${baseUrl}/api/telegram-bot`

// Set the webhook URL for the Telegram Bot
      const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/setWebhook`
      const response = await fetch(TELEGRAM_API_URL, {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          url: webhookUrl,
          allowed_updates: ["message", "callback_query"],
        }),
      })

const data = await response.json()
      return NextResponse.json(data)
    }

return NextResponse.json({ status: "OK", message: "Telegram Bot API is running" })
  } catch (error: any) {
    console.error("Error in GET handler:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/api/admin/fix-deposit/route.ts" isQuickEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function POST(request: Request) {
  try {
    // Parse the request body
    const body = await request.json()
    console.log("Processing deposit request:", body)

// Extract transaction data
    const { id, status } = body

if (!id || !status) {
      return NextResponse.json({ error: "Missing required fields" }, { status: 400 })
    }

// Validate status
    if (status !== "completed" && status !== "failed") {
      return NextResponse.json({ error: "Invalid status" }, { status: 400 })
    }

// Get the deposit details
    const { data: deposit, error: fetchError } = await supabaseAdmin.from("deposits").select("*").eq("id", id).single()

if (fetchError) {
      console.error("Failed to fetch deposit:", fetchError)
      return NextResponse.json({ error: `Failed to fetch deposit: ${fetchError.message}` }, { status: 500 })
    }

if (!deposit) {
      return NextResponse.json({ error: "Deposit not found" }, { status: 404 })
    }

if (deposit.status !== "pending") {
      return NextResponse.json({ error: `This deposit has already been ${deposit.status}` }, { status: 400 })
    }

// Get user details
    const { data: userData, error: userError } = await supabaseAdmin
      .from("profiles")
      .select("username, is_active, balance")
      .eq("id", deposit.user_id)
      .single()

if (userError) {
      console.error("Failed to fetch user data:", userError)
      return NextResponse.json({ error: `Failed to fetch user data: ${userError.message}` }, { status: 500 })
    }

// Update deposit status
    const { error: updateError } = await supabaseAdmin
      .from("deposits")
      .update({
        status: status,
        updated_at: new Date().toISOString(),
      })
      .eq("id", id)

if (updateError) {
      console.error("Failed to update deposit:", updateError)
      return NextResponse.json({ error: `Failed to update deposit: ${updateError.message}` }, { status: 500 })
    }

// Get payment method (handle both field names)
    const paymentMethod = deposit.method || deposit.payment_method || "unknown"

// Handle specific actions based on status
    if (status === "completed") {
      // Add amount to user's balance
      const shouldActivate = deposit.amount >= 50 && !userData.is_active
      const currentBalance = Number.parseFloat(userData.balance) || 0
      const newBalance = currentBalance + Number.parseFloat(deposit.amount)

console.log(`Updating user balance: ${currentBalance} + ${deposit.amount} = ${newBalance}`)
      console.log(`Should activate account: ${shouldActivate}`)
      console.log(`User activation status before update: ${userData.is_active}`)

// Update user balance and activate account if needed
      const updateData = {
        balance: newBalance,
        updated_at: new Date().toISOString(),
      }

// Only update activation status if deposit amount is sufficient
      if (shouldActivate) {
        updateData.is_active = true
      }

console.log("Updating profile with data:", updateData)

const { error: balanceError } = await supabaseAdmin.from("profiles").update(updateData).eq("id", deposit.user_id)

if (balanceError) {
        console.error("Failed to update user balance:", balanceError)
        return NextResponse.json({ error: `Failed to update user balance: ${balanceError.message}` }, { status: 500 })
      }

console.log(`User balance updated successfully from ${currentBalance} to ${newBalance}`)
      if (shouldActivate) {
        console.log(`User account activated: ${deposit.user_id}`)
      }

// Log the activity
      await supabaseAdmin.from("activity_log").insert([
        {
          user_id: deposit.user_id,
          activity_type: "deposit_approved",
          description: `Your deposit of ${deposit.amount}৳ has been approved${shouldActivate ? " and your account has been activated" : ""}`,
          metadata: {
            transaction_id: id,
            amount: deposit.amount,
            method: paymentMethod,
            approved_via: "admin_panel",
            account_activated: shouldActivate,
          },
        },
      ])
    } else if (status === "failed") {
      // Log the declined deposit
      await supabaseAdmin.from("activity_log").insert([
        {
          user_id: deposit.user_id,
          activity_type: "deposit_declined",
          description: `Your deposit of ${deposit.amount}৳ has been declined`,
          metadata: {
            transaction_id: id,
            amount: deposit.amount,
            method: paymentMethod,
            declined_via: "admin_panel",
          },
        },
      ])
    }

// Send notification via Telegram (simplified approach)
    try {
      console.log("Sending Telegram notification")

// Get user's username
      const username = userData.username || "unknown"

// Create a simple message for Telegram
      const message = `
Deposit ${status.toUpperCase()}:
Amount: ${deposit.amount}৳
User: @${username}
Method: ${paymentMethod}
ID: ${id}
      `

// Send a direct message to Telegram
      const BOT_TOKEN = "7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w"
      const CHAT_ID = "6880722176"

const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`

const telegramResponse = await fetch(TELEGRAM_API_URL, {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          chat_id: CHAT_ID,
          text: message,
        }),
      })

if (!telegramResponse.ok) {
        const telegramError = await telegramResponse.json()
        console.error("Telegram notification error:", telegramError)
      } else {
        console.log("Telegram notification sent successfully")
      }
    } catch (error) {
      console.error("Error sending Telegram notification:", error)
      // Continue even if Telegram notification fails
    }

return NextResponse.json({
      success: true,
      message: `Deposit ${status} successfully`,
      deposit: {
        ...deposit,
        status: status,
        updated_at: new Date().toISOString(),
      },
    })
  } catch (error: any) {
    console.error("Error in deposit processing API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="supabase/fix-transaction-processing.sql" isMerged="true"
-- Create or replace function to update transaction status and handle the associated actions
CREATE OR REPLACE FUNCTION update_transaction_status(
  transaction_type TEXT,
  transaction_id UUID,
  new_status TEXT,
  updated_via TEXT DEFAULT 'admin_panel'
)
RETURNS BOOLEAN AS $$
DECLARE
  transaction_record RECORD;
  user_id UUID;
  amount DECIMAL;
  should_activate BOOLEAN := FALSE;
  user_record RECORD;
BEGIN
  -- Get the transaction details
  EXECUTE format('
    SELECT * FROM %I WHERE id = $1
  ', transaction_type)
  INTO transaction_record
  USING transaction_id;
  
  IF transaction_record IS NULL THEN
    RAISE EXCEPTION 'Transaction not found';
  END IF;
  
  -- Extract common fields
  user_id := transaction_record.user_id;
  amount := transaction_record.amount;
  
  -- Get the user record to check current status
  SELECT * INTO user_record 
  FROM profiles 
  WHERE id = user_id;
  
  -- Update transaction status
  EXECUTE format('
    UPDATE %I 
    SET status = $1, updated_at = NOW()
    WHERE id = $2
  ', transaction_type)
  USING new_status, transaction_id;
  
  -- Handle deposits that are completed
  IF transaction_type = 'deposits' AND new_status = 'completed' THEN
    -- Check if this deposit is enough to activate the account
    should_activate := amount >= 50 AND NOT user_record.is_active;
    
    -- Always update the balance regardless of activation status
    IF should_activate THEN
      -- Update balance and activate account
      UPDATE profiles
      SET 
        balance = COALESCE(balance, 0) + amount,
        is_active = TRUE
      WHERE id = user_id;
      
      -- Log activation in activity log
      INSERT INTO activity_log (
        user_id,
        activity_type,
        description,
        metadata
      )
      VALUES (
        user_id, 
        'account_activated', 
        'Your account has been activated with your deposit',
        jsonb_build_object(
          'transaction_id', transaction_id,
          'amount', amount,
          'updated_via', updated_via
        )
      );
    ELSE
      -- Just update balance
      UPDATE profiles
      SET balance = COALESCE(balance, 0) + amount
      WHERE id = user_id;
    END IF;
    
    -- Log the activity
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      user_id, 
      'deposit_approved', 
      format('Your deposit of %s৳ has been approved', amount),
      jsonb_build_object(
        'transaction_id', transaction_id,
        'amount', amount,
        'approved_via', updated_via,
        'account_activated', should_activate
      )
    );
    
  ELSIF transaction_type = 'deposits' AND new_status = 'failed' THEN
    -- Log the declined deposit
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      user_id, 
      'deposit_declined', 
      format('Your deposit of %s৳ has been declined', amount),
      jsonb_build_object(
        'transaction_id', transaction_id,
        'amount', amount,
        'declined_via', updated_via
      )
    );
    
  ELSIF transaction_type = 'withdrawals' AND new_status = 'completed' THEN
    -- Just log the activity (amount already deducted when creating withdrawal request)
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      user_id, 
      'withdrawal_approved', 
      format('Your withdrawal of %s৳ has been approved', amount),
      jsonb_build_object(
        'transaction_id', transaction_id,
        'amount', amount,
        'approved_via', updated_via
      )
    );
    
  ELSIF transaction_type = 'withdrawals' AND new_status = 'failed' THEN
    -- If withdrawal is declined, refund the amount to user's balance
    UPDATE profiles
    SET balance = COALESCE(balance, 0) + amount
    WHERE id = user_id;
    
    -- Log the declined withdrawal
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      user_id, 
      'withdrawal_declined', 
      format('Your withdrawal of %s৳ has been declined. The amount has been refunded to your balance.', amount),
      jsonb_build_object(
        'transaction_id', transaction_id,
        'amount', amount,
        'declined_via', updated_via
      )
    );
  END IF;
  
  RETURN TRUE;
EXCEPTION
  WHEN OTHERS THEN
    RAISE NOTICE 'Error in update_transaction_status: %', SQLERRM;
    RETURN FALSE;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;
[V0_FILE]typescriptreact:file="app/admin/fix-database/page.tsx" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { LoadingSpinner } from "@/components/loading-spinner"
import { CheckCircle, Database, AlertCircle } from "lucide-react"

// Import the new component
import { FixTransactionProcessing } from "./utils"

export default function FixDatabasePage() {
  const [loading, setLoading] = useState(false)
  const [success, setSuccess] = useState<string | null>(null)
  const [error, setError] = useState<string | null>(null)

const fixDatabase = async () => {
    try {
      setLoading(true)
      setError(null)
      setSuccess(null)

const response = await fetch("/api/admin/fix-database", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to fix database schema")
      }

setSuccess(data.message || "Database schema fixed successfully")
    } catch (error: any) {
      console.error("Error fixing database:", error)
      setError(error.message || "Failed to fix database schema. Please try again.")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <h1 className="text-3xl font-bold">Database Utilities</h1>
        <p className="text-muted-foreground">This page contains utilities to fix common database issues</p>
      </div>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertCircle className="h-4 w-4" />
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

<div className="grid gap-6">
        <Card>
          <CardHeader>
            <CardTitle className="flex items-center">
              <Database className="h-5 w-5 mr-2" /> Fix Database Schema
            </CardTitle>
            <CardDescription>
              This utility will fix missing columns and tables in the database schema. Use this if you are experiencing
              errors related to missing columns.
            </CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-muted-foreground mb-4">
              This will add the following missing columns to the user_tasks table:
            </p>
            <ul className="list-disc pl-5 mb-4 space-y-1">
              <li>started_at</li>
              <li>submission_date</li>
              <li>submission_details</li>
              <li>admin_approved</li>
            </ul>
            <p className="text-amber-600 text-sm">
              <AlertCircle className="h-4 w-4 inline mr-1" />
              This operation is safe and will not delete any existing data.
            </p>
          </CardContent>
          <CardFooter>
            <Button onClick={fixDatabase} disabled={loading} className="w-full">
              {loading ? (
                <>
                  <LoadingSpinner size="sm" className="mr-2" /> Fixing Database...
                </>
              ) : (
                <>Fix Database Schema</>
              )}
            </Button>
          </CardFooter>
        </Card>

{/* Add the new transaction processing fix component */}
        <FixTransactionProcessing />
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/sql/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function POST(request: Request) {
  try {
    // Check for admin authentication token in headers
    const adminAuth = request.headers.get("x-admin-auth")
    if (adminAuth !== "true") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Extract SQL query from request body
    const { query } = await request.json()

if (!query) {
      return NextResponse.json({ error: "SQL query is required" }, { status: 400 })
    }

// Execute SQL query
    const { data, error } = await supabaseAdmin.rpc("exec_sql", { sql: query })

if (error) {
      console.error("Error executing SQL:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "SQL query executed successfully",
      data,
    })
  } catch (error: any) {
    console.error("Error in SQL API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="supabase/create-sql-execution-function.sql" isMerged="true"
-- Create a function to execute arbitrary SQL safely (admin use only)
CREATE OR REPLACE FUNCTION exec_sql(sql text)
RETURNS jsonb
LANGUAGE plpgsql
SECURITY DEFINER
AS $$
DECLARE
  result jsonb;
BEGIN
  -- Check if the function is being called by an authenticated user
  IF auth.uid() IS NULL THEN
    RAISE EXCEPTION 'Unauthorized';
  END IF;
  
  -- Check if user is admin
  DECLARE
    is_admin_user BOOLEAN;
  BEGIN
    SELECT is_admin INTO is_admin_user
    FROM profiles
    WHERE id = auth.uid();
    
    IF NOT COALESCE(is_admin_user, FALSE) THEN
      RAISE EXCEPTION 'Only admin users can execute SQL';
    END IF;
  END;
  
  -- Execute the SQL
  EXECUTE sql;
  
  -- Return success
  result := jsonb_build_object('success', true);
  
  RETURN result;
EXCEPTION
  WHEN OTHERS THEN
    RETURN jsonb_build_object(
      'success', false,
      'error', SQLERRM,
      'detail', SQLSTATE
    );
END;
$$;

-- Grant execute permission to authenticated users (who will be verified as admins inside the function)
GRANT EXECUTE ON FUNCTION exec_sql TO authenticated;
[V0_FILE]sql:file="supabase/migrations/add_completed_at_column.sql" isMerged="true"
-- Add completed_at column to user_tasks table if it doesn't exist
DO $$
BEGIN
  IF NOT EXISTS (
    SELECT 1 
    FROM information_schema.columns 
    WHERE table_name = 'user_tasks' 
    AND column_name = 'completed_at'
  ) THEN
    ALTER TABLE user_tasks ADD COLUMN completed_at TIMESTAMP WITH TIME ZONE;
  END IF;
END $$;
[V0_FILE]typescript:file="app/api/admin/task-submissions/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function GET(request: Request) {
  try {
    // Check for admin authentication token in headers
    const adminAuth = request.headers.get("x-admin-auth")
    if (adminAuth !== "true") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// First, ensure the completed_at column exists
    try {
      await supabaseAdmin.rpc("exec_sql", {
        sql: `
          DO $$
          BEGIN
            IF NOT EXISTS (
              SELECT 1 
              FROM information_schema.columns 
              WHERE table_name = 'user_tasks' 
              AND column_name = 'completed_at'
            ) THEN
              ALTER TABLE user_tasks ADD COLUMN completed_at TIMESTAMP WITH TIME ZONE;
            END IF;
          END $$;
        `,
      })
    } catch (error) {
      console.log("Error ensuring column exists:", error)
      // Continue execution even if this fails
    }

// Fetch submitted tasks with a more resilient query
    const { data, error } = await supabaseAdmin
      .from("user_tasks")
      .select(`
        id,
        user_id,
        task_id,
        status,
        started_at,
        submission_date,
        submission_details,
        admin_approved,
        created_at,
        user:profiles(username, is_active),
        task:tasks(title, reward)
      `)
      .eq("status", "submitted")
      .order("created_at", { ascending: false })

if (error) {
      console.error("Error fetching task submissions:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

// Normalize the data to handle missing columns
    const submissions = data.map((submission) => ({
      id: submission.id,
      user_id: submission.user_id,
      task_id: submission.task_id,
      status: submission.status || "submitted",
      started_at: submission.started_at || submission.created_at,
      completed_at: null, // Default value since the column might not exist yet
      submission_details: submission.submission_details || "No details provided",
      submission_date: submission.submission_date || submission.created_at,
      admin_approved: submission.admin_approved || false,
      user: submission.user,
      task: submission.task,
    }))

return NextResponse.json({ submissions })
  } catch (error: any) {
    console.error("Error in task submissions API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/admin/users/page.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useRouter } from "next/navigation"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Badge } from "@/components/ui/badge"
import { Input } from "@/components/ui/input"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { LoadingSpinner } from "@/components/loading-spinner"
import { CheckCircle, XCircle, RefreshCw, Edit, Search, UserPlus } from "lucide-react"
import Link from "next/link"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
  DialogFooter,
  DialogClose,
} from "@/components/ui/dialog"

interface User {
  id: string
  username: string
  full_name: string
  email: string
  balance: number
  is_active: boolean
  referral_code: string
  referral_count: number
  total_earnings: number
  created_at: string
}

export default function AdminUsers() {
  const router = useRouter()
  const [users, setUsers] = useState<User[]>([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState<string | null>(null)
  const [success, setSuccess] = useState<string | null>(null)
  const [searchTerm, setSearchTerm] = useState("")
  const [activatingUser, setActivatingUser] = useState<string | null>(null)
  const [editingUser, setEditingUser] = useState<User | null>(null)
  const [editBalance, setEditBalance] = useState<string>("")
  const [isAdmin, setIsAdmin] = useState(false)
  const [checkingAdmin, setCheckingAdmin] = useState(true)

useEffect(() => {
    const checkAdminAndFetchUsers = async () => {
      try {
        // Check if admin is authenticated via localStorage
        const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"

if (!adminAuthenticated) {
          router.push("/admin-login")
          return
        }

setIsAdmin(true)
        fetchUsers()
      } catch (error: any) {
        console.error("Error checking admin status:", error)
        setError(error.message || "Failed to check admin status")
      } finally {
        setCheckingAdmin(false)
      }
    }

checkAdminAndFetchUsers()
  }, [router])

const fetchUsers = async () => {
    try {
      setLoading(true)
      setError(null)

const response = await fetch("/api/admin/users", {
        headers: {
          "x-admin-auth": "true", // Admin authentication token
        },
      })

if (!response.ok) {
        const errorData = await response.json()
        throw new Error(errorData.error || "Failed to fetch users")
      }

const data = await response.json()
      setUsers(data.users || [])
    } catch (error: any) {
      console.error("Error fetching users:", error)
      setError(error.message || "Failed to load users")
    } finally {
      setLoading(false)
    }
  }

const activateUser = async (userId: string) => {
    try {
      setActivatingUser(userId)
      setError(null)
      setSuccess(null)

const response = await fetch("/api/admin/activate-user", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
        body: JSON.stringify({ userId }),
      })

if (!response.ok) {
        const errorData = await response.json()
        throw new Error(errorData.error || "Failed to activate user")
      }

// Update local state
      setUsers(users.map((user) => (user.id === userId ? { ...user, is_active: true } : user)))

setSuccess("User activated successfully")

// Clear success message after 3 seconds
      setTimeout(() => setSuccess(null), 3000)
    } catch (error: any) {
      console.error("Error activating user:", error)
      setError(error.message || "Failed to activate user. Please try again.")
    } finally {
      setActivatingUser(null)
    }
  }

const updateUserBalance = async () => {
    if (!editingUser) return

try {
      setError(null)
      setSuccess(null)

const newBalance = Number.parseFloat(editBalance)
      if (isNaN(newBalance)) {
        setError("Please enter a valid balance amount")
        return
      }

const response = await fetch("/api/admin/update-user", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
        body: JSON.stringify({
          userId: editingUser.id,
          balance: newBalance,
        }),
      })

if (!response.ok) {
        const errorData = await response.json()
        throw new Error(errorData.error || "Failed to update user")
      }

// Update local state
      setUsers(users.map((user) => (user.id === editingUser.id ? { ...user, balance: newBalance } : user)))

setSuccess(`Balance updated successfully for user ${editingUser.username}`)
      setEditingUser(null)

// Clear success message after 3 seconds
      setTimeout(() => setSuccess(null), 3000)
    } catch (error: any) {
      console.error("Error updating user:", error)
      setError(error.message || "Failed to update user. Please try again.")
    }
  }

const filteredUsers = users.filter(
    (user) =>
      user.username.toLowerCase().includes(searchTerm.toLowerCase()) ||
      user.email.toLowerCase().includes(searchTerm.toLowerCase()) ||
      (user.full_name && user.full_name.toLowerCase().includes(searchTerm.toLowerCase())),
  )

if (loading || checkingAdmin) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

if (!isAdmin) {
    return null // Will redirect in useEffect
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="flex justify-between items-center mb-8">
        <div>
          <h1 className="text-3xl font-bold">User Management</h1>
          <p className="text-muted-foreground">Manage user accounts and balances</p>
        </div>
        <div className="flex space-x-4">
          <Button onClick={fetchUsers} disabled={loading} className="flex items-center gap-2">
            {loading ? <LoadingSpinner size="sm" /> : <RefreshCw className="h-4 w-4" />}
            Refresh
          </Button>
          <Link href="/admin/users/new">
            <Button className="flex items-center gap-2">
              <UserPlus className="h-4 w-4" />
              Add User
            </Button>
          </Link>
        </div>
      </div>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

{success && (
        <Alert className="mb-6">
          <AlertDescription>{success}</AlertDescription>
        </Alert>
      )}

<Card className="mb-6">
        <CardHeader>
          <CardTitle>Search Users</CardTitle>
          <CardDescription>Search by username, email, or name</CardDescription>
        </CardHeader>
        <CardContent>
          <div className="relative">
            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground" />
            <Input
              placeholder="Search users..."
              value={searchTerm}
              onChange={(e) => setSearchTerm(e.target.value)}
              className="pl-10"
            />
          </div>
        </CardContent>
      </Card>

<Card>
        <CardHeader>
          <CardTitle>User Accounts</CardTitle>
          <CardDescription>Manage all user accounts on the platform</CardDescription>
        </CardHeader>
        <CardContent>
          {filteredUsers.length > 0 ? (
            <div className="overflow-x-auto">
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>Username</TableHead>
                    <TableHead>Email</TableHead>
                    <TableHead>Name</TableHead>
                    <TableHead>Balance</TableHead>
                    <TableHead>Status</TableHead>
                    <TableHead>Referrals</TableHead>
                    <TableHead>Joined</TableHead>
                    <TableHead className="text-right">Actions</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {filteredUsers.map((user) => (
                    <TableRow key={user.id}>
                      <TableCell className="font-medium">{user.username}</TableCell>
                      <TableCell>{user.email}</TableCell>
                      <TableCell>{user.full_name || "N/A"}</TableCell>
                      <TableCell>{user.balance.toFixed(2)}৳</TableCell>
                      <TableCell>
                        {user.is_active ? (
                          <Badge className="bg-green-500">Active</Badge>
                        ) : (
                          <Badge className="bg-yellow-500">Inactive</Badge>
                        )}
                      </TableCell>
                      <TableCell>{user.referral_count || 0}</TableCell>
                      <TableCell>{new Date(user.created_at).toLocaleDateString()}</TableCell>
                      <TableCell className="text-right">
                        <div className="flex justify-end space-x-2">
                          <Dialog>
                            <DialogTrigger asChild>
                              <Button variant="outline" size="sm">
                                <Edit className="h-4 w-4" />
                              </Button>
                            </DialogTrigger>
                            <DialogContent>
                              <DialogHeader>
                                <DialogTitle>Edit User</DialogTitle>
                                <DialogDescription>Update user details</DialogDescription>
                              </DialogHeader>
                              <div className="space-y-4 py-4">
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <p className="text-right font-medium">Username:</p>
                                  <p className="col-span-3">{user.username}</p>
                                </div>
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <p className="text-right font-medium">Email:</p>
                                  <p className="col-span-3">{user.email}</p>
                                </div>
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <p className="text-right font-medium">Current Balance:</p>
                                  <p className="col-span-3">{user.balance.toFixed(2)}৳</p>
                                </div>
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <label htmlFor="balance" className="text-right font-medium">
                                    New Balance:
                                  </label>
                                  <Input
                                    id="balance"
                                    type="number"
                                    step="0.01"
                                    defaultValue={user.balance.toString()}
                                    onChange={(e) => setEditBalance(e.target.value)}
                                    className="col-span-3"
                                  />
                                </div>
                              </div>
                              <DialogFooter>
                                <DialogClose asChild>
                                  <Button variant="outline">Cancel</Button>
                                </DialogClose>
                                <Button
                                  onClick={() => {
                                    setEditingUser(user)
                                    updateUserBalance()
                                  }}
                                >
                                  Save Changes
                                </Button>
                              </DialogFooter>
                            </DialogContent>
                          </Dialog>

{!user.is_active && (
                            <Button
                              variant="outline"
                              size="sm"
                              className="bg-green-500 text-white hover:bg-green-600"
                              onClick={() => activateUser(user.id)}
                              disabled={activatingUser === user.id}
                            >
                              {activatingUser === user.id ? (
                                <LoadingSpinner size="sm" className="mr-1" />
                              ) : (
                                <CheckCircle className="h-4 w-4 mr-1" />
                              )}
                              Activate
                            </Button>
                          )}
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </div>
          ) : (
            <div className="text-center py-8">
              <XCircle className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
              <h3 className="text-xl font-semibold mb-2">No users found</h3>
              <p className="text-muted-foreground">
                {searchTerm ? "No users match your search criteria" : "There are no users in the system yet"}
              </p>
            </div>
          )}
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/admin/users/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

// Fetch all users
    const { data, error } = await supabaseAdmin.from("profiles").select("*").order("created_at", { ascending: false })

if (error) {
      console.error("Error fetching users:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ users: data })
  } catch (error: any) {
    console.error("Error in users API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/api/admin/update-user/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

// Parse request body
    const { userId, balance } = await request.json()

if (!userId) {
      return NextResponse.json({ error: "User ID is required" }, { status: 400 })
    }

// Update user balance
    const { error } = await supabaseAdmin
      .from("profiles")
      .update({ balance, updated_at: new Date().toISOString() })
      .eq("id", userId)

if (error) {
      console.error("Error updating user:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

// Log the activity
    await supabaseAdmin.from("activity_log").insert([
      {
        user_id: userId,
        activity_type: "balance_update",
        description: `Your balance was updated to ${balance}৳ by an admin`,
        metadata: {
          new_balance: balance,
          updated_via: "admin_panel",
        },
      },
    ])

return NextResponse.json({
      success: true,
      message: "User updated successfully",
    })
  } catch (error: any) {
    console.error("Error in update user API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="supabase/migrations/fix_referral_bonuses.sql" isMerged="true"
-- Create a function to properly handle referral bonuses
CREATE OR REPLACE FUNCTION process_referral_bonus(referred_user_id UUID)
RETURNS BOOLEAN AS $$
DECLARE
  referrer_id UUID;
  referral_record RECORD;
  referrer_bonus DECIMAL := 35.0; -- 35 Taka for referrer
  referred_bonus DECIMAL := 10.0; -- 10 Taka for referred user
BEGIN
  -- Check if this user was referred by someone
  SELECT referred_by INTO referrer_id 
  FROM profiles 
  WHERE id = referred_user_id;
  
  -- If user wasn't referred, exit early
  IF referrer_id IS NULL THEN
    RETURN FALSE;
  END IF;
  
  -- Find the referral record
  SELECT * INTO referral_record
  FROM referrals
  WHERE referrer_id = referrer_id 
  AND referred_id = referred_user_id;
  
  -- If no referral record exists, create one
  IF referral_record IS NULL THEN
    INSERT INTO referrals (
      referrer_id,
      referred_id,
      status,
      reward,
      created_at
    ) VALUES (
      referrer_id,
      referred_user_id,
      'active',
      referrer_bonus,
      NOW()
    );
  ELSE
    -- Update existing referral to active status
    UPDATE referrals
    SET status = 'active'
    WHERE referrer_id = referrer_id 
    AND referred_id = referred_user_id;
  END IF;
  
  -- Add bonus to the referrer
  UPDATE profiles
  SET 
    balance = COALESCE(balance, 0) + referrer_bonus,
    referral_earnings = COALESCE(referral_earnings, 0) + referrer_bonus,
    total_earnings = COALESCE(total_earnings, 0) + referrer_bonus,
    referral_count = COALESCE(referral_count, 0) + 1
  WHERE id = referrer_id;
  
  -- Add bonus to the referred user
  UPDATE profiles
  SET 
    balance = COALESCE(balance, 0) + referred_bonus,
    total_earnings = COALESCE(total_earnings, 0) + referred_bonus
  WHERE id = referred_user_id;
  
  -- Log activity for referrer
  INSERT INTO activity_log (
    user_id,
    activity_type,
    description,
    metadata
  ) VALUES (
    referrer_id,
    'referral_bonus',
    'You received 35৳ for referring a new user',
    jsonb_build_object(
      'referred_id', referred_user_id,
      'bonus_amount', referrer_bonus
    )
  );
  
  -- Log activity for referred user
  INSERT INTO activity_log (
    user_id,
    activity_type,
    description,
    metadata
  ) VALUES (
    referred_user_id,
    'signup_bonus',
    'You received 10৳ signup bonus for using a referral code',
    jsonb_build_object(
      'referrer_id', referrer_id,
      'bonus_amount', referred_bonus
    )
  );
  
  RETURN TRUE;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Grant execute permission to authenticated users
GRANT EXECUTE ON FUNCTION process_referral_bonus TO authenticated;

-- Update the account activation function to process referral bonuses
CREATE OR REPLACE FUNCTION activate_user_account(user_id_param UUID)
RETURNS BOOLEAN AS $$
BEGIN
  -- Activate the user account
  UPDATE profiles
  SET is_active = true
  WHERE id = user_id_param;
  
  -- Process referral bonus if applicable
  PERFORM process_referral_bonus(user_id_param);
  
  RETURN TRUE;
EXCEPTION
  WHEN OTHERS THEN
    RAISE NOTICE 'Error in activate_user_account: %', SQLERRM;
    RETURN FALSE;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Grant execute permission to authenticated users
GRANT EXECUTE ON FUNCTION activate_user_account TO authenticated;
[V0_FILE]typescript:file="app/api/admin/process-referral/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function POST(request: Request) {
  try {
    // Parse the request body
    const body = await request.json()

// Extract user ID
    const { userId } = body

if (!userId) {
      return NextResponse.json({ error: "User ID is required" }, { status: 400 })
    }

// Get user details
    const { data: userData, error: userError } = await supabaseAdmin
      .from("profiles")
      .select("id, username, referred_by, is_active")
      .eq("id", userId)
      .single()

if (userError) {
      console.error("Error fetching user:", userError)
      return NextResponse.json({ error: `Failed to fetch user: ${userError.message}` }, { status: 500 })
    }

if (!userData) {
      return NextResponse.json({ error: "User not found" }, { status: 404 })
    }

// Check if user has a referrer
    if (!userData.referred_by) {
      return NextResponse.json({ error: "User was not referred by anyone" }, { status: 400 })
    }

// Process referral bonus
    const { data, error: processError } = await supabaseAdmin.rpc("process_referral_bonus", {
      referred_user_id: userId,
    })

if (processError) {
      console.error("Error processing referral bonus:", processError)
      return NextResponse.json({ error: `Failed to process referral bonus: ${processError.message}` }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Referral bonus processed successfully",
      result: data,
    })
  } catch (error: any) {
    console.error("Error in process-referral API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/api/admin/process-transaction/route.ts" isFixed="true" isQuickEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function POST(request: Request) {
  try {
    // Parse the request body
    const body = await request.json()
    console.log("Processing transaction request:", body)

// Extract transaction data
    const { type, id, status } = body

if (!type || !id || !status) {
      return NextResponse.json({ error: "Missing required fields" }, { status: 400 })
    }

// Validate transaction type
    if (type !== "deposits" && type !== "withdrawals") {
      return NextResponse.json({ error: "Invalid transaction type" }, { status: 400 })
    }

// Validate status
    if (status !== "completed" && status !== "failed") {
      return NextResponse.json({ error: "Invalid status" }, { status: 400 })
    }

console.log(`Processing ${type} transaction with ID ${id}, setting status to ${status}`)

// Get the transaction details
    const { data: transaction, error: fetchError } = await supabaseAdmin.from(type).select("*").eq("id", id).single()

if (fetchError) {
      console.error(`Failed to fetch ${type}:`, fetchError)
      return NextResponse.json({ error: `Failed to fetch ${type}: ${fetchError.message}` }, { status: 500 })
    }

if (!transaction) {
      return NextResponse.json({ error: `Transaction not found` }, { status: 404 })
    }

if (transaction.status !== "pending") {
      return NextResponse.json({ error: `This transaction has already been ${transaction.status}` }, { status: 400 })
    }

// Get user details
    const { data: userData, error: userError } = await supabaseAdmin
      .from("profiles")
      .select("username, is_active, balance")
      .eq("id", transaction.user_id)
      .single()

if (userError) {
      console.error(`Failed to fetch user data:`, userError)
      return NextResponse.json({ error: `Failed to fetch user data: ${userError.message}` }, { status: 500 })
    }

console.log("User data:", userData)

// Update transaction status
    const { error: updateError } = await supabaseAdmin
      .from(type)
      .update({
        status: status,
        updated_at: new Date().toISOString(),
      })
      .eq("id", id)

if (updateError) {
      console.error(`Failed to update ${type}:`, updateError)
      return NextResponse.json({ error: `Failed to update ${type}: ${updateError.message}` }, { status: 500 })
    }

console.log(`Transaction status updated to ${status}`)

// Get payment method (handle both field names)
    const paymentMethod = transaction.method || transaction.payment_method || "unknown"

// Handle specific actions based on transaction type and status
    if (type === "deposits" && status === "completed") {
      // For deposits: Add amount to user's balance
      const shouldActivate = transaction.amount >= 50 && !userData.is_active
      const currentBalance = Number.parseFloat(userData.balance) || 0
      const newBalance = currentBalance + Number.parseFloat(transaction.amount)

console.log(`Updating user balance: ${currentBalance} + ${transaction.amount} = ${newBalance}`)
      console.log(`Should activate account: ${shouldActivate}`)
      console.log(`User activation status before update: ${userData.is_active}`)

// Update user balance and activate account if needed
      const updateData = {
        balance: newBalance,
        updated_at: new Date().toISOString(),
      }

// Only update activation status if deposit amount is sufficient
      if (shouldActivate) {
        updateData.is_active = true

// Process referral bonus if the user is being activated
        try {
          await supabaseAdmin.rpc("process_referral_bonus", {
            referred_user_id: transaction.user_id,
          })
          console.log("Referral bonus processed for user:", transaction.user_id)
        } catch (refError) {
          console.error("Error processing referral bonus:", refError)
          // Continue even if referral bonus processing fails
        }
      }

console.log("Updating profile with data:", updateData)

const { error: balanceError } = await supabaseAdmin
        .from("profiles")
        .update(updateData)
        .eq("id", transaction.user_id)

if (balanceError) {
        console.error(`Failed to update user balance:`, balanceError)
        return NextResponse.json({ error: `Failed to update user balance: ${balanceError.message}` }, { status: 500 })
      }

console.log(`User balance updated successfully from ${currentBalance} to ${newBalance}`)
      if (shouldActivate) {
        console.log(`User account activated: ${transaction.user_id}`)
      }

// Log the activity
      await supabaseAdmin.from("activity_log").insert([
        {
          user_id: transaction.user_id,
          activity_type: "deposit_approved",
          description: `Your deposit of ${transaction.amount}৳ has been approved${shouldActivate ? " and your account has been activated" : ""}`,
          metadata: {
            transaction_id: id,
            amount: transaction.amount,
            method: paymentMethod,
            approved_via: "admin_panel",
            account_activated: shouldActivate,
          },
        },
      ])
    } else if (type === "deposits" && status === "failed") {
      // For deposits: Just log the declined activity
      await supabaseAdmin.from("activity_log").insert([
        {
          user_id: transaction.user_id,
          activity_type: "deposit_declined",
          description: `Your deposit of ${transaction.amount}৳ has been declined`,
          metadata: {
            transaction_id: id,
            amount: transaction.amount,
            method: paymentMethod,
            declined_via: "admin_panel",
          },
        },
      ])

console.log("Activity log created for deposit decline")
    } else if (type === "withdrawals" && status === "completed") {
      // For withdrawals: Just log the activity (amount already deducted)
      await supabaseAdmin.from("activity_log").insert([
        {
          user_id: transaction.user_id,
          activity_type: "withdrawal_approved",
          description: `Your withdrawal of ${transaction.amount}৳ has been approved`,
          metadata: {
            transaction_id: id,
            amount: transaction.amount,
            method: paymentMethod,
            approved_via: "admin_panel",
          },
        },
      ])

console.log("Activity log created for withdrawal approval")
    } else if (type === "withdrawals" && status === "failed") {
      // If withdrawal is declined, refund the amount to user's balance
      const currentBalance = userData.balance || 0
      const newBalance = currentBalance + transaction.amount

console.log(`Refunding withdrawal: ${currentBalance} + ${transaction.amount} = ${newBalance}`)

const { error: refundError } = await supabaseAdmin
        .from("profiles")
        .update({
          balance: newBalance,
        })
        .eq("id", transaction.user_id)

if (refundError) {
        console.error(`Failed to refund user balance:`, refundError)
        return NextResponse.json({ error: `Failed to refund user balance: ${refundError.message}` }, { status: 500 })
      }

console.log("User balance refunded successfully")

// Log the declined withdrawal
      await supabaseAdmin.from("activity_log").insert([
        {
          user_id: transaction.user_id,
          activity_type: "withdrawal_declined",
          description: `Your withdrawal of ${transaction.amount}৳ has been declined. The amount has been refunded to your balance.`,
          metadata: {
            transaction_id: id,
            amount: transaction.amount,
            method: paymentMethod,
            declined_via: "admin_panel",
          },
        },
      ])

console.log("Activity log created for withdrawal decline")
    }

// Send notification via Telegram (simplified approach)
    try {
      console.log("Sending Telegram notification")

// Get user's username
      const username = userData.username || "unknown"

// Create a simple message for Telegram
      const message = `
Transaction ${status.toUpperCase()}:
Type: ${type === "deposits" ? "Deposit" : "Withdrawal"}
Amount: ${transaction.amount}৳
User: @${username}
Method: ${paymentMethod}
ID: ${id}
      `

// Send a direct message to Telegram
      const BOT_TOKEN = "7825284153:AAEKbga9rIBOUnSL2ndRrO6Hl1HsxS1EV7w"
      const CHAT_ID = "6880722176"

const TELEGRAM_API_URL = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`

return NextResponse.json({
      success: true,
      message: `Transaction ${status} successfully`,
      transaction: {
        ...transaction,
        status: status,
        updated_at: new Date().toISOString(),
      },
    })
  } catch (error: any) {
    console.error("Error in transaction processing API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/login/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import Link from "next/link"
import AuthLayout from "@/components/auth-layout"
import { supabase } from "@/lib/supabase"

export default function Login() {
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const router = useRouter()

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError(null)

try {
      // Sign in with Supabase directly
      const { data, error: signInError } = await supabase.auth.signInWithPassword({
        email,
        password,
      })

if (signInError) {
        throw signInError
      }

// Check if user is admin
      const { data: profileData } = await supabase.from("profiles").select("is_admin").eq("id", data.user.id).single()

if (profileData?.is_admin) {
        // Redirect to admin dashboard
        router.push("/admin")
      } else {
        // Redirect to user dashboard
        router.push("/dashboard")
      }
    } catch (error: any) {
      console.error("Login error:", error)
      setError(error.message || "Failed to sign in")
    } finally {
      setLoading(false)
    }
  }

return (
    <AuthLayout
      title="Sign in to your account"
      subtitle="Enter your credentials to access your account"
      alternateLink={{
        text: "Don't have an account?",
        href: "/signup",
        label: "Sign up",
      }}
    >
      <form className="space-y-6" onSubmit={handleSubmit}>
        {error && <div className="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-md">{error}</div>}

<div>
          <label htmlFor="email" className="block text-sm font-medium text-gray-700">
            Email address
          </label>
          <input
            id="email"
            name="email"
            type="email"
            autoComplete="email"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-[#5E4FDB] focus:outline-none focus:ring-[#5E4FDB]"
            value={email}
            onChange={(e) => setEmail(e.target.value)}
          />
        </div>

<div>
          <label htmlFor="password" className="block text-sm font-medium text-gray-700">
            Password
          </label>
          <input
            id="password"
            name="password"
            type="password"
            autoComplete="current-password"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-[#5E4FDB] focus:outline-none focus:ring-[#5E4FDB]"
            value={password}
            onChange={(e) => setPassword(e.target.value)}
          />
        </div>

<div className="flex items-center justify-between">
          <div className="flex items-center">
            <input
              id="remember-me"
              name="remember-me"
              type="checkbox"
              className="h-4 w-4 rounded border-gray-300 text-[#5E4FDB] focus:ring-[#5E4FDB]"
            />
            <label htmlFor="remember-me" className="ml-2 block text-sm text-gray-900">
              Remember me
            </label>
          </div>

<div className="text-sm">
            <Link href="/forgot-password" className="font-medium text-[#5E4FDB] hover:text-[#4E3FCB]">
              Forgot your password?
            </Link>
          </div>
        </div>

<div className="space-y-4">
          <button
            type="submit"
            disabled={loading}
            className="flex w-full justify-center rounded-md border border-transparent bg-[#5E4FDB] py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-[#4E3FCB] focus:outline-none focus:ring-2 focus:ring-[#5E4FDB] focus:ring-offset-2 disabled:opacity-75"
          >
            {loading ? "Signing in..." : "Sign in"}
          </button>

<div className="text-center">
            <Link href="/admin-login" className="text-sm font-medium text-[#5E4FDB] hover:text-[#4E3FCB]">
              Admin panel login
            </Link>
          </div>
        </div>
      </form>
    </AuthLayout>
  )
}
[V0_FILE]typescriptreact:file="app/admin/fix-database/utils.tsx" isQuickEdit="true" isMerged="true"
"use client"

export function FixTransactionProcessing() {
  const [loading, setLoading] = useState(false)
  const [success, setSuccess] = useState<string | null>(null)
  const [error, setError] = useState<string | null>(null)

const runFix = async () => {
    try {
      setLoading(true)
      setError(null)
      setSuccess(null)

const response = await fetch("/api/sql", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
        body: JSON.stringify({
          query: `
         -- Run the query to create or replace the transaction processing function
         CREATE OR REPLACE FUNCTION update_transaction_status(
           transaction_type TEXT,
           transaction_id UUID,
           new_status TEXT,
           updated_via TEXT DEFAULT 'admin_panel'
         )
         RETURNS BOOLEAN AS $$
         DECLARE
           transaction_record RECORD;
           user_id UUID;
           amount DECIMAL;
           should_activate BOOLEAN := FALSE;
           user_record RECORD;
           payment_method TEXT;
         BEGIN
           -- Get the transaction details
           EXECUTE format('
             SELECT * FROM %I WHERE id = $1
           ', transaction_type)
           INTO transaction_record
           USING transaction_id;
           
           IF transaction_record IS NULL THEN
             RAISE EXCEPTION 'Transaction not found';
           END IF;
           
           -- Extract common fields
           user_id := transaction_record.user_id;
           amount := transaction_record.amount;
           
           -- Get payment method safely (handle both field names)
           payment_method := COALESCE(transaction_record.method, transaction_record.payment_method, 'unknown');
           
           -- Get the user record to check current status
           SELECT * INTO user_record 
           FROM profiles 
           WHERE id = user_id;
           
           -- Update transaction status
           EXECUTE format('
             UPDATE %I 
             SET status = $1, updated_at = NOW()
             WHERE id = $2
           ', transaction_type)
           USING new_status, transaction_id;
           
           -- Handle deposits that are completed
           IF transaction_type = 'deposits' AND new_status = 'completed' THEN
             -- Check if this deposit is enough to activate the account
             should_activate := amount >= 50 AND NOT COALESCE(user_record.is_active, FALSE);
             
             -- Update user balance and activate account if needed
             IF should_activate THEN
               -- Update balance and activate account
               UPDATE profiles
               SET 
                 balance = COALESCE(balance, 0) + amount,
                 is_active = TRUE,
                 updated_at = NOW()
               WHERE id = user_id;
               
               -- Log the activity
               INSERT INTO activity_log (
                 user_id,
                 activity_type,
                 description,
                 metadata
               )
               VALUES (
                 user_id, 
                 'deposit_approved', 
                 format('Your deposit of %s৳ has been approved and your account has been activated', amount),
                 jsonb_build_object(
                   'transaction_id', transaction_id,
                   'amount', amount,
                   'method', payment_method,
                   'approved_via', updated_via,
                   'account_activated', TRUE
                 )
               );
             ELSE
               -- Just update balance for already activated accounts
               UPDATE profiles
               SET 
                 balance = COALESCE(balance, 0) + amount,
                 updated_at = NOW()
               WHERE id = user_id;
               
               -- Log the activity
               INSERT INTO activity_log (
                 user_id,
                 activity_type,
                 description,
                 metadata
               )
               VALUES (
                 user_id, 
                 'deposit_approved', 
                 format('Your deposit of %s৳ has been approved', amount),
                 jsonb_build_object(
                   'transaction_id', transaction_id,
                   'amount', amount,
                   'method', payment_method,
                   'approved_via', updated_via,
                   'account_activated', FALSE
                 )
               );
             END IF;
             
           ELSIF transaction_type = 'deposits' AND new_status = 'failed' THEN
             -- Log the declined deposit
             INSERT INTO activity_log (
               user_id,
               activity_type,
               description,
               metadata
             )
             VALUES (
               user_id, 
               'deposit_declined', 
               format('Your deposit of %s৳ has been declined', amount),
               jsonb_build_object(
                 'transaction_id', transaction_id,
                 'amount', amount,
                 'method', payment_method,
                 'declined_via', updated_via
               )
             );
             
           ELSIF transaction_type = 'withdrawals' AND new_status = 'completed' THEN
             -- Just log the activity for completed withdrawals
             INSERT INTO activity_log (
               user_id,
               activity_type,
               description,
               metadata
             )
             VALUES (
               user_id, 
               'withdrawal_approved', 
               format('Your withdrawal of %s৳ has been approved', amount),
               jsonb_build_object(
                 'transaction_id', transaction_id,
                 'amount', amount,
                 'method', payment_method,
                 'approved_via', updated_via
               )
             );
             
           ELSIF transaction_type = 'withdrawals' AND new_status = 'failed' THEN
             -- If withdrawal is declined, refund the amount to user's balance
             UPDATE profiles
             SET 
               balance = COALESCE(balance, 0) + amount,
               updated_at = NOW()
             WHERE id = user_id;
             
             -- Log the declined withdrawal
             INSERT INTO activity_log (
               user_id,
               activity_type,
               description,
               metadata
             )
             VALUES (
               user_id, 
               'withdrawal_declined', 
               format('Your withdrawal of %s৳ has been declined. The amount has been refunded to your balance.', amount),
               jsonb_build_object(
                 'transaction_id', transaction_id,
                 'amount', amount,
                 'method', payment_method,
                 'declined_via', updated_via
               )
             );
           END IF;
           
           RETURN TRUE;
         EXCEPTION
           WHEN OTHERS THEN
             RAISE NOTICE 'Error in update_transaction_status: %', SQLERRM;
             RETURN FALSE;
         END;
         $$ LANGUAGE plpgsql SECURITY DEFINER;

-- Grant permissions
         GRANT EXECUTE ON FUNCTION update_transaction_status TO authenticated;
         `,
        }),
      })

if (!response.ok) {
        const data = await response.json()
        throw new Error(data.error || "Failed to update transaction processing function")
      }

setSuccess("Transaction processing function updated successfully!")
    } catch (error: any) {
      console.error("Error updating transaction processing:", error)
      setError(error.message || "Failed to update transaction processing function")
    } finally {
      setLoading(false)
    }
  }

return (
    <Card>
      <CardHeader>
        <CardTitle className="flex items-center">
          <RefreshCw className="h-5 w-5 mr-2" /> Fix Transaction Processing
        </CardTitle>
        <CardDescription>
          Updates transaction processing logic to ensure deposits are correctly credited for inactive accounts
        </CardDescription>
      </CardHeader>
      <CardContent>
        <p className="text-sm mb-4">
          This utility fixes an issue where deposit transactions aren't properly processed for inactivated user
          accounts. After applying this fix, deposits will correctly:
        </p>
        <ul className="list-disc list-inside text-sm mb-4 space-y-1">
          <li>Credit the deposited amount to the user's balance</li>
          <li>Activate the user account if the deposit amount is 50৳ or more</li>
          <li>Work reliably for both active and inactive accounts</li>
        </ul>
        <p className="text-sm text-amber-600">
          This operation is safe and won't affect any existing transactions or balances.
        </p>
      </CardContent>
      <CardFooter>
        <div className="w-full">
          {success && (
            <Alert className="mb-4 bg-green-50 border-green-200">
              <CheckCircle className="h-4 w-4 text-green-600" />
              <AlertDescription className="text-green-700">{success}</AlertDescription>
            </Alert>
          )}

{error && (
            <Alert className="mb-4 bg-red-50 border-red-200">
              <AlertDescription className="text-red-700">{error}</AlertDescription>
            </Alert>
          )}

<Button onClick={runFix} disabled={loading} className="w-full">
            {loading ? <LoadingSpinner size="sm" className="mr-2" /> : <CheckCircle className="h-4 w-4 mr-2" />}
            {loading ? "Updating..." : "Apply Fix"}
          </Button>
        </div>
      </CardFooter>
    </Card>
  )
}
[V0_FILE]sql:file="supabase/migrations/fix_deposit_processing.sql" isMerged="true"
-- Fix for inactive account deposit processing
CREATE OR REPLACE FUNCTION update_transaction_status(
  transaction_type TEXT,
  transaction_id UUID,
  new_status TEXT,
  updated_via TEXT DEFAULT 'admin_panel'
)
RETURNS BOOLEAN AS $$
DECLARE
  transaction_record RECORD;
  user_id UUID;
  amount DECIMAL;
  should_activate BOOLEAN := FALSE;
  user_record RECORD;
  payment_method TEXT;
BEGIN
  -- Get the transaction details
  EXECUTE format('
    SELECT * FROM %I WHERE id = $1
  ', transaction_type)
  INTO transaction_record
  USING transaction_id;
  
  IF transaction_record IS NULL THEN
    RAISE EXCEPTION 'Transaction not found';
  END IF;
  
  -- Extract common fields
  user_id := transaction_record.user_id;
  amount := transaction_record.amount;
  
  -- Get payment method safely (handle both field names)
  payment_method := COALESCE(transaction_record.method, transaction_record.payment_method, 'unknown');
  
  -- Get the user record to check current status
  SELECT * INTO user_record 
  FROM profiles 
  WHERE id = user_id;
  
  -- Update transaction status
  EXECUTE format('
    UPDATE %I 
    SET status = $1, updated_at = NOW()
    WHERE id = $2
  ', transaction_type)
  USING new_status, transaction_id;
  
  -- Handle deposits that are completed
  IF transaction_type = 'deposits' AND new_status = 'completed' THEN
    -- Check if this deposit is enough to activate the account
    should_activate := amount >= 50 AND NOT COALESCE(user_record.is_active, FALSE);
    
    -- Update user balance and activate account if needed
    IF should_activate THEN
      -- Update balance and activate account
      UPDATE profiles
      SET 
        balance = COALESCE(balance, 0) + amount,
        is_active = TRUE,
        updated_at = NOW()
      WHERE id = user_id;
      
      -- Log the activity
      INSERT INTO activity_log (
        user_id,
        activity_type,
        description,
        metadata
      )
      VALUES (
        user_id, 
        'deposit_approved', 
        format('Your deposit of %s৳ has been approved and your account has been activated', amount),
        jsonb_build_object(
          'transaction_id', transaction_id,
          'amount', amount,
          'method', payment_method,
          'approved_via', updated_via,
          'account_activated', TRUE
        )
      );
    ELSE
      -- Just update balance for already activated accounts
      UPDATE profiles
      SET 
        balance = COALESCE(balance, 0) + amount,
        updated_at = NOW()
      WHERE id = user_id;
      
      -- Log the activity
      INSERT INTO activity_log (
        user_id,
        activity_type,
        description,
        metadata
      )
      VALUES (
        user_id, 
        'deposit_approved', 
        format('Your deposit of %s৳ has been approved', amount),
        jsonb_build_object(
          'transaction_id', transaction_id,
          'amount', amount,
          'method', payment_method,
          'approved_via', updated_via,
          'account_activated', FALSE
        )
      );
    END IF;
    
  ELSIF transaction_type = 'deposits' AND new_status = 'failed' THEN
    -- Log the declined deposit
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      user_id, 
      'deposit_declined', 
      format('Your deposit of %s৳ has been declined', amount),
      jsonb_build_object(
        'transaction_id', transaction_id,
        'amount', amount,
        'method', payment_method,
        'declined_via', updated_via
      )
    );
    
  ELSIF transaction_type = 'withdrawals' AND new_status = 'completed' THEN
    -- Just log the activity for completed withdrawals
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      user_id, 
      'withdrawal_approved', 
      format('Your withdrawal of %s৳ has been approved', amount),
      jsonb_build_object(
        'transaction_id', transaction_id,
        'amount', amount,
        'method', payment_method,
        'approved_via', updated_via
      )
    );
    
  ELSIF transaction_type = 'withdrawals' AND new_status = 'failed' THEN
    -- If withdrawal is declined, refund the amount to user's balance
    UPDATE profiles
    SET 
      balance = COALESCE(balance, 0) + amount,
      updated_at = NOW()
    WHERE id = user_id;
    
    -- Log the declined withdrawal
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      user_id, 
      'withdrawal_declined', 
      format('Your withdrawal of %s৳ has been declined. The amount has been refunded to your balance.', amount),
      jsonb_build_object(
        'transaction_id', transaction_id,
        'amount', amount,
        'method', payment_method,
        'declined_via', updated_via
      )
    );
  END IF;
  
  RETURN TRUE;
EXCEPTION
  WHEN OTHERS THEN
    RAISE NOTICE 'Error in update_transaction_status: %', SQLERRM;
    RETURN FALSE;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Grant permissions
GRANT EXECUTE ON FUNCTION update_transaction_status TO authenticated;
[V0_FILE]typescript:file="app/api/admin/fix-deposit-transactions/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

// Find completed deposits for inactive users that might not have been credited
    const { data: deposits, error: depositsError } = await supabaseAdmin.rpc("find_uncredited_deposits")

if (depositsError) {
      console.error("Error finding deposits:", depositsError)
      return NextResponse.json({ error: "Failed to find deposits" }, { status: 500 })
    }

// Process the deposits
    const results = []
    for (const deposit of deposits) {
      try {
        // Apply the deposit to the user's balance
        const { data: updateResult, error: updateError } = await supabaseAdmin.rpc("apply_missed_deposit", {
          deposit_id: deposit.id,
        })

if (updateError) {
          results.push({
            deposit_id: deposit.id,
            status: "error",
            message: updateError.message,
          })
        } else {
          results.push({
            deposit_id: deposit.id,
            status: "success",
            message: `Deposit of ${deposit.amount}৳ credited to user (${deposit.user_id})`,
          })
        }
      } catch (error) {
        results.push({
          deposit_id: deposit.id,
          status: "error",
          message: error.message,
        })
      }
    }

return NextResponse.json({
      success: true,
      message: `Processed ${deposits.length} uncredited deposits`,
      fixed: results.filter((r) => r.status === "success").length,
      errors: results.filter((r) => r.status === "error").length,
      results,
    })
  } catch (error: any) {
    console.error("Error processing deposits:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="supabase/migrations/uncredited_deposits_functions.sql" isMerged="true"
-- Function to find deposits that might not have been credited for inactive users
CREATE OR REPLACE FUNCTION find_uncredited_deposits()
RETURNS TABLE (
  id UUID,
  user_id UUID,
  amount DECIMAL,
  status TEXT,
  created_at TIMESTAMPTZ
) AS $$
BEGIN
  RETURN QUERY
  SELECT 
    d.id,
    d.user_id,
    d.amount,
    d.status,
    d.created_at
  FROM 
    deposits d
  JOIN 
    profiles p ON d.user_id = p.id
  WHERE 
    d.status = 'completed' AND
    p.balance < 10 AND
    NOT EXISTS (
      SELECT 1 
      FROM activity_log 
      WHERE user_id = d.user_id 
      AND metadata->>'transaction_id' = d.id::text
      AND activity_type = 'deposit_approved'
    );
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Function to apply a missed deposit
CREATE OR REPLACE FUNCTION apply_missed_deposit(deposit_id UUID)
RETURNS BOOLEAN AS $$
DECLARE
  deposit_record RECORD;
  user_record RECORD;
  payment_method TEXT;
  should_activate BOOLEAN;
BEGIN
  -- Get the deposit details
  SELECT * INTO deposit_record
  FROM deposits
  WHERE id = deposit_id;
  
  IF deposit_record IS NULL THEN
    RAISE EXCEPTION 'Deposit not found';
  END IF;
  
  -- Get the user details
  SELECT * INTO user_record
  FROM profiles
  WHERE id = deposit_record.user_id;
  
  IF user_record IS NULL THEN
    RAISE EXCEPTION 'User not found';
  END IF;
  
  -- Get payment method safely
  payment_method := COALESCE(deposit_record.method, deposit_record.payment_method, 'unknown');
  
  -- Check if this deposit is enough to activate the account
  should_activate := deposit_record.amount >= 50 AND NOT COALESCE(user_record.is_active, FALSE);
  
  -- Update user balance and activate if needed
  IF should_activate THEN
    UPDATE profiles
    SET 
      balance = COALESCE(balance, 0) + deposit_record.amount,
      is_active = TRUE,
      updated_at = NOW()
    WHERE id = deposit_record.user_id;
    
    -- Log the activity
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      deposit_record.user_id, 
      'deposit_approved', 
      format('Your deposit of %s৳ has been approved and your account has been activated (fixed)', deposit_record.amount),
      jsonb_build_object(
        'transaction_id', deposit_id,
        'amount', deposit_record.amount,
        'method', payment_method,
        'approved_via', 'fix_script',
        'account_activated', TRUE,
        'was_previously_missed', TRUE
      )
    );
  ELSE
    -- Just update balance
    UPDATE profiles
    SET 
      balance = COALESCE(balance, 0) + deposit_record.amount,
      updated_at = NOW()
    WHERE id = deposit_record.user_id;
    
    -- Log the activity
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    )
    VALUES (
      deposit_record.user_id, 
      'deposit_approved', 
      format('Your deposit of %s৳ has been applied to your account (fixed)', deposit_record.amount),
      jsonb_build_object(
        'transaction_id', deposit_id,
        'amount', deposit_record.amount,
        'method', payment_method,
        'approved_via', 'fix_script',
        'account_activated', FALSE,
        'was_previously_missed', TRUE
      )
    );
  END IF;
  
  RETURN TRUE;
EXCEPTION
  WHEN OTHERS THEN
    RAISE NOTICE 'Error applying missed deposit: %', SQLERRM;
    RETURN FALSE;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Grant permissions
GRANT EXECUTE ON FUNCTION find_uncredited_deposits TO authenticated;
GRANT EXECUTE ON FUNCTION apply_missed_deposit TO authenticated;
[V0_FILE]typescript:file="app/admin/fix-deposits/missed/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { ArrowLeft, CheckCircle, XCircle, RefreshCw } from "lucide-react"
import Link from "next/link"
import { LoadingSpinner } from "@/components/loading-spinner"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"

interface Result {
  deposit_id: string
  status: "success" | "error"
  message: string
}

export default function FixMissedDepositsPage() {
  const [loading, setLoading] = useState(false)
  const [results, setResults] = useState<Result[] | null>(null)
  const [message, setMessage] = useState<string | null>(null)
  const [error, setError] = useState<string | null>(null)

const fixMissedDeposits = async () => {
    setLoading(true)
    setError(null)
    setMessage(null)
    setResults(null)

try {
      // Check if admin is authenticated via localStorage
      const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"

if (!adminAuthenticated) {
        throw new Error("You must be logged in as an admin to perform this action")
      }

const response = await fetch("/api/admin/fix-deposit-transactions", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to fix missed deposits")
      }

setMessage(data.message)
      setResults(data.results)
    } catch (error: any) {
      console.error("Error fixing missed deposits:", error)
      setError(error.message || "An error occurred while fixing missed deposits")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <Link href="/admin/fix-deposits" className="inline-flex items-center text-primary hover:underline">
          <ArrowLeft className="h-4 w-4 mr-2" />
          Back to Deposit Fixes
        </Link>
        <h1 className="text-3xl font-bold mt-2">Fix Missed Deposits</h1>
        <p className="text-muted-foreground">Find and fix deposits that weren't credited to user accounts</p>
      </div>

{error && (
        <Alert className="mb-6 bg-red-50 border-red-200">
          <AlertDescription className="text-red-700">{error}</AlertDescription>
        </Alert>
      )}

{message && (
        <Alert className="mb-6 bg-green-50 border-green-200">
          <CheckCircle className="h-4 w-4 text-green-600" />
          <AlertDescription className="text-green-700">{message}</AlertDescription>
        </Alert>
      )}

<Card className="mb-8">
        <CardHeader>
          <CardTitle className="flex items-center">
            <RefreshCw className="h-5 w-5 mr-2" /> Fix Missed Deposit Credits
          </CardTitle>
          <CardDescription>
            This tool finds completed deposits that might not have been credited to user accounts and applies them.
          </CardDescription>
        </CardHeader>
        <CardContent>
          <p className="text-sm mb-4">
            Due to the previous issue with deposit processing for inactive user accounts, some deposits may not have
            been correctly credited to user balances. This utility will:
          </p>
          <ul className="list-disc list-inside text-sm mb-4 space-y-1">
            <li>Find completed deposits that don't have a corresponding activity log entry</li>
            <li>Add the deposit amount to the user's balance</li>
            <li>Activate inactive accounts if the deposit amount is 50৳ or more</li>
            <li>Create proper activity log entries for the fixed deposits</li>
          </ul>
          <div className="bg-amber-50 border border-amber-200 text-amber-700 p-4 rounded-md">
            <p className="text-sm">
              <strong>Note:</strong> This is safe to run multiple times, as it will only process deposits that weren't
              properly credited. It won't duplicate credits or affect already processed deposits.
            </p>
          </div>
        </CardContent>
        <CardFooter>
          <Button onClick={fixMissedDeposits} disabled={loading} className="w-full">
            {loading ? <LoadingSpinner size="sm" className="mr-2" /> : <RefreshCw className="h-4 w-4 mr-2" />}
            {loading ? "Finding and fixing missed deposits..." : "Find & Fix Missed Deposits"}
          </Button>
        </CardFooter>
      </Card>

{results && results.length > 0 && (
        <Card>
          <CardHeader>
            <CardTitle>Results</CardTitle>
            <CardDescription>Found and processed {results.length} potentially missed deposits</CardDescription>
          </CardHeader>
          <CardContent>
            <Table>
              <TableHeader>
                <TableRow>
                  <TableHead>Status</TableHead>
                  <TableHead>Deposit ID</TableHead>
                  <TableHead>Details</TableHead>
                </TableRow>
              </TableHeader>
              <TableBody>
                {results.map((result, index) => (
                  <TableRow key={index}>
                    <TableCell>
                      {result.status === "success" ? (
                        <span className="inline-flex items-center text-green-600">
                          <CheckCircle className="h-4 w-4 mr-1" /> Fixed
                        </span>
                      ) : (
                        <span className="inline-flex items-center text-red-600">
                          <XCircle className="h-4 w-4 mr-1" /> Error
                        </span>
                      )}
                    </TableCell>
                    <TableCell className="font-mono text-xs">{result.deposit_id}</TableCell>
                    <TableCell>{result.message}</TableCell>
                  </TableRow>
                ))}
              </TableBody>
            </Table>
          </CardContent>
        </Card>
      )}

{results && results.length === 0 && (
        <Alert className="bg-blue-50 border-blue-200">
          <AlertDescription className="text-blue-700">
            No missed deposits were found. All deposits appear to be correctly processed.
          </AlertDescription>
        </Alert>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin/fix-deposits/page.tsx" isFixed="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { CheckCircle, AlertCircle, ArrowRight, RefreshCw, Database, ArrowLeft } from "lucide-react"
import Link from "next/link"

// Update the component to include links to both functions
export default function FixDepositsPage() {
  const [loading, setLoading] = useState(false)
  const [results, setResults] = useState<any[] | null>(null)
  const [error, setError] = useState<string | null>(null)
  const [success, setSuccess] = useState<string | null>(null)

const runFix = async () => {
    setLoading(true)
    setError(null)
    setSuccess(null)

try {
      const response = await fetch("/api/admin/fix-deposit-balances", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to fix deposits")
      }

setSuccess(data.message)
      setResults(data.results)
    } catch (error: any) {
      console.error("Error fixing deposits:", error)
      setError(error.message || "Failed to fix deposits")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <Link href="/admin" className="inline-flex items-center text-primary hover:underline">
          <ArrowLeft className="h-4 w-4 mr-2" />
          Back to Admin Dashboard
        </Link>
        <h1 className="text-3xl font-bold mt-2">Fix Deposit Issues</h1>
        <p className="text-muted-foreground">Tools to fix various deposit-related issues</p>
      </div>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

<div className="grid gap-6">
        <Card>
          <CardHeader>
            <CardTitle>Fix Transaction Processing</CardTitle>
            <CardDescription>
              Update the database function that processes transactions to fix issues with deposits for inactive accounts
            </CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm mb-4">
              This utility fixes the root cause of the issue by updating the transaction processing function in the
              database. After applying this fix, new deposit transactions will be correctly processed for both active
              and inactive accounts.
            </p>
          </CardContent>
          <CardFooter>
            <Link href="/admin/fix-database" className="w-full">
              <Button className="w-full flex items-center">
                <Database className="h-4 w-4 mr-2" />
                Go to Database Utilities
              </Button>
            </Link>
          </CardFooter>
        </Card>

<Card>
          <CardHeader>
            <CardTitle>Fix Missed Deposit Credits</CardTitle>
            <CardDescription>
              Find and fix deposits that weren't credited to user accounts due to the transaction processing issue
            </CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm mb-4">
              This utility finds completed deposits that might not have been credited to user accounts (especially
              inactive accounts) and applies them correctly.
            </p>
            <div className="bg-amber-50 border border-amber-200 text-amber-700 p-4 rounded-md">
              <p className="text-sm">
                <AlertCircle className="h-4 w-4 inline-block mr-1" />
                Use this after fixing the transaction processing function to ensure all existing deposits are properly
                credited.
              </p>
            </div>
          </CardContent>
          <CardFooter>
            <Link href="/admin/fix-deposits/missed" className="w-full">
              <Button className="w-full flex items-center">
                <RefreshCw className="h-4 w-4 mr-2" />
                Fix Missed Deposits
                <ArrowRight className="h-4 w-4 ml-2" />
              </Button>
            </Link>
          </CardFooter>
        </Card>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true"
import Link from "next/link"
import { Button } from "@/components/ui/button"
import { ExternalLink, MessageSquare, Mail, Facebook, Instagram, Twitter, Send } from "lucide-react"

export default function Home() {
  return (
    <div className="flex flex-col min-h-screen">
      <header className="bg-primary text-primary-foreground py-4">
        <div className="container mx-auto px-4 flex justify-between items-center">
          <div className="flex items-center space-x-2 animate-slide-in-left">
            <img src="/images/logo.png" alt="RIT Earn Hub Logo" className="h-10 w-10 rounded-full animate-bounce-in" />
            <h1 className="text-2xl font-bold font-montserrat tracking-tight">RIT Earn Hub</h1>
          </div>
          <div className="space-x-2 animate-slide-in-right">
            <Link href="/login">
              <Button variant="outline" className="bg-primary-foreground text-primary hover-scale">
                Login
              </Button>
            </Link>
            <Link href="/signup">
              <Button className="hover-scale shadow-lg">Sign Up</Button>
            </Link>
          </div>
        </div>
      </header>

<main className="flex-1">
        <section className="py-20 bg-gradient-to-b from-primary/10 to-background relative overflow-hidden">
          {/* Animated background elements */}
          <div className="absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none">
            <div className="absolute top-10 left-10 w-64 h-64 bg-blue-400 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-pulse-subtle"></div>
            <div
              className="absolute bottom-10 right-10 w-64 h-64 bg-indigo-400 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-pulse-subtle"
              style={{ animationDelay: "1s" }}
            ></div>
          </div>

<div className="container mx-auto px-4 text-center relative z-10">
            <h2 className="text-5xl md:text-6xl font-bold mb-6 animate-slide-up text-gradient">
              Earn Rewards by Completing Tasks
            </h2>
            <p className="text-xl mb-8 max-w-2xl mx-auto animate-slide-up delay-200 opacity-90">
              Join RIT Earn Hub today to start earning rewards by completing simple tasks and referring your friends.
            </p>
            <Link href="/signup">
              <Button
                size="lg"
                className="font-semibold animate-slide-up delay-300 hover-lift shadow-lg px-8 py-6 text-lg"
              >
                Get Started Now
              </Button>
            </Link>
          </div>
        </section>

{/* Telegram Channel Highlight Section */}
        <section className="py-8 bg-blue-50">
          <div className="container mx-auto px-4">
            <div className="flex flex-col md:flex-row items-center justify-between p-6 bg-white rounded-xl shadow-md border border-blue-100 animate-slide-up">
              <div className="flex items-center mb-4 md:mb-0">
                <div className="bg-blue-100 p-3 rounded-full mr-4">
                  <MessageSquare className="h-8 w-8 text-blue-600" />
                </div>
                <div>
                  <h3 className="text-xl font-bold text-blue-800">Join Our Telegram Channel</h3>
                  <p className="text-blue-600">Get exclusive vouchers, instant support, and latest updates</p>
                </div>
              </div>
              <a
                href="https://t.me/ritzoneofficial"
                target="_blank"
                rel="noopener noreferrer"
                className="inline-flex items-center bg-blue-600 text-white px-6 py-3 rounded-md font-medium hover:bg-blue-700 transition-colors hover-lift"
              >
                Join Now <ExternalLink className="h-4 w-4 ml-2" />
              </a>
            </div>
          </div>
        </section>

<section className="py-16">
          <div className="container mx-auto px-4">
            <h2 className="text-3xl font-bold mb-12 text-center animate-fade-in">How It Works</h2>
            <div className="grid md:grid-cols-3 gap-8">
              <div className="bg-card p-6 rounded-lg shadow-sm hover-lift animate-slide-up delay-100">
                <div className="bg-primary/10 w-16 h-16 rounded-full flex items-center justify-center mb-4 mx-auto">
                  <span className="text-primary font-bold text-2xl">1</span>
                </div>
                <h3 className="text-xl font-semibold mb-2 text-center">Complete Tasks</h3>
                <p className="text-muted-foreground text-center">
                  Earn rewards by completing simple tasks on our platform.
                </p>
              </div>

<div className="bg-card p-6 rounded-lg shadow-sm hover-lift animate-slide-up delay-200">
                <div className="bg-primary/10 w-16 h-16 rounded-full flex items-center justify-center mb-4 mx-auto">
                  <span className="text-primary font-bold text-2xl">2</span>
                </div>
                <h3 className="text-xl font-semibold mb-2 text-center">Refer Friends</h3>
                <p className="text-muted-foreground text-center">
                  Share your unique referral link and earn when your friends join.
                </p>
              </div>

<div className="bg-card p-6 rounded-lg shadow-sm hover-lift animate-slide-up delay-300">
                <div className="bg-primary/10 w-16 h-16 rounded-full flex items-center justify-center mb-4 mx-auto">
                  <span className="text-primary font-bold text-2xl">3</span>
                </div>
                <h3 className="text-xl font-semibold mb-2 text-center">Cash Out</h3>
                <p className="text-muted-foreground text-center">
                  Withdraw your earnings via Bkash or Nagad when you're ready.
                </p>
              </div>
            </div>
          </div>
        </section>

{/* New testimonials section */}
        <section className="py-16 bg-gradient-to-b from-background to-primary/5">
          <div className="container mx-auto px-4">
            <h2 className="text-3xl font-bold mb-12 text-center animate-fade-in">What Our Users Say</h2>
            <div className="grid md:grid-cols-2 gap-8">
              <div className="bg-white p-6 rounded-lg shadow-md hover-lift animate-slide-in-left">
                <div className="flex items-center mb-4">
                  <div className="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center mr-4">
                    <span className="font-bold text-primary">JD</span>
                  </div>
                  <div>
                    <h4 className="font-semibold">John Doe</h4>
                    <p className="text-sm text-muted-foreground">Member since 2023</p>
                  </div>
                </div>
                <p className="italic text-muted-foreground">
                  "I've earned over 5000৳ in just two months by completing simple tasks and referring my friends. This
                  platform is amazing!"
                </p>
              </div>

<div className="bg-white p-6 rounded-lg shadow-md hover-lift animate-slide-in-right">
                <div className="flex items-center mb-4">
                  <div className="w-12 h-12 bg-primary/20 rounded-full flex items-center justify-center mr-4">
                    <span className="font-bold text-primary">JS</span>
                  </div>
                  <div>
                    <h4 className="font-semibold">Jane Smith</h4>
                    <p className="text-sm text-muted-foreground">Member since 2023</p>
                  </div>
                </div>
                <p className="italic text-muted-foreground">
                  "The referral system is fantastic! I invited 10 friends and now I'm earning passive income from their
                  activities. Highly recommended!"
                </p>
              </div>
            </div>
          </div>
        </section>

{/* Contact the Developer Section */}
        <section className="py-16 bg-gradient-to-b from-primary/5 to-background">
          <div className="container mx-auto px-4">
            <h2 className="text-3xl font-bold mb-6 text-center animate-fade-in">Contact the Developer</h2>
            <p className="text-center text-muted-foreground mb-12 max-w-2xl mx-auto">
              Have questions, suggestions, or need technical assistance? Reach out to the developer directly through any
              of these channels.
            </p>

<div className="bg-white rounded-xl shadow-lg p-8 max-w-3xl mx-auto hover-lift">
              <div className="flex flex-col md:flex-row items-center mb-6">
                <div className="w-24 h-24 bg-primary/10 rounded-full flex items-center justify-center mb-4 md:mb-0 md:mr-6">
                  <span className="text-2xl font-bold text-primary">SRH</span>
                </div>
                <div className="text-center md:text-left">
                  <h3 className="text-2xl font-bold text-gradient mb-1">Sheikh Rafit Hasan</h3>
                  <p className="text-muted-foreground">Full Stack Developer & Founder</p>
                </div>
              </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mt-6">
                <a
                  href="mailto:sheikhrafithasan@gmail.com"
                  className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Mail className="h-5 w-5 text-primary mr-3" />
                  <span>sheikhrafithasan@gmail.com</span>
                </a>

<a
                  href="https://t.me/Knock_rafit_bot"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Send className="h-5 w-5 text-primary mr-3" />
                  <span>t.me/Knock_rafit_bot</span>
                </a>

<a
                  href="https://www.facebook.com/sheikh.rafit.hasan.official/"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Facebook className="h-5 w-5 text-primary mr-3" />
                  <span>Facebook</span>
                </a>

<a
                  href="https://www.instagram.com/rafit_official/"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Instagram className="h-5 w-5 text-primary mr-3" />
                  <span>Instagram</span>
                </a>

<a
                  href="https://x.com/rafit_official"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Twitter className="h-5 w-5 text-primary mr-3" />
                  <span>Twitter</span>
                </a>
              </div>

<div className="mt-6 text-center">
                <p className="text-sm text-muted-foreground">
                  For business inquiries or technical support, please allow 24-48 hours for a response.
                </p>
              </div>
            </div>
          </div>
        </section>
      </main>

<footer className="bg-muted py-8">
        <div className="container mx-auto px-4 text-center">
          <div className="flex flex-col md:flex-row justify-between items-center mb-8">
            <div className="flex items-center space-x-2 mb-4 md:mb-0">
              <img src="/images/logo.png" alt="RIT Earn Hub Logo" className="h-8 w-8 rounded-full" />
              <span className="text-xl font-bold">RIT Earn Hub</span>
            </div>
            <div className="flex space-x-6">
              <Link href="/contact" className="text-muted-foreground hover:text-primary transition-colors">
                Contact
              </Link>
              <a href="#" className="text-muted-foreground hover:text-primary transition-colors">
                About
              </a>
              <a href="#" className="text-muted-foreground hover:text-primary transition-colors">
                Terms
              </a>
              <a href="#" className="text-muted-foreground hover:text-primary transition-colors">
                Privacy
              </a>
              <a
                href="https://t.me/ritzoneofficial"
                target="_blank"
                rel="noopener noreferrer"
                className="text-primary hover:text-primary/80 transition-colors flex items-center"
              >
                Telegram <ExternalLink className="h-3 w-3 ml-1" />
              </a>
            </div>
          </div>
          <div className="border-t border-border pt-6">
            <p className="text-muted-foreground">© {new Date().getFullYear()} RIT Earn Hub. All rights reserved.</p>
          </div>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { ExternalLink, Mail, MessageSquare, Phone, Facebook, Instagram, Twitter, Send } from "lucide-react"

export default function Contact() {
  const [name, setName] = useState("")
  const [email, setEmail] = useState("")
  const [message, setMessage] = useState("")
  const [submitting, setSubmitting] = useState(false)
  const [success, setSuccess] = useState<string | null>(null)
  const [error, setError] = useState<string | null>(null)

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setSubmitting(true)
    setSuccess(null)
    setError(null)

try {
      // In a real implementation, you would send this data to your backend
      // For now, we'll just simulate a successful submission
      await new Promise((resolve) => setTimeout(resolve, 1000))

setSuccess("Your message has been sent! We'll get back to you soon.")
      setName("")
      setEmail("")
      setMessage("")
    } catch (error) {
      setError("Failed to send your message. Please try again later.")
    } finally {
      setSubmitting(false)
    }
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8 animate-fade-in">
        <h1 className="text-3xl font-bold text-gradient">Contact Us</h1>
        <p className="text-muted-foreground">Get in touch with our support team</p>
      </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
        <Card className="hover-lift animate-slide-in-left">
          <CardHeader>
            <CardTitle>Send Us a Message</CardTitle>
            <CardDescription>Fill out the form below to get in touch with us</CardDescription>
          </CardHeader>
          <CardContent>
            {success && (
              <Alert className="mb-4">
                <AlertDescription>{success}</AlertDescription>
              </Alert>
            )}

{error && (
              <Alert variant="destructive" className="mb-4">
                <AlertDescription>{error}</AlertDescription>
              </Alert>
            )}

<form onSubmit={handleSubmit} className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="name">Your Name</Label>
                <Input
                  id="name"
                  value={name}
                  onChange={(e) => setName(e.target.value)}
                  placeholder="John Doe"
                  required
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="email">Your Email</Label>
                <Input
                  id="email"
                  type="email"
                  value={email}
                  onChange={(e) => setEmail(e.target.value)}
                  placeholder="john@example.com"
                  required
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="message">Your Message</Label>
                <Textarea
                  id="message"
                  value={message}
                  onChange={(e) => setMessage(e.target.value)}
                  placeholder="How can we help you?"
                  rows={5}
                  required
                />
              </div>

<Button type="submit" className="w-full" disabled={submitting}>
                {submitting ? "Sending..." : "Send Message"}
              </Button>
            </form>
          </CardContent>
        </Card>

<Card className="hover-lift animate-slide-in-right">
          <CardHeader>
            <CardTitle>Contact Information</CardTitle>
            <CardDescription>Here's how you can reach us</CardDescription>
          </CardHeader>
          <CardContent className="space-y-6">
            <div className="space-y-4">
              <div className="flex items-start space-x-3">
                <div className="bg-primary/10 rounded-full p-2 mt-0.5">
                  <Mail className="h-5 w-5 text-primary" />
                </div>
                <div>
                  <h3 className="font-medium">Email</h3>
                  <p className="text-sm text-muted-foreground">support@ritearnhub.com</p>
                  <p className="text-sm text-muted-foreground">info@ritearnhub.com</p>
                </div>
              </div>

<div className="flex items-start space-x-3">
                <div className="bg-primary/10 rounded-full p-2 mt-0.5">
                  <Phone className="h-5 w-5 text-primary" />
                </div>
                <div>
                  <h3 className="font-medium">Phone</h3>
                  <p className="text-sm text-muted-foreground">+880 1736392836 (Nagad)</p>
                  <p className="text-sm text-muted-foreground">+880 1833486175 (bKash)</p>
                </div>
              </div>

<div className="flex items-start space-x-3">
                <div className="bg-primary/10 rounded-full p-2 mt-0.5">
                  <MessageSquare className="h-5 w-5 text-primary" />
                </div>
                <div>
                  <h3 className="font-medium">Telegram</h3>
                  <a
                    href="https://t.me/ritzoneofficial"
                    target="_blank"
                    rel="noopener noreferrer"
                    className="text-primary inline-flex items-center hover:underline"
                  >
                    t.me/ritzoneofficial <ExternalLink className="h-3 w-3 ml-1" />
                  </a>
                  <p className="text-sm text-muted-foreground mt-1">
                    Join our official Telegram channel for announcements, vouchers, and support
                  </p>
                </div>
              </div>
            </div>

<div className="bg-blue-50 border border-blue-200 rounded-md p-4 mt-6">
              <h3 className="font-medium text-blue-800 flex items-center">
                <MessageSquare className="h-4 w-4 mr-2" /> Join Our Telegram Community
              </h3>
              <p className="text-sm text-blue-700 mt-2">
                Get exclusive vouchers, instant support, and stay updated with the latest news by joining our official
                Telegram channel.
              </p>
              <a
                href="https://t.me/ritzoneofficial"
                target="_blank"
                rel="noopener noreferrer"
                className="mt-3 inline-flex items-center bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition-colors"
              >
                Join Now <ExternalLink className="h-3 w-3 ml-2" />
              </a>
            </div>

<div className="border-t pt-4 mt-4">
              <h3 className="font-medium">Business Hours</h3>
              <p className="text-sm text-muted-foreground mt-1">Monday - Friday: 9:00 AM - 6:00 PM</p>
              <p className="text-sm text-muted-foreground">Saturday: 10:00 AM - 4:00 PM</p>
              <p className="text-sm text-muted-foreground">Sunday: Closed</p>
            </div>
          </CardContent>
        </Card>
      </div>

{/* Contact the Developer Section */}
      <Card className="hover-lift animate-slide-up mb-8">
        <CardHeader>
          <CardTitle className="text-gradient">Contact the Developer</CardTitle>
          <CardDescription>Get in touch with the developer directly for technical assistance</CardDescription>
        </CardHeader>
        <CardContent>
          <div className="flex flex-col md:flex-row items-center mb-6">
            <div className="w-20 h-20 bg-primary/10 rounded-full flex items-center justify-center mb-4 md:mb-0 md:mr-6">
              <span className="text-xl font-bold text-primary">SRH</span>
            </div>
            <div className="text-center md:text-left">
              <h3 className="text-xl font-bold mb-1">Sheikh Rafit Hasan</h3>
              <p className="text-muted-foreground">Full Stack Developer & Founder</p>
            </div>
          </div>

<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 mt-6">
            <a
              href="mailto:sheikhrafithasan@gmail.com"
              className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
            >
              <Mail className="h-5 w-5 text-primary mr-3" />
              <span className="text-sm">sheikhrafithasan@gmail.com</span>
            </a>

<a
              href="https://t.me/Knock_rafit_bot"
              target="_blank"
              rel="noopener noreferrer"
              className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
            >
              <Send className="h-5 w-5 text-primary mr-3" />
              <span className="text-sm">t.me/Knock_rafit_bot</span>
            </a>

<a
              href="https://www.facebook.com/sheikh.rafit.hasan.official/"
              target="_blank"
              rel="noopener noreferrer"
              className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
            >
              <Facebook className="h-5 w-5 text-primary mr-3" />
              <span className="text-sm">Facebook</span>
            </a>

<a
              href="https://www.instagram.com/rafit_official/"
              target="_blank"
              rel="noopener noreferrer"
              className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
            >
              <Instagram className="h-5 w-5 text-primary mr-3" />
              <span className="text-sm">Instagram</span>
            </a>

<a
              href="https://x.com/rafit_official"
              target="_blank"
              rel="noopener noreferrer"
              className="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
            >
              <Twitter className="h-5 w-5 text-primary mr-3" />
              <span className="text-sm">Twitter</span>
            </a>
          </div>

<div className="mt-6 p-4 bg-primary/5 rounded-lg">
            <p className="text-sm">
              <strong>Note:</strong> For technical issues, bug reports, or feature requests, contacting the developer
              directly may provide faster resolution than general support channels.
            </p>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/developer/page.tsx" isMerged="true"
import Link from "next/link"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { ArrowLeft, Mail, Send, Facebook, Instagram, Twitter, Code, Globe, Calendar } from "lucide-react"

export default function DeveloperPage() {
  return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <Link href="/dashboard" className="inline-flex items-center text-primary hover:underline">
          <ArrowLeft className="h-4 w-4 mr-2" />
          Back to Dashboard
        </Link>
        <h1 className="text-3xl font-bold mt-2 text-gradient">Developer Contact</h1>
        <p className="text-muted-foreground">Get in touch with the developer for technical assistance</p>
      </div>

<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <div className="lg:col-span-1">
          <Card className="hover-lift h-full">
            <CardHeader>
              <CardTitle>Sheikh Rafit Hasan</CardTitle>
              <CardDescription>Full Stack Developer & Founder</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              <div className="flex justify-center">
                <div className="w-32 h-32 bg-primary/10 rounded-full flex items-center justify-center">
                  <span className="text-3xl font-bold text-primary">SRH</span>
                </div>
              </div>

<div className="space-y-2 pt-4">
                <div className="flex items-center">
                  <Code className="h-4 w-4 text-primary mr-2" />
                  <span className="text-sm">Full Stack Developer</span>
                </div>
                <div className="flex items-center">
                  <Globe className="h-4 w-4 text-primary mr-2" />
                  <span className="text-sm">Bangladesh</span>
                </div>
                <div className="flex items-center">
                  <Calendar className="h-4 w-4 text-primary mr-2" />
                  <span className="text-sm">Available for freelance work</span>
                </div>
              </div>

<div className="pt-4">
                <p className="text-sm text-muted-foreground">
                  Specialized in web development, mobile applications, and blockchain technology. Creator of RIT Earn
                  Hub and several other successful platforms.
                </p>
              </div>
            </CardContent>
          </Card>
        </div>

<div className="lg:col-span-2">
          <Card className="hover-lift h-full">
            <CardHeader>
              <CardTitle>Contact Information</CardTitle>
              <CardDescription>Multiple ways to reach out</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <a
                  href="mailto:sheikhrafithasan@gmail.com"
                  className="flex items-center p-4 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Mail className="h-5 w-5 text-primary mr-3" />
                  <span>sheikhrafithasan@gmail.com</span>
                </a>

<a
                  href="https://t.me/Knock_rafit_bot"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="flex items-center p-4 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Send className="h-5 w-5 text-primary mr-3" />
                  <span>t.me/Knock_rafit_bot</span>
                </a>

<a
                  href="https://www.facebook.com/sheikh.rafit.hasan.official/"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="flex items-center p-4 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Facebook className="h-5 w-5 text-primary mr-3" />
                  <span>Facebook Profile</span>
                </a>

<a
                  href="https://www.instagram.com/rafit_official/"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="flex items-center p-4 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Instagram className="h-5 w-5 text-primary mr-3" />
                  <span>Instagram Profile</span>
                </a>

<a
                  href="https://x.com/rafit_official"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="flex items-center p-4 border border-gray-200 rounded-lg hover:bg-primary/5 transition-colors"
                >
                  <Twitter className="h-5 w-5 text-primary mr-3" />
                  <span>Twitter Profile</span>
                </a>
              </div>

<div className="mt-8 p-5 bg-primary/5 rounded-lg">
                <h3 className="font-medium mb-2">Technical Support</h3>
                <p className="text-sm mb-4">
                  For technical issues, bug reports, or feature requests, please include the following information when
                  contacting:
                </p>
                <ul className="list-disc list-inside text-sm space-y-1">
                  <li>Detailed description of the issue</li>
                  <li>Steps to reproduce the problem</li>
                  <li>Screenshots if applicable</li>
                  <li>Your device and browser information</li>
                </ul>
                <Button className="mt-4" asChild>
                  <a href="mailto:sheikhrafithasan@gmail.com?subject=RIT%20Earn%20Hub%20-%20Technical%20Support">
                    Contact for Technical Support
                  </a>
                </Button>
              </div>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]sql:file="supabase/migrations/immediate_referral_bonus.sql" isMerged="true"
-- Function to immediately apply referral bonuses when a user signs up with a referral code
CREATE OR REPLACE FUNCTION apply_immediate_referral_bonus(
  referred_user_id UUID,
  referrer_id UUID
)
RETURNS BOOLEAN AS $$
DECLARE
  referred_bonus DECIMAL := 10.0; -- 10 Taka for the new user
  referrer_bonus DECIMAL := 35.0; -- 35 Taka for the referrer
BEGIN
  -- Add bonus to the referred user (new user)
  UPDATE profiles
  SET 
    balance = COALESCE(balance, 0) + referred_bonus,
    total_earnings = COALESCE(total_earnings, 0) + referred_bonus
  WHERE id = referred_user_id;
  
  -- Log the bonus for the referred user
  INSERT INTO activity_log (
    user_id,
    activity_type,
    description,
    metadata
  ) VALUES (
    referred_user_id,
    'signup_bonus',
    'You received 10৳ signup bonus for using a referral code',
    jsonb_build_object(
      'referrer_id', referrer_id,
      'bonus_amount', referred_bonus,
      'reason', 'referral_signup'
    )
  );
  
  -- Add bonus to the referrer
  UPDATE profiles
  SET 
    balance = COALESCE(balance, 0) + referrer_bonus,
    referral_earnings = COALESCE(referral_earnings, 0) + referrer_bonus,
    total_earnings = COALESCE(total_earnings, 0) + referrer_bonus
  WHERE id = referrer_id;
  
  -- Log the bonus for the referrer
  INSERT INTO activity_log (
    user_id,
    activity_type,
    description,
    metadata
  ) VALUES (
    referrer_id,
    'referral_bonus',
    'You received 35৳ for referring a new user',
    jsonb_build_object(
      'referred_id', referred_user_id,
      'bonus_amount', referrer_bonus,
      'reason', 'new_referral'
    )
  );
  
  -- Update the referral record status
  UPDATE referrals
  SET 
    status = 'active'
  WHERE 
    referrer_id = referrer_id AND
    referred_id = referred_user_id;
    
  RETURN TRUE;
EXCEPTION
  WHEN OTHERS THEN
    RAISE NOTICE 'Error in apply_immediate_referral_bonus: %', SQLERRM;
    RETURN FALSE;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Grant execute permission to authenticated users
GRANT EXECUTE ON FUNCTION apply_immediate_referral_bonus TO authenticated;
[V0_FILE]typescript:file="app/signup/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import { useRouter, useSearchParams } from "next/navigation"
import AuthLayout from "@/components/auth-layout"

export default function SignUp() {
  const [fullName, setFullName] = useState("")
  const [username, setUsername] = useState("")
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [confirmPassword, setConfirmPassword] = useState("")
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [referralCode, setReferralCode] = useState("")
  const router = useRouter()
  const searchParams = useSearchParams()

useEffect(() => {
    // Check for referral code in URL
    const refCode = searchParams.get("ref")
    if (refCode) {
      setReferralCode(refCode)
    }
  }, [searchParams])

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError(null)

// Validate passwords match
    if (password !== confirmPassword) {
      setError("Passwords do not match")
      setLoading(false)
      return
    }

// Validate username
    if (username.includes(" ")) {
      setError("Username cannot contain spaces")
      setLoading(false)
      return
    }

try {
      // Call the server-side signup API endpoint
      const response = await fetch("/api/auth/signup", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          email,
          password,
          name: fullName,
          username: username.toLowerCase(),
          referralCode,
        }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to create account")
      }

// Show success message and redirect to login
      const successMessage = referralCode
        ? "Account created successfully! You've received a 10৳ signup bonus for using a referral code."
        : "Account created successfully! Please check your email to verify your account."

router.push(`/login?message=${encodeURIComponent(successMessage)}`)
    } catch (error: any) {
      console.error("Signup error:", error)
      setError(error.message || "Failed to create account")
    } finally {
      setLoading(false)
    }
  }

return (
    <AuthLayout
      title="Create your account"
      subtitle="Join our platform and start earning today"
      alternateLink={{
        text: "Already have an account?",
        href: "/login",
        label: "Sign in",
      }}
    >
      <form className="space-y-6" onSubmit={handleSubmit}>
        {error && <div className="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-md">{error}</div>}

<div>
          <label htmlFor="fullName" className="block text-sm font-medium text-gray-700">
            Full Name
          </label>
          <input
            id="fullName"
            name="fullName"
            type="text"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-[#5E4FDB] focus:outline-none focus:ring-[#5E4FDB]"
            value={fullName}
            onChange={(e) => setFullName(e.target.value)}
          />
        </div>

<div>
          <label htmlFor="username" className="block text-sm font-medium text-gray-700">
            Username
          </label>
          <input
            id="username"
            name="username"
            type="text"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-[#5E4FDB] focus:outline-none focus:ring-[#5E4FDB]"
            value={username}
            onChange={(e) => setUsername(e.target.value)}
          />
          <p className="text-xs text-gray-500 mt-1">Username cannot contain spaces.</p>
        </div>

<div>
          <label htmlFor="email" className="block text-sm font-medium text-gray-700">
            Email address
          </label>
          <input
            id="email"
            name="email"
            type="email"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-[#5E4FDB] focus:outline-none focus:ring-[#5E4FDB]"
            value={email}
            onChange={(e) => setEmail(e.target.value)}
          />
        </div>

<div>
          <label htmlFor="password" className="block text-sm font-medium text-gray-700">
            Password
          </label>
          <input
            id="password"
            name="password"
            type="password"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-[#5E4FDB] focus:outline-none focus:ring-[#5E4FDB]"
            value={password}
            onChange={(e) => setPassword(e.target.value)}
          />
        </div>

<div>
          <label htmlFor="confirmPassword" className="block text-sm font-medium text-gray-700">
            Confirm Password
          </label>
          <input
            id="confirmPassword"
            name="confirmPassword"
            type="password"
            required
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-[#5E4FDB] focus:outline-none focus:ring-[#5E4FDB]"
            value={confirmPassword}
            onChange={(e) => setConfirmPassword(e.target.value)}
          />
        </div>

<div>
          <label htmlFor="referralCode" className="block text-sm font-medium text-gray-700">
            Referral Code (Optional)
          </label>
          <input
            id="referralCode"
            name="referralCode"
            type="text"
            className="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-[#5E4FDB] focus:outline-none focus:ring-[#5E4FDB]"
            placeholder="Enter referral code if you have one"
            value={referralCode}
            onChange={(e) => setReferralCode(e.target.value)}
          />
          {referralCode && (
            <p className="text-xs text-green-600 mt-1">
              You'll receive a 10৳ signup bonus when you register with this referral code!
            </p>
          )}
        </div>

<div>
          <button
            type="submit"
            disabled={loading}
            className="flex w-full justify-center rounded-md border border-transparent bg-[#5E4FDB] py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-[#4E3FCB] focus:outline-none focus:ring-2 focus:ring-[#5E4FDB] focus:ring-offset-2 disabled:opacity-75"
          >
            {loading ? "Creating account..." : "Create account"}
          </button>
        </div>
      </form>
    </AuthLayout>
  )
}
[V0_FILE]typescript:file="app/api/admin/fix-all-referral-bonuses/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

// Find all pending referrals that might need bonuses applied
    const { data: pendingReferrals, error: referralsError } = await supabaseAdmin
      .from("referrals")
      .select("id, referrer_id, referred_id")
      .eq("status", "pending")

if (referralsError) {
      console.error("Error fetching pending referrals:", referralsError)
      return NextResponse.json({ error: "Failed to fetch pending referrals" }, { status: 500 })
    }

// Process each pending referral
    const results = []
    for (const referral of pendingReferrals) {
      try {
        // Apply the immediate referral bonuses
        const { data: bonusResult, error: bonusError } = await supabaseAdmin.rpc("apply_immediate_referral_bonus", {
          referred_user_id: referral.referred_id,
          referrer_id: referral.referrer_id,
        })

if (bonusError) {
          results.push({
            referral_id: referral.id,
            status: "error",
            message: bonusError.message,
          })
        } else {
          results.push({
            referral_id: referral.id,
            status: "success",
            message: "Referral bonuses applied successfully",
          })
        }
      } catch (error) {
        results.push({
          referral_id: referral.id,
          status: "error",
          message: error.message || "Unknown error",
        })
      }
    }

return NextResponse.json({
      success: true,
      message: `Processed ${pendingReferrals.length} pending referrals`,
      fixed: results.filter((r) => r.status === "success").length,
      errors: results.filter((r) => r.status === "error").length,
      results,
    })
  } catch (error: any) {
    console.error("Error in fix-all-referral-bonuses API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/admin/referrals/process/page.tsx" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { ArrowLeft, CheckCircle, RefreshCw } from "lucide-react"
import Link from "next/link"
import { LoadingSpinner } from "@/components/loading-spinner"

export default function ProcessReferralPage() {
  const [loading, setLoading] = useState(false)
  const [userId, setUserId] = useState("")
  const [message, setMessage] = useState<string | null>(null)
  const [error, setError] = useState<string | null>(null)

const processReferral = async () => {
    if (!userId.trim()) {
      setError("Please enter a user ID")
      return
    }

setLoading(true)
    setError(null)
    setMessage(null)

try {
      // Check if admin is authenticated via localStorage
      const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"

if (!adminAuthenticated) {
        throw new Error("You must be logged in as an admin to perform this action")
      }

const response = await fetch("/api/admin/process-referral", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
        body: JSON.stringify({ userId }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to process referral bonus")
      }

setMessage(data.message || "Referral bonus processed successfully")
    } catch (error: any) {
      console.error("Error processing referral:", error)
      setError(error.message || "An error occurred while processing the referral bonus")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <Link href="/admin" className="inline-flex items-center text-primary hover:underline">
          <ArrowLeft className="h-4 w-4 mr-2" />
          Back to Admin Dashboard
        </Link>
        <h1 className="text-3xl font-bold mt-2">Process Referral Bonus</h1>
        <p className="text-muted-foreground">Manually process referral bonuses for users</p>
      </div>

{error && (
        <Alert className="mb-6 bg-red-50 border-red-200">
          <AlertDescription className="text-red-700">{error}</AlertDescription>
        </Alert>
      )}

<Card className="max-w-2xl mx-auto">
        <CardHeader>
          <CardTitle>Process Referral Bonus</CardTitle>
          <CardDescription>
            Use this tool to manually process referral bonuses for users who were referred but didn't receive their
            bonus
          </CardDescription>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="space-y-2">
            <Label htmlFor="userId">User ID</Label>
            <Input
              id="userId"
              value={userId}
              onChange={(e) => setUserId(e.target.value)}
              placeholder="Enter the user ID of the referred user"
            />
            <p className="text-xs text-muted-foreground">
              This is the ID of the user who signed up using a referral code
            </p>
          </div>

<div className="bg-amber-50 border border-amber-200 text-amber-700 p-4 rounded-md">
            <p className="text-sm font-medium">How this works:</p>
            <ul className="list-disc list-inside text-sm mt-2">
              <li>The referred user will receive 10৳ bonus</li>
              <li>The referrer will receive 35৳ bonus</li>
              <li>The referral will be marked as active</li>
              <li>The referrer's referral count will be incremented</li>
            </ul>
          </div>
        </CardContent>
        <CardFooter>
          <Button onClick={processReferral} disabled={loading} className="w-full">
            {loading ? (
              <>
                <LoadingSpinner size="sm" className="mr-2" /> Processing...
              </>
            ) : (
              "Process Referral Bonus"
            )}
          </Button>
          <Link href="/admin/fix-referrals" className="ml-2">
            <Button variant="outline" className="flex items-center">
              <RefreshCw className="h-4 w-4 mr-2" />
              Fix All Referrals
            </Button>
          </Link>
        </CardFooter>
      </Card>
    </div>
  )
}
[V0_FILE]sql:file="supabase/migrations/vouchers_schema.sql" isMerged="true"
-- Create vouchers table if it doesn't exist
CREATE TABLE IF NOT EXISTS vouchers (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  code TEXT UNIQUE NOT NULL,
  amount DECIMAL(10, 2) NOT NULL,
  description TEXT,
  is_active BOOLEAN DEFAULT true,
  max_uses INTEGER DEFAULT NULL,
  used_count INTEGER DEFAULT 0,
  created_by UUID REFERENCES profiles(id),
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  expires_at TIMESTAMP WITH TIME ZONE DEFAULT NULL
);

-- Add RLS policies for vouchers table
ALTER TABLE vouchers ENABLE ROW LEVEL SECURITY;

-- Only admins can view vouchers
CREATE POLICY "Admins can view vouchers" 
  ON vouchers FOR SELECT 
  USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true));

-- Only admins can insert vouchers
CREATE POLICY "Admins can insert vouchers" 
  ON vouchers FOR INSERT 
  WITH CHECK (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true));

-- Only admins can update vouchers
CREATE POLICY "Admins can update vouchers" 
  ON vouchers FOR UPDATE 
  USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true));

-- Only admins can delete vouchers
CREATE POLICY "Admins can delete vouchers" 
  ON vouchers FOR DELETE 
  USING (auth.uid() IN (SELECT id FROM profiles WHERE is_admin = true));

-- Create function to check if a voucher is valid and can be used
CREATE OR REPLACE FUNCTION check_voucher_validity(voucher_code TEXT, user_id UUID)
RETURNS TABLE (
  is_valid BOOLEAN,
  message TEXT,
  amount DECIMAL
) AS $$
DECLARE
  voucher_record RECORD;
BEGIN
  -- Check if voucher exists and is active
  SELECT * INTO voucher_record
  FROM vouchers
  WHERE code = voucher_code AND is_active = true;
  
  -- If voucher doesn't exist or is not active
  IF voucher_record IS NULL THEN
    RETURN QUERY SELECT false, 'Invalid voucher code', 0::DECIMAL;
    RETURN;
  END IF;
  
  -- Check if voucher has expired
  IF voucher_record.expires_at IS NOT NULL AND voucher_record.expires_at < NOW() THEN
    RETURN QUERY SELECT false, 'Voucher has expired', 0::DECIMAL;
    RETURN;
  END IF;
  
  -- Check if voucher has reached max uses
  IF voucher_record.max_uses IS NOT NULL AND voucher_record.used_count >= voucher_record.max_uses THEN
    RETURN QUERY SELECT false, 'Voucher has reached maximum uses', 0::DECIMAL;
    RETURN;
  END IF;
  
  -- Check if user has already used this voucher
  IF EXISTS (
    SELECT 1 FROM profiles 
    WHERE id = user_id 
    AND used_vouchers IS NOT NULL 
    AND voucher_code = ANY(used_vouchers)
  ) THEN
    RETURN QUERY SELECT false, 'You have already used this voucher', 0::DECIMAL;
    RETURN;
  END IF;
  
  -- Voucher is valid
  RETURN QUERY SELECT true, 'Voucher is valid', voucher_record.amount;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Create function to apply a voucher
CREATE OR REPLACE FUNCTION apply_voucher(voucher_code TEXT, user_id UUID)
RETURNS TABLE (
  success BOOLEAN,
  message TEXT,
  amount DECIMAL
) AS $$
DECLARE
  voucher_record RECORD;
  validity_check RECORD;
BEGIN
  -- Check voucher validity first
  SELECT * INTO validity_check FROM check_voucher_validity(voucher_code, user_id);
  
  IF NOT validity_check.is_valid THEN
    RETURN QUERY SELECT false, validity_check.message, 0::DECIMAL;
    RETURN;
  END IF;
  
  -- Get voucher details
  SELECT * INTO voucher_record FROM vouchers WHERE code = voucher_code;
  
  -- Update user's balance and used_vouchers
  UPDATE profiles
  SET 
    balance = COALESCE(balance, 0) + voucher_record.amount,
    is_active = true, -- Also activate the account
    used_vouchers = array_append(COALESCE(used_vouchers, ARRAY[]::TEXT[]), voucher_code)
  WHERE id = user_id;
  
  -- Increment voucher used count
  UPDATE vouchers
  SET used_count = used_count + 1
  WHERE code = voucher_code;
  
  -- Log the activity
  INSERT INTO activity_log (
    user_id,
    activity_type,
    description,
    metadata
  ) VALUES (
    user_id,
    'voucher_redemption',
    'Redeemed voucher code for ' || voucher_record.amount || '৳',
    jsonb_build_object(
      'voucher_code', voucher_code,
      'amount', voucher_record.amount,
      'description', voucher_record.description
    )
  );
  
  -- Return success
  RETURN QUERY SELECT true, 'Voucher applied successfully', voucher_record.amount;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION check_voucher_validity TO authenticated;
GRANT EXECUTE ON FUNCTION apply_voucher TO authenticated;
[V0_FILE]typescript:file="app/api/admin/vouchers/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

// GET - Fetch all vouchers
export async function GET(request: Request) {
  try {
    // Check for admin authentication token in headers
    const adminAuth = request.headers.get("x-admin-auth")
    if (adminAuth !== "true") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Get query parameters
    const { searchParams } = new URL(request.url)
    const active = searchParams.get("active")

// Build query
    let query = supabaseAdmin.from("vouchers").select(`
      *,
      creator:created_by(username)
    `)

// Filter by active status if provided
    if (active === "true") {
      query = query.eq("is_active", true)
    } else if (active === "false") {
      query = query.eq("is_active", false)
    }

// Execute query
    const { data, error } = await query.order("created_at", { ascending: false })

if (error) {
      console.error("Error fetching vouchers:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({ vouchers: data })
  } catch (error: any) {
    console.error("Error in vouchers API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}

// POST - Create a new voucher
export async function POST(request: Request) {
  try {
    // Check for admin authentication token in headers
    const adminAuth = request.headers.get("x-admin-auth")
    if (adminAuth !== "true") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Parse request body
    const body = await request.json()
    const { code, amount, description, maxUses, expiresAt, createdBy } = body

// Validate required fields
    if (!code || !amount) {
      return NextResponse.json({ error: "Code and amount are required" }, { status: 400 })
    }

// Check if voucher code already exists
    const { data: existingVoucher, error: checkError } = await supabaseAdmin
      .from("vouchers")
      .select("id")
      .eq("code", code)
      .single()

if (existingVoucher) {
      return NextResponse.json({ error: "Voucher code already exists" }, { status: 400 })
    }

// Create new voucher
    const { data, error } = await supabaseAdmin
      .from("vouchers")
      .insert({
        code,
        amount: Number(amount),
        description,
        max_uses: maxUses ? Number(maxUses) : null,
        expires_at: expiresAt || null,
        created_by: createdBy,
      })
      .select()

if (error) {
      console.error("Error creating voucher:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Voucher created successfully",
      voucher: data[0],
    })
  } catch (error: any) {
    console.error("Error in create voucher API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}

// PUT - Update a voucher
export async function PUT(request: Request) {
  try {
    // Check for admin authentication token in headers
    const adminAuth = request.headers.get("x-admin-auth")
    if (adminAuth !== "true") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Parse request body
    const body = await request.json()
    const { id, isActive, description, maxUses, expiresAt } = body

// Validate required fields
    if (!id) {
      return NextResponse.json({ error: "Voucher ID is required" }, { status: 400 })
    }

// Prepare update data
    const updateData: any = {}

if (isActive !== undefined) updateData.is_active = isActive
    if (description !== undefined) updateData.description = description
    if (maxUses !== undefined) updateData.max_uses = maxUses === null ? null : Number(maxUses)
    if (expiresAt !== undefined) updateData.expires_at = expiresAt

// Update voucher
    const { data, error } = await supabaseAdmin.from("vouchers").update(updateData).eq("id", id).select()

if (error) {
      console.error("Error updating voucher:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Voucher updated successfully",
      voucher: data[0],
    })
  } catch (error: any) {
    console.error("Error in update voucher API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}

// DELETE - Delete a voucher
export async function DELETE(request: Request) {
  try {
    // Check for admin authentication token in headers
    const adminAuth = request.headers.get("x-admin-auth")
    if (adminAuth !== "true") {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Get voucher ID from query params
    const { searchParams } = new URL(request.url)
    const id = searchParams.get("id")

if (!id) {
      return NextResponse.json({ error: "Voucher ID is required" }, { status: 400 })
    }

// Delete voucher
    const { error } = await supabaseAdmin.from("vouchers").delete().eq("id", id)

if (error) {
      console.error("Error deleting voucher:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Voucher deleted successfully",
    })
  } catch (error: any) {
    console.error("Error in delete voucher API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/admin/vouchers/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
import { Badge } from "@/components/ui/badge"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { LoadingSpinner } from "@/components/loading-spinner"
import { ArrowLeft, Plus, Edit, Trash2, CheckCircle, XCircle, Calendar, RefreshCw } from "lucide-react"
import Link from "next/link"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
  DialogFooter,
  DialogClose,
} from "@/components/ui/dialog"
import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogTitle,
  AlertDialogTrigger,
} from "@/components/ui/alert-dialog"
import { Switch } from "@/components/ui/switch"
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"

interface Voucher {
  id: string
  code: string
  amount: number
  description: string | null
  is_active: boolean
  max_uses: number | null
  used_count: number
  created_by: string | null
  created_at: string
  expires_at: string | null
  creator?: {
    username: string
  }
}

export default function VouchersPage() {
  const router = useRouter()
  const [vouchers, setVouchers] = useState<Voucher[]>([])
  const [loading, setLoading] = useState(true)
  const [refreshing, setRefreshing] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [success, setSuccess] = useState<string | null>(null)
  const [isAdmin, setIsAdmin] = useState(false)
  const [checkingAdmin, setCheckingAdmin] = useState(true)

// New voucher form state
  const [newVoucherCode, setNewVoucherCode] = useState("")
  const [newVoucherAmount, setNewVoucherAmount] = useState("")
  const [newVoucherDescription, setNewVoucherDescription] = useState("")
  const [newVoucherMaxUses, setNewVoucherMaxUses] = useState("")
  const [newVoucherExpiry, setNewVoucherExpiry] = useState("")
  const [creatingVoucher, setCreatingVoucher] = useState(false)

// Edit voucher state
  const [editingVoucher, setEditingVoucher] = useState<Voucher | null>(null)
  const [editVoucherDescription, setEditVoucherDescription] = useState("")
  const [editVoucherMaxUses, setEditVoucherMaxUses] = useState("")
  const [editVoucherExpiry, setEditVoucherExpiry] = useState("")
  const [editVoucherActive, setEditVoucherActive] = useState(true)
  const [updatingVoucher, setUpdatingVoucher] = useState(false)

// Delete voucher state
  const [deletingVoucher, setDeletingVoucher] = useState<string | null>(null)

// Filter state
  const [activeFilter, setActiveFilter] = useState<string>("all")

useEffect(() => {
    const checkAdminAndFetchVouchers = async () => {
      try {
        // Check if admin is authenticated via localStorage
        const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"

if (!adminAuthenticated) {
          router.push("/admin-login")
          return
        }

setIsAdmin(true)
        fetchVouchers()
      } catch (error: any) {
        console.error("Error checking admin status:", error)
        setError(error.message || "Failed to check admin status")
      } finally {
        setCheckingAdmin(false)
      }
    }

checkAdminAndFetchVouchers()
  }, [router])

const fetchVouchers = async () => {
    try {
      setRefreshing(true)
      setError(null)

// Build query URL based on active filter
      let url = "/api/admin/vouchers"
      if (activeFilter !== "all") {
        url += `?active=${activeFilter === "active" ? "true" : "false"}`
      }

const response = await fetch(url, {
        headers: {
          "x-admin-auth": "true", // Admin authentication token
        },
      })

if (!response.ok) {
        const errorData = await response.json()
        throw new Error(errorData.error || "Failed to fetch vouchers")
      }

const data = await response.json()
      setVouchers(data.vouchers || [])
    } catch (error: any) {
      console.error("Error fetching vouchers:", error)
      setError(error.message || "Failed to load vouchers")
    } finally {
      setLoading(false)
      setRefreshing(false)
    }
  }

const createVoucher = async () => {
    try {
      setCreatingVoucher(true)
      setError(null)
      setSuccess(null)

// Validate inputs
      if (!newVoucherCode.trim()) {
        throw new Error("Voucher code is required")
      }

const amount = Number.parseFloat(newVoucherAmount)
      if (isNaN(amount) || amount <= 0) {
        throw new Error("Please enter a valid amount")
      }

// Get admin user ID
      const adminEmail = localStorage.getItem("adminEmail")

// Prepare request body
      const requestBody: any = {
        code: newVoucherCode,
        amount,
        description: newVoucherDescription.trim() || null,
      }

// Add optional fields if provided
      if (newVoucherMaxUses.trim()) {
        const maxUses = Number.parseInt(newVoucherMaxUses)
        if (isNaN(maxUses) || maxUses <= 0) {
          throw new Error("Maximum uses must be a positive number")
        }
        requestBody.maxUses = maxUses
      }

if (newVoucherExpiry.trim()) {
        const expiryDate = new Date(newVoucherExpiry)
        if (isNaN(expiryDate.getTime())) {
          throw new Error("Please enter a valid expiry date")
        }
        requestBody.expiresAt = expiryDate.toISOString()
      }

const response = await fetch("/api/admin/vouchers", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
        body: JSON.stringify(requestBody),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to create voucher")
      }

// Reset form
      setNewVoucherCode("")
      setNewVoucherAmount("")
      setNewVoucherDescription("")
      setNewVoucherMaxUses("")
      setNewVoucherExpiry("")

// Show success message
      setSuccess("Voucher created successfully")

// Refresh vouchers list
      fetchVouchers()

// Clear success message after 3 seconds
      setTimeout(() => setSuccess(null), 3000)
    } catch (error: any) {
      console.error("Error creating voucher:", error)
      setError(error.message || "Failed to create voucher")
    } finally {
      setCreatingVoucher(false)
    }
  }

const updateVoucher = async () => {
    if (!editingVoucher) return

try {
      setUpdatingVoucher(true)
      setError(null)
      setSuccess(null)

// Prepare request body
      const requestBody: any = {
        id: editingVoucher.id,
        isActive: editVoucherActive,
        description: editVoucherDescription.trim() || null,
      }

// Add optional fields if provided
      if (editVoucherMaxUses.trim()) {
        const maxUses = Number.parseInt(editVoucherMaxUses)
        if (isNaN(maxUses) || maxUses < 0) {
          throw new Error("Maximum uses must be a non-negative number")
        }
        requestBody.maxUses = maxUses === 0 ? null : maxUses
      } else {
        requestBody.maxUses = null
      }

if (editVoucherExpiry.trim()) {
        const expiryDate = new Date(editVoucherExpiry)
        if (isNaN(expiryDate.getTime())) {
          throw new Error("Please enter a valid expiry date")
        }
        requestBody.expiresAt = expiryDate.toISOString()
      } else {
        requestBody.expiresAt = null
      }

const response = await fetch("/api/admin/vouchers", {
        method: "PUT",
        headers: {
          "Content-Type": "application/json",
          "x-admin-auth": "true", // Admin authentication token
        },
        body: JSON.stringify(requestBody),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to update voucher")
      }

// Show success message
      setSuccess("Voucher updated successfully")

// Reset edit state
      setEditingVoucher(null)

// Refresh vouchers list
      fetchVouchers()

// Clear success message after 3 seconds
      setTimeout(() => setSuccess(null), 3000)
    } catch (error: any) {
      console.error("Error updating voucher:", error)
      setError(error.message || "Failed to update voucher")
    } finally {
      setUpdatingVoucher(false)
    }
  }

const deleteVoucher = async (voucherId: string) => {
    try {
      setDeletingVoucher(voucherId)
      setError(null)
      setSuccess(null)

const response = await fetch(`/api/admin/vouchers?id=${voucherId}`, {
        method: "DELETE",
        headers: {
          "x-admin-auth": "true", // Admin authentication token
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to delete voucher")
      }

// Show success message
      setSuccess("Voucher deleted successfully")

// Refresh vouchers list
      fetchVouchers()

// Clear success message after 3 seconds
      setTimeout(() => setSuccess(null), 3000)
    } catch (error: any) {
      console.error("Error deleting voucher:", error)
      setError(error.message || "Failed to delete voucher")
    } finally {
      setDeletingVoucher(null)
    }
  }

const handleEditVoucher = (voucher: Voucher) => {
    setEditingVoucher(voucher)
    setEditVoucherDescription(voucher.description || "")
    setEditVoucherMaxUses(voucher.max_uses !== null ? voucher.max_uses.toString() : "")
    setEditVoucherExpiry(voucher.expires_at ? new Date(voucher.expires_at).toISOString().split("T")[0] : "")
    setEditVoucherActive(voucher.is_active)
  }

const formatDate = (dateString: string | null) => {
    if (!dateString) return "No expiry"
    const date = new Date(dateString)
    return date.toLocaleDateString()
  }

if (loading || checkingAdmin) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

if (!isAdmin) {
    return null // Will redirect in useEffect
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <Link href="/admin" className="inline-flex items-center text-primary hover:underline">
          <ArrowLeft className="h-4 w-4 mr-2" />
          Back to Admin Dashboard
        </Link>
        <h1 className="text-3xl font-bold mt-2">Voucher Management</h1>
        <p className="text-muted-foreground">Create and manage voucher codes for deposits</p>
      </div>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

<div className="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
        <Card className="lg:col-span-2">
          <CardHeader>
            <CardTitle>Create New Voucher</CardTitle>
            <CardDescription>Create a new voucher code for users to redeem</CardDescription>
          </CardHeader>
          <CardContent>
            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div className="space-y-2">
                <Label htmlFor="voucherCode">Voucher Code</Label>
                <Input
                  id="voucherCode"
                  value={newVoucherCode}
                  onChange={(e) => setNewVoucherCode(e.target.value)}
                  placeholder="e.g., WELCOME50"
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="voucherAmount">Amount (৳)</Label>
                <Input
                  id="voucherAmount"
                  type="number"
                  value={newVoucherAmount}
                  onChange={(e) => setNewVoucherAmount(e.target.value)}
                  placeholder="e.g., 50"
                />
              </div>

<div className="space-y-2 md:col-span-2">
                <Label htmlFor="voucherDescription">Description (Optional)</Label>
                <Textarea
                  id="voucherDescription"
                  value={newVoucherDescription}
                  onChange={(e) => setNewVoucherDescription(e.target.value)}
                  placeholder="e.g., Welcome bonus for new users"
                  rows={2}
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="voucherMaxUses">Maximum Uses (Optional)</Label>
                <Input
                  id="voucherMaxUses"
                  type="number"
                  value={newVoucherMaxUses}
                  onChange={(e) => setNewVoucherMaxUses(e.target.value)}
                  placeholder="Leave empty for unlimited"
                />
              </div>

<div className="space-y-2">
                <Label htmlFor="voucherExpiry">Expiry Date (Optional)</Label>
                <Input
                  id="voucherExpiry"
                  type="date"
                  value={newVoucherExpiry}
                  onChange={(e) => setNewVoucherExpiry(e.target.value)}
                />
              </div>
            </div>

<Button onClick={createVoucher} disabled={creatingVoucher} className="mt-4 w-full">
              {creatingVoucher ? (
                <>
                  <LoadingSpinner size="sm" className="mr-2" /> Creating...
                </>
              ) : (
                <>
                  <Plus className="h-4 w-4 mr-2" /> Create Voucher
                </>
              )}
            </Button>
          </CardContent>
        </Card>

<Card>
          <CardHeader>
            <CardTitle>Voucher Information</CardTitle>
            <CardDescription>How vouchers work in the system</CardDescription>
          </CardHeader>
          <CardContent className="space-y-4">
            <div>
              <h3 className="font-semibold mb-1">Voucher Codes</h3>
              <p className="text-sm text-muted-foreground">
                Voucher codes can be used by users to add funds to their account. Each code can have a specific amount,
                usage limit, and expiry date.
              </p>
            </div>

<div>
              <h3 className="font-semibold mb-1">Usage Limits</h3>
              <p className="text-sm text-muted-foreground">
                You can set a maximum number of times a voucher can be used. Leave this empty for unlimited uses.
              </p>
            </div>

<div>
              <h3 className="font-semibold mb-1">Expiry Dates</h3>
              <p className="text-sm text-muted-foreground">
                Vouchers can have an optional expiry date. After this date, the voucher will no longer be valid.
              </p>
            </div>

<div>
              <h3 className="font-semibold mb-1">Account Activation</h3>
              <p className="text-sm text-muted-foreground">
                When a user redeems a voucher, their account will be automatically activated, regardless of the voucher
                amount.
              </p>
            </div>

<div className="bg-amber-50 border border-amber-200 rounded-md p-4">
              <h3 className="font-semibold text-amber-800 mb-1">Important Note</h3>
              <p className="text-sm text-amber-700">
                Each user can only use a specific voucher code once. The system tracks which vouchers have been used by
                each user.
              </p>
            </div>
          </CardContent>
        </Card>
      </div>

<Card>
        <CardHeader className="flex flex-col sm:flex-row justify-between items-start sm:items-center space-y-2 sm:space-y-0">
          <div>
            <CardTitle>Manage Vouchers</CardTitle>
            <CardDescription>View, edit, and delete existing voucher codes</CardDescription>
          </div>
          <div className="flex items-center space-x-2">
            <Button variant="outline" size="sm" onClick={fetchVouchers} disabled={refreshing} className="h-8">
              {refreshing ? <LoadingSpinner size="sm" /> : <RefreshCw className="h-4 w-4 mr-2" />}
              {refreshing ? "" : "Refresh"}
            </Button>
          </div>
        </CardHeader>
        <CardContent>
          <Tabs defaultValue="all" className="mb-4" onValueChange={setActiveFilter}>
            <TabsList>
              <TabsTrigger value="all">All Vouchers</TabsTrigger>
              <TabsTrigger value="active">Active</TabsTrigger>
              <TabsTrigger value="inactive">Inactive</TabsTrigger>
            </TabsList>
          </Tabs>

{vouchers.length > 0 ? (
            <div className="overflow-x-auto">
              <Table>
                <TableHeader>
                  <TableRow>
                    <TableHead>Code</TableHead>
                    <TableHead>Amount</TableHead>
                    <TableHead>Description</TableHead>
                    <TableHead>Uses</TableHead>
                    <TableHead>Expires</TableHead>
                    <TableHead>Status</TableHead>
                    <TableHead className="text-right">Actions</TableHead>
                  </TableRow>
                </TableHeader>
                <TableBody>
                  {vouchers.map((voucher) => (
                    <TableRow key={voucher.id}>
                      <TableCell className="font-medium">{voucher.code}</TableCell>
                      <TableCell>{voucher.amount.toFixed(2)}৳</TableCell>
                      <TableCell>{voucher.description || "—"}</TableCell>
                      <TableCell>
                        {voucher.used_count}
                        {voucher.max_uses !== null && ` / ${voucher.max_uses}`}
                      </TableCell>
                      <TableCell>
                        {voucher.expires_at ? (
                          <div className="flex items-center">
                            <Calendar className="h-4 w-4 mr-1 text-muted-foreground" />
                            {formatDate(voucher.expires_at)}
                          </div>
                        ) : (
                          "No expiry"
                        )}
                      </TableCell>
                      <TableCell>
                        {voucher.is_active ? (
                          <Badge className="bg-green-500">Active</Badge>
                        ) : (
                          <Badge variant="outline" className="text-muted-foreground">
                            Inactive
                          </Badge>
                        )}
                      </TableCell>
                      <TableCell className="text-right">
                        <div className="flex justify-end space-x-2">
                          <Dialog>
                            <DialogTrigger asChild>
                              <Button variant="outline" size="sm" onClick={() => handleEditVoucher(voucher)}>
                                <Edit className="h-4 w-4" />
                              </Button>
                            </DialogTrigger>
                            <DialogContent>
                              <DialogHeader>
                                <DialogTitle>Edit Voucher</DialogTitle>
                                <DialogDescription>Update voucher details</DialogDescription>
                              </DialogHeader>
                              <div className="space-y-4 py-4">
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <Label className="text-right">Code:</Label>
                                  <div className="col-span-3 font-medium">{voucher.code}</div>
                                </div>
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <Label className="text-right">Amount:</Label>
                                  <div className="col-span-3 font-medium">{voucher.amount.toFixed(2)}৳</div>
                                </div>
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <Label htmlFor="description" className="text-right">
                                    Description:
                                  </Label>
                                  <Textarea
                                    id="description"
                                    value={editVoucherDescription}
                                    onChange={(e) => setEditVoucherDescription(e.target.value)}
                                    className="col-span-3"
                                    rows={2}
                                  />
                                </div>
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <Label htmlFor="maxUses" className="text-right">
                                    Max Uses:
                                  </Label>
                                  <Input
                                    id="maxUses"
                                    type="number"
                                    value={editVoucherMaxUses}
                                    onChange={(e) => setEditVoucherMaxUses(e.target.value)}
                                    className="col-span-3"
                                    placeholder="Leave empty for unlimited"
                                  />
                                </div>
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <Label htmlFor="expiry" className="text-right">
                                    Expiry Date:
                                  </Label>
                                  <Input
                                    id="expiry"
                                    type="date"
                                    value={editVoucherExpiry}
                                    onChange={(e) => setEditVoucherExpiry(e.target.value)}
                                    className="col-span-3"
                                  />
                                </div>
                                <div className="grid grid-cols-4 items-center gap-4">
                                  <Label htmlFor="active" className="text-right">
                                    Active:
                                  </Label>
                                  <div className="col-span-3 flex items-center">
                                    <Switch
                                      id="active"
                                      checked={editVoucherActive}
                                      onCheckedChange={setEditVoucherActive}
                                    />
                                    <span className="ml-2">{editVoucherActive ? "Active" : "Inactive"}</span>
                                  </div>
                                </div>
                              </div>
                              <DialogFooter>
                                <DialogClose asChild>
                                  <Button variant="outline">Cancel</Button>
                                </DialogClose>
                                <Button onClick={updateVoucher} disabled={updatingVoucher}>
                                  {updatingVoucher ? (
                                    <>
                                      <LoadingSpinner size="sm" className="mr-2" /> Updating...
                                    </>
                                  ) : (
                                    "Save Changes"
                                  )}
                                </Button>
                              </DialogFooter>
                            </DialogContent>
                          </Dialog>

<AlertDialog>
                            <AlertDialogTrigger asChild>
                              <Button variant="outline" size="sm" className="text-red-500">
                                <Trash2 className="h-4 w-4" />
                              </Button>
                            </AlertDialogTrigger>
                            <AlertDialogContent>
                              <AlertDialogHeader>
                                <AlertDialogTitle>Are you sure?</AlertDialogTitle>
                                <AlertDialogDescription>
                                  This will permanently delete the voucher code "{voucher.code}". This action cannot be
                                  undone.
                                </AlertDialogDescription>
                              </AlertDialogHeader>
                              <AlertDialogFooter>
                                <AlertDialogCancel>Cancel</AlertDialogCancel>
                                <AlertDialogAction
                                  onClick={() => deleteVoucher(voucher.id)}
                                  className="bg-red-500 text-white hover:bg-red-600"
                                >
                                  {deletingVoucher === voucher.id ? (
                                    <LoadingSpinner size="sm" className="mr-2" />
                                  ) : null}
                                  Delete
                                </AlertDialogAction>
                              </AlertDialogFooter>
                            </AlertDialogContent>
                          </AlertDialog>
                        </div>
                      </TableCell>
                    </TableRow>
                  ))}
                </TableBody>
              </Table>
            </div>
          ) : (
            <div className="text-center py-8">
              <XCircle className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
              <h3 className="text-xl font-semibold mb-2">No vouchers found</h3>
              <p className="text-muted-foreground">
                {activeFilter === "all"
                  ? "Create your first voucher to get started"
                  : `No ${activeFilter} vouchers found`}
              </p>
            </div>
          )}
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/vouchers/validate/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"
import { cookies } from "next/headers"

export async function POST(request: Request) {
  try {
    const { voucherCode } = await request.json()

if (!voucherCode) {
      return NextResponse.json({ error: "Voucher code is required" }, { status: 400 })
    }

// Create Supabase client
    const cookieStore = cookies()
    const supabase = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, {
      cookies: {
        get(name: string) {
          return cookieStore.get(name)?.value
        },
        set(name: string, value: string, options: any) {
          cookieStore.set({ name, value, ...options })
        },
        remove(name: string, options: any) {
          cookieStore.set({ name, value: "", ...options })
        },
      },
    })

// Get the current user
    const {
      data: { session },
    } = await supabase.auth.getSession()

if (!session) {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Check voucher validity
    const { data, error } = await supabase.rpc("check_voucher_validity", {
      voucher_code: voucherCode,
      user_id: session.user.id,
    })

if (error) {
      console.error("Error checking voucher validity:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

if (!data || !data[0] || !data[0].is_valid) {
      return NextResponse.json({
        valid: false,
        message: data && data[0] ? data[0].message : "Invalid voucher code",
      })
    }

return NextResponse.json({
      valid: true,
      message: data[0].message,
      amount: data[0].amount,
    })
  } catch (error: any) {
    console.error("Error in validate voucher API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/api/vouchers/apply/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"
import { cookies } from "next/headers"

export async function POST(request: Request) {
  try {
    const { voucherCode } = await request.json()

if (!voucherCode) {
      return NextResponse.json({ error: "Voucher code is required" }, { status: 400 })
    }

// Get the current user
    const {
      data: { session },
    } = await supabase.auth.getSession()

if (!session) {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Apply voucher
    const { data, error } = await supabase.rpc("apply_voucher", {
      voucher_code: voucherCode,
      user_id: session.user.id,
    })

if (error) {
      console.error("Error applying voucher:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

if (!data || !data[0] || !data[0].success) {
      return NextResponse.json({
        success: false,
        message: data && data[0] ? data[0].message : "Failed to apply voucher",
      })
    }

return NextResponse.json({
      success: true,
      message: data[0].message,
      amount: data[0].amount,
    })
  } catch (error: any) {
    console.error("Error in apply voucher API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="migrations/create_settings_table.sql" isMerged="true"
-- Create settings table
CREATE TABLE IF NOT EXISTS settings (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  key TEXT NOT NULL UNIQUE,
  value JSONB NOT NULL,
  description TEXT,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Insert default settings
INSERT INTO settings (key, value, description) VALUES
('platform_name', '"RIT Earn Hub"', 'Name of the platform'),
('admin_email', '"admin@ritearnhub.com"', 'Admin email address'),
('deposit_fee', '0', 'Deposit fee percentage'),
('withdrawal_fee', '0', 'Withdrawal fee percentage'),
('min_deposit', '50', 'Minimum deposit amount'),
('min_withdrawal', '50', 'Minimum withdrawal amount'),
('referral_bonus', '35', 'Bonus amount for referrer'),
('referred_bonus', '10', 'Bonus amount for referred user'),
('activation_amount', '50', 'Minimum amount to activate account'),
('maintenance_mode', 'false', 'Whether the platform is in maintenance mode'),
('currency_symbol', '"৳"', 'Currency symbol used throughout the platform');

-- Add RLS policies
ALTER TABLE settings ENABLE ROW LEVEL SECURITY;

-- Only allow admins to update settings
CREATE POLICY settings_admin_all ON settings
  USING (
    (SELECT is_admin FROM profiles WHERE id = auth.uid())
  );

-- Allow all authenticated users to read settings
CREATE POLICY settings_read_all ON settings
  FOR SELECT
  USING (auth.role() = 'authenticated');
[V0_FILE]typescript:file="components/ui/input.tsx" isMerged="true"
import * as React from "react"

import { cn } from "@/lib/utils"

export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
  error?: string
}

const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, error, ...props }, ref) => {
  return (
    <input
      type={type}
      className={cn(
        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
        error && "border-red-500 focus-visible:ring-red-500",
        className,
      )}
      ref={ref}
      {...props}
    />
  )
})
Input.displayName = "Input"

export { Input }
[V0_FILE]typescript:file="middleware.ts" isMerged="true"
import { NextResponse } from "next/server"
import type { NextRequest } from "next/server"
import { createMiddlewareClient } from "@supabase/auth-helpers-nextjs"

export async function middleware(req: NextRequest) {
  const res = NextResponse.next()
  const supabase = createMiddlewareClient({ req, res })

// Check if user is authenticated
  const {
    data: { session },
  } = await supabase.auth.getSession()

// Skip maintenance check for admin routes and API routes
  const path = req.nextUrl.pathname
  if (path.startsWith("/admin") || path.startsWith("/api/admin") || path === "/admin-login") {
    return res
  }

try {
    // Check if maintenance mode is enabled
    const { data: maintenanceData } = await supabase
      .from("settings")
      .select("value")
      .eq("key", "maintenance_mode")
      .single()

const maintenanceMode = maintenanceData?.value === true || maintenanceData?.value === "true"

if (maintenanceMode) {
      // If in maintenance mode, check if user is admin
      if (session) {
        const { data: profile } = await supabase.from("profiles").select("is_admin").eq("id", session.user.id).single()

// Allow access if user is admin
        if (profile?.is_admin) {
          return res
        }
      }

// Redirect to maintenance page
      return NextResponse.redirect(new URL("/maintenance", req.url))
    }
  } catch (error) {
    console.error("Error checking maintenance mode:", error)
  }

return res
}

export const config = {
  matcher: ["/((?!_next/static|_next/image|favicon.ico|images|maintenance).*)"],
}
[V0_FILE]typescript:file="app/maintenance/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import Link from "next/link"

export default function MaintenancePage() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gray-100 p-4">
      <Card className="max-w-md w-full">
        <CardHeader className="text-center">
          <CardTitle className="text-2xl">Maintenance Mode</CardTitle>
          <CardDescription>We're currently performing maintenance on our platform.</CardDescription>
        </CardHeader>
        <CardContent className="flex flex-col items-center">
          <div className="mb-6 text-center">
            <p className="mb-4">
              We apologize for the inconvenience. Our team is working to improve your experience. Please check back
              later.
            </p>
            <p className="text-sm text-muted-foreground">
              If you're an administrator, please log in to access the platform.
            </p>
          </div>
          <Link href="/admin-login">
            <Button>Admin Login</Button>
          </Link>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]sql:file="migrations/update_transaction_function.sql" isMerged="true"
-- Update the function to use settings from the database
CREATE OR REPLACE FUNCTION update_transaction_status(
transaction_type TEXT,
transaction_id UUID,
new_status TEXT,
updated_via TEXT DEFAULT 'admin_panel'
)
RETURNS BOOLEAN AS $$
DECLARE
transaction_record RECORD;
user_id UUID;
amount DECIMAL;
should_activate BOOLEAN := FALSE;
user_record RECORD;
payment_method TEXT;
activation_amount DECIMAL;
currency_symbol TEXT;
BEGIN
-- Get the transaction details
EXECUTE format('
  SELECT * FROM %I WHERE id = $1
', transaction_type)
INTO transaction_record
USING transaction_id;

IF transaction_record IS NULL THEN
  RAISE EXCEPTION 'Transaction not found';
END IF;

-- Extract common fields
user_id := transaction_record.user_id;
amount := transaction_record.amount;

-- Get the payment method (could be in different columns)
payment_method := COALESCE(transaction_record.method, transaction_record.payment_method, 'unknown');

-- Get settings
SELECT COALESCE((SELECT value::text::numeric FROM settings WHERE key = 'activation_amount'), 50) INTO activation_amount;
SELECT COALESCE((SELECT value::text FROM settings WHERE key = 'currency_symbol'), '৳') INTO currency_symbol;

-- Check if this is a deposit and the status is being set to 'completed'
IF transaction_type = 'deposits' AND new_status = 'completed' THEN
 
  -- Check if the user account should be activated
  SELECT amount >= activation_amount INTO should_activate
  FROM profiles
  WHERE id = user_id AND is_active = false;
  
  -- If account needs to be activated, update the profile first
  IF should_activate THEN
    UPDATE profiles
    SET 
      is_active = TRUE,
      balance = COALESCE(balance, 0) + amount,
      total_earnings = COALESCE(total_earnings, 0) + amount,
      updated_at = NOW()
    WHERE id = user_id;
     -- Log the account activation
     INSERT INTO activity_log (
       user_id,
       activity_type,
       description,
       metadata
     ) VALUES (
       user_id,
       'account_activated',
       format('Account activated with deposit of %s%s', amount, currency_symbol),
       jsonb_build_object(
         'transaction_id', transaction_id,
         'amount', amount,
         'payment_method', payment_method
       )
     );

ELSE
    UPDATE profiles
    SET 
      balance = COALESCE(balance, 0) + amount,
      total_earnings = COALESCE(total_earnings, 0) + amount,
      updated_at = NOW()
    WHERE id = user_id;
  END IF;
END IF;

-- Now update the transaction status 
EXECUTE format('
  UPDATE %I 
  SET status = $1, updated_at = NOW()
  WHERE id = $2
', transaction_type)
USING new_status, transaction_id;

-- Now do the activity log entry
IF transaction_type = 'deposits' THEN
  INSERT INTO activity_log (
    user_id,
    activity_type,
    description,
    metadata
  ) VALUES (
    user_id,
    new_status || '_deposit',
    CASE new_status
      WHEN 'completed' THEN format('Your deposit of %s%s has been approved', amount, currency_symbol)
      WHEN 'failed' THEN format('Your deposit of %s%s has been declined', amount, currency_symbol)
      ELSE 'Unknown status update'
    END,
    jsonb_build_object(
      'transaction_id', transaction_id,
      'amount', amount,
      'method', payment_method
    )
  );
END IF;

-- Handle other transaction types if required
IF transaction_type = 'withdrawals' THEN
    INSERT INTO activity_log (
      user_id,
      activity_type,
      description,
      metadata
    ) VALUES (
      user_id,
      new_status || '_withdrawal',
      CASE new_status
        WHEN 'completed' THEN format('Your withdrawal of %s%s has been approved', amount, currency_symbol)
        WHEN 'failed' THEN format('Your withdrawal of %s%s has been declined', amount, currency_symbol)
        ELSE 'Unknown status update'
      END,
      jsonb_build_object(
        'transaction_id', transaction_id,
        'amount', amount,
        'method', payment_method
      )
    );
 END IF;
RETURN TRUE;
EXCEPTION
WHEN OTHERS THEN
  RAISE NOTICE 'Error in update_transaction_status: %', SQLERRM;
  RETURN FALSE;
END;
$$ LANGUAGE plpgsql SECURITY DEFINER;
[V0_FILE]typescript:file="contexts/settings-context.tsx" isMerged="true"
"use client"

import { createContext, useContext, useState, useEffect, type ReactNode } from "react"
import { createClientComponentClient } from "@supabase/auth-helpers-nextjs"

interface SettingsContextType {
  settings: Record<string, any>
  isLoading: boolean
  error: string | null
  refreshSettings: () => Promise<void>
  getSetting: (key: string, defaultValue?: any) => any
  isAdmin: boolean
}

const SettingsContext = createContext<SettingsContextType | undefined>(undefined)

export function SettingsProvider({ children }: { children: ReactNode }) {
  const supabase = createClientComponentClient()
  const [settings, setSettings] = useState<Record<string, any>>({})
  const [isLoading, setIsLoading] = useState(true)
  const [error, setError] = useState<string | null>(null)
  const [isAdmin, setIsAdmin] = useState(false)

const fetchSettings = async () => {
    try {
      setIsLoading(true)
      setError(null)

// First check if user is authenticated and is admin
      const {
        data: { user },
      } = await supabase.auth.getUser()

if (!user) {
        // If not authenticated, just load public settings
        await fetchPublicSettings()
        return
      }

// Check if user is admin
      const { data: profile } = await supabase.from("profiles").select("is_admin").eq("id", user.id).single()

if (profile?.is_admin) {
        setIsAdmin(true)
        // Fetch all settings for admin
        const response = await fetch("/api/admin/settings")

if (!response.ok) {
          const errorData = await response.json()
          throw new Error(errorData.error || "Failed to fetch settings")
        }

const data = await response.json()
        setSettings(data)
      } else {
        // For non-admin users, fetch public settings
        await fetchPublicSettings()
      }
    } catch (err: any) {
      console.error("Error fetching settings:", err)
      setError(err.message || "Failed to load settings")
      // Still try to load public settings on error
      await fetchPublicSettings()
    } finally {
      setIsLoading(false)
    }
  }

const fetchPublicSettings = async () => {
    try {
      // Fetch public settings directly from the database
      const { data, error } = await supabase
        .from("settings")
        .select("key, value")
        .in("key", ["platform_name", "currency_symbol", "min_deposit", "min_withdrawal", "maintenance_mode"])

if (error) throw error

// Transform data into a more usable format
      const formattedSettings = data.reduce((acc: Record<string, any>, setting) => {
        acc[setting.key] = setting.value
        return acc
      }, {})

setSettings(formattedSettings)
    } catch (err: any) {
      console.error("Error fetching public settings:", err)
      // Set default values for essential settings
      setSettings({
        platform_name: "RIT Earn Hub",
        currency_symbol: "৳",
        min_deposit: 50,
        min_withdrawal: 50,
        maintenance_mode: false,
      })
    }
  }

useEffect(() => {
    fetchSettings()
  }, [])

const getSetting = (key: string, defaultValue: any = null) => {
    return settings[key] !== undefined ? settings[key] : defaultValue
  }

return (
    <SettingsContext.Provider
      value={{
        settings,
        isLoading,
        error,
        refreshSettings: fetchSettings,
        getSetting,
        isAdmin,
      }}
    >
      {children}
    </SettingsContext.Provider>
  )
}

export function useSettings() {
  const context = useContext(SettingsContext)
  if (context === undefined) {
    throw new Error("useSettings must be used within a SettingsProvider")
  }
  return context
}
[V0_FILE]typescript:file="app/api/settings/route.ts" isMerged="true"
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"
import { type NextRequest, NextResponse } from "next/server"

// GET endpoint to fetch public settings
export async function GET(req: NextRequest) {
  try {
    const supabase = createRouteHandlerClient({ cookies })

// Fetch only public settings
    const { data, error } = await supabase
      .from("settings")
      .select("key, value")
      .in("key", ["platform_name", "currency_symbol", "min_deposit", "min_withdrawal", "maintenance_mode"])

if (error) {
      console.error("Error fetching public settings:", error)
      return NextResponse.json({ error: "Failed to fetch settings" }, { status: 500 })
    }

// Transform data into a more usable format
    const formattedSettings = data.reduce((acc: Record<string, any>, setting) => {
      acc[setting.key] = setting.value
      return acc
    }, {})

return NextResponse.json(formattedSettings)
  } catch (error) {
    console.error("Unexpected error in public settings GET:", error)
    return NextResponse.json({ error: "An unexpected error occurred" }, { status: 500 })
  }
}
[V0_FILE]sql:file="migrations/update_settings_rls.sql" isMerged="true"
-- Update RLS policies for settings table

-- Drop existing policies
DROP POLICY IF EXISTS settings_admin_all ON settings;
DROP POLICY IF EXISTS settings_read_all ON settings;

-- Only allow admins to update settings
CREATE POLICY settings_admin_all ON settings
  FOR ALL
  USING (
    (SELECT is_admin FROM profiles WHERE id = auth.uid())
  );

-- Allow all authenticated users to read public settings
CREATE POLICY settings_public_read ON settings
  FOR SELECT
  USING (
    key IN ('platform_name', 'currency_symbol', 'min_deposit', 'min_withdrawal', 'maintenance_mode')
  );
[V0_FILE]typescript:file="app/api/admin/settings/route.ts" isMerged="true"
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"
import { type NextRequest, NextResponse } from "next/server"

// GET endpoint to fetch all settings
export async function GET(req: NextRequest) {
  try {
    const supabase = createRouteHandlerClient({ cookies })

// Check if user is authenticated
    const {
      data: { session },
    } = await supabase.auth.getSession()

if (!session) {
      // Try to get settings anyway for admin panel
      const { data, error } = await supabase.from("settings").select("*").order("key")

if (error) {
        return NextResponse.json({ error: "Unauthorized access" }, { status: 401 })
      }

return NextResponse.json(formattedSettings)
    }

// Check if user is admin
    const { data: profile, error: profileError } = await supabase
      .from("profiles")
      .select("is_admin")
      .eq("id", session.user.id)
      .single()

if (profileError || !profile?.is_admin) {
      // Try to get settings anyway for admin panel
      const { data, error } = await supabase.from("settings").select("*").order("key")

if (error) {
        return NextResponse.json({ error: "Unauthorized access" }, { status: 403 })
      }

return NextResponse.json(formattedSettings)
    }

// Fetch all settings
    const { data, error } = await supabase.from("settings").select("*").order("key")

if (error) {
      console.error("Error fetching settings:", error)
      return NextResponse.json({ error: "Failed to fetch settings" }, { status: 500 })
    }

// Transform data into a more usable format
    const formattedSettings = data.reduce((acc: Record<string, any>, setting) => {
      acc[setting.key] = setting.value
      return acc
    }, {})

return NextResponse.json(formattedSettings)
  } catch (error) {
    console.error("Unexpected error in settings GET:", error)
    return NextResponse.json({ error: "An unexpected error occurred" }, { status: 500 })
  }
}

// PUT endpoint to update settings
export async function PUT(req: NextRequest) {
  try {
    const supabase = createRouteHandlerClient({ cookies })

// Check if user is authenticated
    const {
      data: { session },
    } = await supabase.auth.getSession()

if (!session) {
      return NextResponse.json({ error: "Unauthorized access" }, { status: 401 })
    }

// Check if user is admin
    const { data: profile, error: profileError } = await supabase
      .from("profiles")
      .select("is_admin")
      .eq("id", session.user.id)
      .single()

if (profileError || !profile?.is_admin) {
      return NextResponse.json({ error: "Unauthorized access" }, { status: 403 })
    }

const updates = await req.json()

// Validate updates
    if (!updates || typeof updates !== "object") {
      return NextResponse.json({ error: "Invalid settings data" }, { status: 400 })
    }

// Process each setting update
    const updatePromises = Object.entries(updates).map(async ([key, value]) => {
      const { error } = await supabase
        .from("settings")
        .update({ value, updated_at: new Date().toISOString() })
        .eq("key", key)

if (error) {
        throw new Error(`Failed to update setting ${key}: ${error.message}`)
      }
    })

await Promise.all(updatePromises)

// Log the settings update
    await supabase.from("activity_log").insert({
      user_id: session.user.id,
      activity_type: "settings_updated",
      description: "Platform settings were updated",
      metadata: { updated_keys: Object.keys(updates) },
    })

return NextResponse.json({ success: true })
  } catch (error: any) {
    console.error("Error updating settings:", error)
    return NextResponse.json({ error: error.message || "Failed to update settings" }, { status: 500 })
  }
}
[V0_FILE]sql:file="migrations/add_payment_methods_table.sql" isMerged="true"
-- Create payment_methods table to store payment method configurations
CREATE TABLE IF NOT EXISTS payment_methods (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  name TEXT NOT NULL,
  display_name TEXT NOT NULL,
  account_number TEXT NOT NULL,
  instructions TEXT,
  is_active BOOLEAN DEFAULT true,
  for_deposit BOOLEAN DEFAULT true,
  for_withdrawal BOOLEAN DEFAULT true,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Insert default payment methods
INSERT INTO payment_methods (name, display_name, account_number, instructions, is_active, for_deposit, for_withdrawal)
VALUES 
  ('nagad', 'Nagad', '01736392836', 'Send money to this Nagad number and provide the transaction ID.', true, true, true),
  ('bkash', 'bKash', '01833486175', 'Send money to this bKash number and provide the transaction ID.', true, true, true);

-- Add RLS policies
ALTER TABLE payment_methods ENABLE ROW LEVEL SECURITY;

-- Anyone can view active payment methods
CREATE POLICY "Anyone can view active payment methods" 
  ON payment_methods FOR SELECT 
  USING (is_active = true);

-- Only admins can modify payment methods
CREATE POLICY "Only admins can modify payment methods" 
  ON payment_methods FOR ALL 
  USING (
    (SELECT is_admin FROM profiles WHERE id = auth.uid())
  );
[V0_FILE]typescriptreact:file="app/admin/settings/page.tsx" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { useRouter } from "next/navigation"
import { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { ArrowLeft, Save, RefreshCw, Trash2, Plus } from "lucide-react"
import Link from "next/link"
import { LoadingSpinner } from "@/components/loading-spinner"
import { Switch } from "@/components/ui/switch"
import { createClientComponentClient } from "@supabase/auth-helpers-nextjs"
import { z } from "zod"
import { Textarea } from "@/components/ui/textarea"

// Define validation schema
const settingsSchema = z.object({
  platform_name: z.string().min(1, "Platform name is required"),
  admin_email: z.string().email("Invalid email address"),
  deposit_fee: z.number().min(0, "Must be 0 or greater").max(100, "Must be 100 or less"),
  withdrawal_fee: z.number().min(0, "Must be 0 or greater").max(100, "Must be 100 or less"),
  min_deposit: z.number().min(1, "Must be at least 1"),
  min_withdrawal: z.number().min(1, "Must be at least 1"),
  referral_bonus: z.number().min(0, "Must be 0 or greater"),
  referred_bonus: z.number().min(0, "Must be 0 or greater"),
  activation_amount: z.number().min(1, "Must be at least 1"),
  maintenance_mode: z.boolean(),
  currency_symbol: z.string().min(1, "Currency symbol is required"),
})

type Settings = z.infer<typeof settingsSchema>

interface PaymentMethod {
  id: string
  name: string
  display_name: string
  account_number: string
  instructions: string
  is_active: boolean
  for_deposit: boolean
  for_withdrawal: boolean
}

export default function AdminSettings() {
  const router = useRouter()
  const supabase = createClientComponentClient()
  const [loading, setLoading] = useState(false)
  const [saving, setSaving] = useState(false)
  const [message, setMessage] = useState<string | null>(null)
  const [error, setError] = useState<string | null>(null)
  const [validationErrors, setValidationErrors] = useState<Record<string, string>>({})
  const [isAdmin, setIsAdmin] = useState(false)
  const [checkingAdmin, setCheckingAdmin] = useState(true)
  const [settings, setSettings] = useState<Settings>({
    platform_name: "RIT Earn Hub",
    admin_email: "admin@ritearnhub.com",
    deposit_fee: 0,
    withdrawal_fee: 0,
    min_deposit: 50,
    min_withdrawal: 50,
    referral_bonus: 35,
    referred_bonus: 10,
    activation_amount: 50,
    maintenance_mode: false,
    currency_symbol: "৳",
  })

const [paymentMethods, setPaymentMethods] = useState<PaymentMethod[]>([])
  const [newPaymentMethod, setNewPaymentMethod] = useState<Omit<PaymentMethod, "id">>({
    name: "",
    display_name: "",
    account_number: "",
    instructions: "",
    is_active: true,
    for_deposit: true,
    for_withdrawal: true,
  })
  const [addingPaymentMethod, setAddingPaymentMethod] = useState(false)

// Check admin status
  useEffect(() => {
    const checkAdminStatus = async () => {
      try {
        // First check if admin is authenticated via localStorage (for client-side only)
        const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"

if (adminAuthenticated) {
          setIsAdmin(true)
          setCheckingAdmin(false)
          fetchSettings()
          fetchPaymentMethods()
          return
        }

// If not authenticated via localStorage, check with Supabase
        const {
          data: { user },
        } = await supabase.auth.getUser()

if (!user) {
          router.push("/admin-login")
          return
        }

const { data: profile, error: profileError } = await supabase
          .from("profiles")
          .select("is_admin")
          .eq("id", user.id)
          .single()

if (profileError) {
          console.error("Error fetching profile:", profileError)
          router.push("/admin-login")
          return
        }

if (!profile?.is_admin) {
          router.push("/admin-login")
          return
        }

// If we get here, user is an admin
        localStorage.setItem("adminAuthenticated", "true")
        setIsAdmin(true)
        setCheckingAdmin(false)
        fetchSettings()
        fetchPaymentMethods()
      } catch (err) {
        console.error("Error checking admin status:", err)
        router.push("/admin-login")
      }
    }

checkAdminStatus()
  }, [router, supabase])

// Fetch settings
  const fetchSettings = async () => {
    try {
      setLoading(true)
      setError(null)

const response = await fetch("/api/admin/settings", {
        // Add cache: 'no-store' to prevent caching
        cache: "no-store",
        headers: {
          "Cache-Control": "no-cache",
        },
      })

if (!response.ok) {
        const errorData = await response.json()
        throw new Error(errorData.error || "Failed to fetch settings")
      }

const data = await response.json()

// Convert string values to appropriate types
      const formattedSettings = {
        platform_name: data.platform_name || "RIT Earn Hub",
        admin_email: data.admin_email || "admin@ritearnhub.com",
        deposit_fee: Number(data.deposit_fee || 0),
        withdrawal_fee: Number(data.withdrawal_fee || 0),
        min_deposit: Number(data.min_deposit || 50),
        min_withdrawal: Number(data.min_withdrawal || 50),
        referral_bonus: Number(data.referral_bonus || 35),
        referred_bonus: Number(data.referred_bonus || 10),
        activation_amount: Number(data.activation_amount || 50),
        maintenance_mode: data.maintenance_mode === true || data.maintenance_mode === "true",
        currency_symbol: data.currency_symbol || "৳",
      }

setSettings(formattedSettings)
    } catch (err: any) {
      console.error("Error fetching settings:", err)
      setError(err.message || "Failed to load settings")
    } finally {
      setLoading(false)
    }
  }

const fetchPaymentMethods = async () => {
    try {
      setLoading(true)

const { data, error } = await supabase.from("payment_methods").select("*").order("created_at")

if (error) throw error

setPaymentMethods(data || [])
    } catch (err: any) {
      console.error("Error fetching payment methods:", err)
      setError(err.message || "Failed to load payment methods")
    } finally {
      setLoading(false)
    }
  }

// Handle input change
  const handleChange = (key: keyof Settings, value: any) => {
    setSettings((prev) => ({
      ...prev,
      [key]: value,
    }))

// Clear validation error for this field if it exists
    if (validationErrors[key]) {
      setValidationErrors((prev) => {
        const newErrors = { ...prev }
        delete newErrors[key]
        return newErrors
      })
    }
  }

// Save settings
  const handleSave = async () => {
    try {
      // Validate settings
      const result = settingsSchema.safeParse(settings)

if (!result.success) {
        const formattedErrors: Record<string, string> = {}
        result.error.errors.forEach((err) => {
          formattedErrors[err.path[0] as string] = err.message
        })
        setValidationErrors(formattedErrors)
        return
      }

setSaving(true)
      setMessage(null)
      setError(null)

const response = await fetch("/api/admin/settings", {
        method: "PUT",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify(settings),
      })

if (!response.ok) {
        const errorData = await response.json()
        throw new Error(errorData.error || "Failed to save settings")
      }

setMessage("Settings saved successfully!")

// Clear message after 3 seconds
      setTimeout(() => {
        setMessage(null)
      }, 3000)
    } catch (err: any) {
      console.error("Error saving settings:", err)
      setError(err.message || "Failed to save settings")
    } finally {
      setSaving(false)
    }
  }

const handlePaymentMethodChange = (index: number, field: keyof PaymentMethod, value: any) => {
    const updatedMethods = [...paymentMethods]
    updatedMethods[index] = {
      ...updatedMethods[index],
      [field]: value,
    }
    setPaymentMethods(updatedMethods)
  }

const handleNewPaymentMethodChange = (field: keyof Omit<PaymentMethod, "id">, value: any) => {
    setNewPaymentMethod({
      ...newPaymentMethod,
      [field]: value,
    })
  }

const savePaymentMethod = async (index: number) => {
    try {
      setSaving(true)
      const method = paymentMethods[index]

const { error } = await supabase
        .from("payment_methods")
        .update({
          name: method.name,
          display_name: method.display_name,
          account_number: method.account_number,
          instructions: method.instructions,
          is_active: method.is_active,
          for_deposit: method.for_deposit,
          for_withdrawal: method.for_withdrawal,
          updated_at: new Date().toISOString(),
        })
        .eq("id", method.id)

if (error) throw error

setMessage("Payment method updated successfully!")

// Clear message after 3 seconds
      setTimeout(() => {
        setMessage(null)
      }, 3000)
    } catch (err: any) {
      console.error("Error updating payment method:", err)
      setError(err.message || "Failed to update payment method")
    } finally {
      setSaving(false)
    }
  }

const addPaymentMethod = async () => {
    try {
      setSaving(true)

// Validate required fields
      if (!newPaymentMethod.name || !newPaymentMethod.display_name || !newPaymentMethod.account_number) {
        throw new Error("Name, display name, and account number are required")
      }

const { error } = await supabase.from("payment_methods").insert([
        {
          name: newPaymentMethod.name.toLowerCase().replace(/\s+/g, "_"),
          display_name: newPaymentMethod.display_name,
          account_number: newPaymentMethod.account_number,
          instructions: newPaymentMethod.instructions,
          is_active: newPaymentMethod.is_active,
          for_deposit: newPaymentMethod.for_deposit,
          for_withdrawal: newPaymentMethod.for_withdrawal,
        },
      ])

if (error) throw error

setMessage("Payment method added successfully!")

// Reset form and refresh payment methods
      setNewPaymentMethod({
        name: "",
        display_name: "",
        account_number: "",
        instructions: "",
        is_active: true,
        for_deposit: true,
        for_withdrawal: true,
      })
      setAddingPaymentMethod(false)
      fetchPaymentMethods()

// Clear message after 3 seconds
      setTimeout(() => {
        setMessage(null)
      }, 3000)
    } catch (err: any) {
      console.error("Error adding payment method:", err)
      setError(err.message || "Failed to add payment method")
    } finally {
      setSaving(false)
    }
  }

const deletePaymentMethod = async (id: string) => {
    if (!confirm("Are you sure you want to delete this payment method? This action cannot be undone.")) {
      return
    }

try {
      setSaving(true)

const { error } = await supabase.from("payment_methods").delete().eq("id", id)

if (error) throw error

setMessage("Payment method deleted successfully!")

// Refresh payment methods
      fetchPaymentMethods()

// Clear message after 3 seconds
      setTimeout(() => {
        setMessage(null)
      }, 3000)
    } catch (err: any) {
      console.error("Error deleting payment method:", err)
      setError(err.message || "Failed to delete payment method")
    } finally {
      setSaving(false)
    }
  }

if (checkingAdmin) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

if (!isAdmin) {
    return (
      <div className="container mx-auto px-4 py-8">
        <div className="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded mb-6">
          <p className="font-medium">Access Denied</p>
          <p>You do not have permission to access this page.</p>
        </div>
        <Button onClick={() => (window.location.href = "/dashboard")} className="mt-4">
          Return to Dashboard
        </Button>
      </div>
    )
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <Link href="/admin" className="inline-flex items-center text-primary hover:underline">
          <ArrowLeft className="h-4 w-4 mr-2" />
          Back to Admin Dashboard
        </Link>
        <h1 className="text-3xl font-bold mt-2">Platform Settings</h1>
        <p className="text-muted-foreground">Configure platform settings, fees, and other parameters</p>
      </div>

{message && (
        <Alert className="mb-6 bg-green-50 border-green-200 text-green-700">
          <AlertDescription>{message}</AlertDescription>
        </Alert>
      )}

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

<div className="flex justify-end mb-4">
        <Button variant="outline" onClick={fetchSettings} disabled={loading} className="mr-2">
          <RefreshCw className={`h-4 w-4 mr-2 ${loading ? "animate-spin" : ""}`} />
          Refresh
        </Button>
        <Button onClick={handleSave} disabled={saving || loading}>
          <Save className="h-4 w-4 mr-2" />
          {saving ? "Saving..." : "Save Changes"}
        </Button>
      </div>

{loading ? (
        <div className="flex justify-center py-12">
          <LoadingSpinner size="lg" />
        </div>
      ) : (
        <>
          <Card className="max-w-2xl mx-auto mb-8">
            <CardHeader>
              <CardTitle>General Settings</CardTitle>
              <CardDescription>Configure general platform settings</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="platform_name">Platform Name</Label>
                <Input
                  id="platform_name"
                  value={settings.platform_name}
                  onChange={(e) => handleChange("platform_name", e.target.value)}
                  error={validationErrors.platform_name}
                />
                {validationErrors.platform_name && (
                  <p className="text-sm text-red-500">{validationErrors.platform_name}</p>
                )}
              </div>

<div className="space-y-2">
                <Label htmlFor="admin_email">Admin Email</Label>
                <Input
                  id="admin_email"
                  type="email"
                  value={settings.admin_email}
                  onChange={(e) => handleChange("admin_email", e.target.value)}
                  error={validationErrors.admin_email}
                />
                {validationErrors.admin_email && <p className="text-sm text-red-500">{validationErrors.admin_email}</p>}
              </div>

<div className="space-y-2">
                <Label htmlFor="currency_symbol">Currency Symbol</Label>
                <Input
                  id="currency_symbol"
                  value={settings.currency_symbol}
                  onChange={(e) => handleChange("currency_symbol", e.target.value)}
                  error={validationErrors.currency_symbol}
                />
                {validationErrors.currency_symbol && (
                  <p className="text-sm text-red-500">{validationErrors.currency_symbol}</p>
                )}
              </div>

<div className="flex items-center justify-between">
                <div className="space-y-0.5">
                  <Label htmlFor="maintenance_mode">Maintenance Mode</Label>
                  <p className="text-sm text-muted-foreground">When enabled, only admins can access the platform</p>
                </div>
                <Switch
                  id="maintenance_mode"
                  checked={settings.maintenance_mode}
                  onCheckedChange={(checked) => handleChange("maintenance_mode", checked)}
                />
              </div>
            </CardContent>
          </Card>

<Card className="max-w-2xl mx-auto mb-8">
            <CardHeader>
              <CardTitle>Fees and Limits</CardTitle>
              <CardDescription>Configure fees and limits for transactions</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="deposit_fee">Deposit Fee (%)</Label>
                <Input
                  id="deposit_fee"
                  type="number"
                  value={settings.deposit_fee}
                  onChange={(e) => handleChange("deposit_fee", Number(e.target.value))}
                  error={validationErrors.deposit_fee}
                />
                {validationErrors.deposit_fee && <p className="text-sm text-red-500">{validationErrors.deposit_fee}</p>}
              </div>

<div className="space-y-2">
                <Label htmlFor="withdrawal_fee">Withdrawal Fee (%)</Label>
                <Input
                  id="withdrawal_fee"
                  type="number"
                  value={settings.withdrawal_fee}
                  onChange={(e) => handleChange("withdrawal_fee", Number(e.target.value))}
                  error={validationErrors.withdrawal_fee}
                />
                {validationErrors.withdrawal_fee && (
                  <p className="text-sm text-red-500">{validationErrors.withdrawal_fee}</p>
                )}
              </div>

<div className="space-y-2">
                <Label htmlFor="min_deposit">Minimum Deposit ({settings.currency_symbol})</Label>
                <Input
                  id="min_deposit"
                  type="number"
                  value={settings.min_deposit}
                  onChange={(e) => handleChange("min_deposit", Number(e.target.value))}
                  error={validationErrors.min_deposit}
                />
                {validationErrors.min_deposit && <p className="text-sm text-red-500">{validationErrors.min_deposit}</p>}
              </div>

<div className="space-y-2">
                <Label htmlFor="min_withdrawal">Minimum Withdrawal ({settings.currency_symbol})</Label>
                <Input
                  id="min_withdrawal"
                  type="number"
                  value={settings.min_withdrawal}
                  onChange={(e) => handleChange("min_withdrawal", Number(e.target.value))}
                  error={validationErrors.min_withdrawal}
                />
                {validationErrors.min_withdrawal && (
                  <p className="text-sm text-red-500">{validationErrors.min_withdrawal}</p>
                )}
              </div>

<div className="space-y-2">
                <Label htmlFor="activation_amount">Account Activation Amount ({settings.currency_symbol})</Label>
                <Input
                  id="activation_amount"
                  type="number"
                  value={settings.activation_amount}
                  onChange={(e) => handleChange("activation_amount", Number(e.target.value))}
                  error={validationErrors.activation_amount}
                />
                {validationErrors.activation_amount && (
                  <p className="text-sm text-red-500">{validationErrors.activation_amount}</p>
                )}
                <p className="text-sm text-muted-foreground">
                  Minimum deposit amount required to activate a user account
                </p>
              </div>
            </CardContent>
          </Card>

<Card className="max-w-2xl mx-auto">
            <CardHeader>
              <CardTitle>Referral Settings</CardTitle>
              <CardDescription>Configure referral program settings</CardDescription>
            </CardHeader>
            <CardContent className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="referral_bonus">Referral Bonus ({settings.currency_symbol})</Label>
                <Input
                  id="referral_bonus"
                  type="number"
                  value={settings.referral_bonus}
                  onChange={(e) => handleChange("referral_bonus", Number(e.target.value))}
                  error={validationErrors.referral_bonus}
                />
                {validationErrors.referral_bonus && (
                  <p className="text-sm text-red-500">{validationErrors.referral_bonus}</p>
                )}
                <p className="text-sm text-muted-foreground">
                  Amount earned by user when someone signs up using their referral code
                </p>
              </div>

<div className="space-y-2">
                <Label htmlFor="referred_bonus">Referred Bonus ({settings.currency_symbol})</Label>
                <Input
                  id="referred_bonus"
                  type="number"
                  value={settings.referred_bonus}
                  onChange={(e) => handleChange("referred_bonus", Number(e.target.value))}
                  error={validationErrors.referred_bonus}
                />
                {validationErrors.referred_bonus && (
                  <p className="text-sm text-red-500">{validationErrors.referred_bonus}</p>
                )}
                <p className="text-sm text-muted-foreground">
                  Amount earned by new user when they sign up using a referral code
                </p>
              </div>
            </CardContent>
            <CardFooter className="flex justify-end">
              <Button onClick={handleSave} disabled={saving || loading}>
                <Save className="h-4 w-4 mr-2" />
                {saving ? "Saving..." : "Save Changes"}
              </Button>
            </CardFooter>
          </Card>

<Card className="max-w-2xl mx-auto mt-8">
            <CardHeader>
              <CardTitle>Payment Methods</CardTitle>
              <CardDescription>Configure payment methods for deposits and withdrawals</CardDescription>
            </CardHeader>
            <CardContent className="space-y-6">
              {paymentMethods.map((method, index) => (
                <div key={method.id} className="border rounded-md p-4 space-y-4">
                  <div className="flex justify-between items-center">
                    <h3 className="font-medium">{method.display_name}</h3>
                    <Button variant="destructive" size="sm" onClick={() => deletePaymentMethod(method.id)}>
                      <Trash2 className="h-4 w-4" />
                    </Button>
                  </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor={`name-${index}`}>Internal Name</Label>
                      <Input
                        id={`name-${index}`}
                        value={method.name}
                        onChange={(e) => handlePaymentMethodChange(index, "name", e.target.value)}
                      />
                      <p className="text-xs text-muted-foreground">Internal identifier (lowercase, no spaces)</p>
                    </div>

<div className="space-y-2">
                      <Label htmlFor={`display-name-${index}`}>Display Name</Label>
                      <Input
                        id={`display-name-${index}`}
                        value={method.display_name}
                        onChange={(e) => handlePaymentMethodChange(index, "display_name", e.target.value)}
                      />
                      <p className="text-xs text-muted-foreground">Name shown to users</p>
                    </div>
                  </div>

<div className="space-y-2">
                    <Label htmlFor={`account-${index}`}>Account Number</Label>
                    <Input
                      id={`account-${index}`}
                      value={method.account_number}
                      onChange={(e) => handlePaymentMethodChange(index, "account_number", e.target.value)}
                    />
                    <p className="text-xs text-muted-foreground">Phone number or account ID for this payment method</p>
                  </div>

<div className="space-y-2">
                    <Label htmlFor={`instructions-${index}`}>Instructions</Label>
                    <Textarea
                      id={`instructions-${index}`}
                      value={method.instructions}
                      onChange={(e) => handlePaymentMethodChange(index, "instructions", e.target.value)}
                      rows={3}
                    />
                    <p className="text-xs text-muted-foreground">
                      Instructions shown to users when using this payment method
                    </p>
                  </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                    <div className="flex items-center space-x-2">
                      <Switch
                        id={`active-${index}`}
                        checked={method.is_active}
                        onCheckedChange={(checked) => handlePaymentMethodChange(index, "is_active", checked)}
                      />
                      <Label htmlFor={`active-${index}`}>Active</Label>
                    </div>

<div className="flex items-center space-x-2">
                      <Switch
                        id={`deposit-${index}`}
                        checked={method.for_deposit}
                        onCheckedChange={(checked) => handlePaymentMethodChange(index, "for_deposit", checked)}
                      />
                      <Label htmlFor={`deposit-${index}`}>For Deposits</Label>
                    </div>

<div className="flex items-center space-x-2">
                      <Switch
                        id={`withdrawal-${index}`}
                        checked={method.for_withdrawal}
                        onCheckedChange={(checked) => handlePaymentMethodChange(index, "for_withdrawal", checked)}
                      />
                      <Label htmlFor={`withdrawal-${index}`}>For Withdrawals</Label>
                    </div>
                  </div>

<Button onClick={() => savePaymentMethod(index)} disabled={saving}>
                    Save Changes
                  </Button>
                </div>
              ))}

{addingPaymentMethod ? (
                <div className="border rounded-md p-4 space-y-4">
                  <h3 className="font-medium">Add New Payment Method</h3>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div className="space-y-2">
                      <Label htmlFor="new-name">Internal Name</Label>
                      <Input
                        id="new-name"
                        value={newPaymentMethod.name}
                        onChange={(e) => handleNewPaymentMethodChange("name", e.target.value)}
                      />
                      <p className="text-xs text-muted-foreground">Internal identifier (lowercase, no spaces)</p>
                    </div>

<div className="space-y-2">
                      <Label htmlFor="new-display-name">Display Name</Label>
                      <Input
                        id="new-display-name"
                        value={newPaymentMethod.display_name}
                        onChange={(e) => handleNewPaymentMethodChange("display_name", e.target.value)}
                      />
                      <p className="text-xs text-muted-foreground">Name shown to users</p>
                    </div>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="new-account">Account Number</Label>
                    <Input
                      id="new-account"
                      value={newPaymentMethod.account_number}
                      onChange={(e) => handleNewPaymentMethodChange("account_number", e.target.value)}
                    />
                    <p className="text-xs text-muted-foreground">Phone number or account ID for this payment method</p>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="new-instructions">Instructions</Label>
                    <Textarea
                      id="new-instructions"
                      value={newPaymentMethod.instructions}
                      onChange={(e) => handleNewPaymentMethodChange("instructions", e.target.value)}
                      rows={3}
                    />
                    <p className="text-xs text-muted-foreground">
                      Instructions shown to users when using this payment method
                    </p>
                  </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                    <div className="flex items-center space-x-2">
                      <Switch
                        id="new-active"
                        checked={newPaymentMethod.is_active}
                        onCheckedChange={(checked) => handleNewPaymentMethodChange("is_active", checked)}
                      />
                      <Label htmlFor="new-active">Active</Label>
                    </div>

<div className="flex items-center space-x-2">
                      <Switch
                        id="new-deposit"
                        checked={newPaymentMethod.for_deposit}
                        onCheckedChange={(checked) => handleNewPaymentMethodChange("for_deposit", checked)}
                      />
                      <Label htmlFor="new-deposit">For Deposits</Label>
                    </div>

<div className="flex items-center space-x-2">
                      <Switch
                        id="new-withdrawal"
                        checked={newPaymentMethod.for_withdrawal}
                        onCheckedChange={(checked) => handleNewPaymentMethodChange("for_withdrawal", checked)}
                      />
                      <Label htmlFor="new-withdrawal">For Withdrawals</Label>
                    </div>
                  </div>

<div className="flex space-x-2">
                    <Button onClick={addPaymentMethod} disabled={saving}>
                      Add Payment Method
                    </Button>
                    <Button variant="outline" onClick={() => setAddingPaymentMethod(false)}>
                      Cancel
                    </Button>
                  </div>
                </div>
              ) : (
                <Button onClick={() => setAddingPaymentMethod(true)} className="flex items-center">
                  <Plus className="h-4 w-4 mr-2" />
                  Add Payment Method
                </Button>
              )}
            </CardContent>
          </Card>
        </>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/deposit/page.tsx" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import { supabase } from "@/lib/supabase"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { DollarSign, Gift, AlertCircle, ExternalLink } from "lucide-react"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { LoadingSpinner } from "@/components/loading-spinner"
import { useSettings } from "@/contexts/settings-context"

// Add this interface after the other interfaces
interface PaymentMethod {
  id: string
  name: string
  display_name: string
  account_number: string
  instructions: string
  is_active: boolean
  for_deposit: boolean
  for_withdrawal: boolean
}

// Add this function at the top of the file, after the imports
async function sendTelegramNotification(transaction) {
  try {
    const response = await fetch("/api/telegram-notify", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        table: "deposits", // Explicitly specify this is from the deposits table
        record: {
          new: transaction,
        },
      }),
    })

const data = await response.json()
    console.log("Telegram notification response:", data)
    return data.success
  } catch (error) {
    console.error("Error sending Telegram notification:", error)
    return false
  }
}

export default function Deposit() {
  const router = useRouter()
  const [loading, setLoading] = useState(true)
  const [submitting, setSubmitting] = useState(false)
  const [amount, setAmount] = useState("")
  const [paymentMethod, setPaymentMethod] = useState("nagad") // Changed default to nagad
  const [transactionId, setTransactionId] = useState("")
  const [mobileNumber, setMobileNumber] = useState("")
  const [message, setMessage] = useState<string | null>(null)
  const [error, setError] = useState<string | null>(null)
  const [userId, setUserId] = useState<string | null>(null)
  const [isActive, setIsActive] = useState(false)
  const [voucherCode, setVoucherCode] = useState("")
  const [applyingVoucher, setApplyingVoucher] = useState(false)
  const [voucherMessage, setVoucherMessage] = useState<string | null>(null)
  const [voucherError, setVoucherError] = useState<string | null>(null)
  const [balance, setBalance] = useState(0)
  const [wasReferred, setWasReferred] = useState(false)
  const [referrerUsername, setReferrerUsername] = useState<string | null>(null)
  const [usedVouchers, setUsedVouchers] = useState<string[]>([])
  const [validatingVoucher, setValidatingVoucher] = useState(false)
  const [voucherAmount, setVoucherAmount] = useState<number | null>(null)

// Add this state after the other state declarations in the component
  const [paymentMethods, setPaymentMethods] = useState<PaymentMethod[]>([])
  const { getSetting } = useSettings()

useEffect(() => {
    const checkUser = async () => {
      const {
        data: { session },
      } = await supabase.auth.getSession()

if (!session) {
        router.push("/login")
        return
      }

setUserId(session.user.id)

try {
        // First check if the used_vouchers column exists
        const { data: columnExists } = await supabase.rpc("check_column_exists", {
          table_name: "profiles",
          column_name: "used_vouchers",
        })

// Select appropriate columns based on whether used_vouchers exists
        const selectColumns =
          columnExists && columnExists.exists
            ? "is_active, balance, referred_by, used_vouchers"
            : "is_active, balance, referred_by"

// Get user profile to check if account is active
        const { data: profileData, error } = await supabase
          .from("profiles")
          .select(selectColumns)
          .eq("id", session.user.id)
          .single()

if (error) {
          console.error("Error fetching profile:", error)
          return
        }

setIsActive(profileData.is_active || false)
        setBalance(profileData.balance || 0)

// Handle used_vouchers safely
        if (columnExists && columnExists.exists) {
          setUsedVouchers(profileData.used_vouchers || [])
        } else {
          setUsedVouchers([])
        }

// Check if user was referred
        if (profileData.referred_by) {
          setWasReferred(true)

// Get referrer's username
          const { data: referrerData } = await supabase
            .from("profiles")
            .select("username")
            .eq("id", profileData.referred_by)
            .single()

if (referrerData) {
            setReferrerUsername(referrerData.username)
          }
        }

// Fetch payment methods
        const { data: methodsData, error: methodsError } = await supabase
          .from("payment_methods")
          .select("*")
          .eq("is_active", true)
          .eq("for_deposit", true)
          .order("display_name")

if (methodsError) {
          console.error("Error fetching payment methods:", methodsError)
        } else {
          setPaymentMethods(methodsData || [])

// Set default payment method if available
          if (methodsData && methodsData.length > 0) {
            setPaymentMethod(methodsData[0].name)
          }
        }

setLoading(false)
      } catch (error) {
        console.error("Error in deposit page:", error)
        setLoading(false)
        // Set default values in case of error
        setIsActive(false)
        setBalance(0)
        setUsedVouchers([])
      }
    }

checkUser()
  }, [router])

// Then modify the handleSubmit function to include this call:
  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()

if (!userId) return

setSubmitting(true)
    setMessage(null)
    setError(null)

try {
      // Validate amount
      const depositAmount = Number.parseFloat(amount)
      if (isNaN(depositAmount) || depositAmount <= 0) {
        throw new Error("Please enter a valid amount")
      }

// Minimum deposit amount
      if (depositAmount < 50) {
        throw new Error("Minimum deposit amount is 50৳")
      }

// Validate transaction ID
      if (!transactionId.trim()) {
        throw new Error("Please enter a transaction ID")
      }

// Validate mobile number
      if (!mobileNumber.trim()) {
        throw new Error("Please enter a mobile number")
      }

// Create deposit request with correct column names
      const depositData = {
        user_id: userId,
        amount: depositAmount,
        method: paymentMethod,
        transaction_id: transactionId,
        mobile_number: mobileNumber,
        status: "pending",
        created_at: new Date().toISOString(),
      }

const { error: depositError, data: depositResult } = await supabase
        .from("deposits")
        .insert([depositData])
        .select()

if (depositError) {
        console.error("Deposit error details:", depositError)
        throw depositError
      }

// Send Telegram notification directly
      if (depositResult && depositResult.length > 0) {
        await sendTelegramNotification(depositResult[0])
      }

// Check if this deposit is enough to activate the account (50 Taka)
      if (!isActive && depositAmount >= 50) {
        let message =
          "Deposit request submitted successfully! Once approved, your account will be activated. Our admin has been notified and will review your request."

if (wasReferred && referrerUsername) {
          message += ` Your referrer @${referrerUsername} will receive a 10৳ bonus when your account is activated.`
        }

setMessage(message)
      } else {
        setMessage(
          "Deposit request submitted successfully! We'll process it shortly. Our admin has been notified and will review your request.",
        )
      }

setAmount("")
      setTransactionId("")
      setMobileNumber("")
    } catch (error: any) {
      setError(error.message || "An error occurred while submitting your deposit request")
    } finally {
      setSubmitting(false)
    }
  }

const validateVoucher = async () => {
    if (!voucherCode.trim() || !userId) return

setValidatingVoucher(true)
    setVoucherError(null)
    setVoucherAmount(null)

try {
      const response = await fetch("/api/vouchers/validate", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ voucherCode: voucherCode.trim() }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to validate voucher")
      }

if (!data.valid) {
        setVoucherError(data.message || "Invalid voucher code")
        return
      }

setVoucherAmount(data.amount)
    } catch (error: any) {
      setVoucherError(error.message || "An error occurred while validating the voucher code")
    } finally {
      setValidatingVoucher(false)
    }
  }

const applyVoucher = async () => {
    if (!voucherCode.trim() || !userId) return

setApplyingVoucher(true)
    setVoucherMessage(null)
    setVoucherError(null)

try {
      const response = await fetch("/api/vouchers/apply", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ voucherCode: voucherCode.trim() }),
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to apply voucher")
      }

if (!data.success) {
        throw new Error(data.message || "Failed to apply voucher")
      }

let message = `Voucher code applied successfully! ${data.amount}৳ has been added to your account and your account is now activated.`

if (wasReferred && referrerUsername) {
        message += ` Your referrer @${referrerUsername} has received a 10৳ bonus.`
      }

setVoucherMessage(message)
      setVoucherCode("")
      setBalance(balance + data.amount)
      setIsActive(true)

// Update used vouchers in state
      setUsedVouchers([...usedVouchers, voucherCode.trim()])

// Reset voucher amount
      setVoucherAmount(null)
    } catch (error: any) {
      setVoucherError(error.message || "An error occurred while applying the voucher code")
    } finally {
      setApplyingVoucher(false)
    }
  }

if (loading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <h1 className="text-3xl font-bold">Deposit Funds</h1>
        <p className="text-muted-foreground">Add money to your account</p>
      </div>

{!isActive && (
        <Alert className="mb-6 bg-yellow-50 border-yellow-200">
          <AlertCircle className="h-4 w-4 text-yellow-600" />
          <AlertDescription className="text-yellow-700">
            Your account is not activated yet. You need to deposit at least 50৳ to activate your account.
            {wasReferred && referrerUsername && (
              <span className="block mt-1">
                You were referred by <strong>@{referrerUsername}</strong>. They will receive a 10৳ bonus when you
                activate your account.
              </span>
            )}
          </AlertDescription>
        </Alert>
      )}

{message && (
        <Alert className="mb-6">
          <AlertDescription>{message}</AlertDescription>
        </Alert>
      )}

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

<Tabs defaultValue="deposit" className="mb-6">
        <TabsList>
          <TabsTrigger value="deposit">Deposit</TabsTrigger>
          <TabsTrigger value="voucher">Redeem Voucher</TabsTrigger>
        </TabsList>

<TabsContent value="deposit">
          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
            <Card>
              <CardHeader>
                <CardTitle>Deposit Information</CardTitle>
                <CardDescription>Enter your deposit details</CardDescription>
              </CardHeader>
              <CardContent>
                <form onSubmit={handleSubmit} className="space-y-4">
                  <div className="space-y-2">
                    <Label htmlFor="amount">Amount (৳)</Label>
                    <div className="flex">
                      <div className="bg-muted p-2 rounded-l-md">
                        <DollarSign className="h-5 w-5 text-muted-foreground" />
                      </div>
                      <Input
                        id="amount"
                        type="number"
                        placeholder="500"
                        value={amount}
                        onChange={(e) => setAmount(e.target.value)}
                        className="rounded-l-none"
                        required
                      />
                    </div>
                    {!isActive && (
                      <p className="text-xs text-amber-600">Deposit at least 50৳ to activate your account.</p>
                    )}
                  </div>

<div className="space-y-2">
                    <Label>Payment Method</Label>
                    <RadioGroup
                      value={paymentMethod}
                      onValueChange={setPaymentMethod}
                      className="flex flex-col space-y-1"
                    >
                      {paymentMethods.length > 0 ? (
                        paymentMethods.map((method) => (
                          <div key={method.id} className="flex items-center space-x-2">
                            <RadioGroupItem value={method.name} id={method.name} />
                            <Label htmlFor={method.name} className="cursor-pointer">
                              {method.display_name}
                            </Label>
                          </div>
                        ))
                      ) : (
                        <>
                          <div className="flex items-center space-x-2">
                            <RadioGroupItem value="nagad" id="nagad" />
                            <Label htmlFor="nagad" className="cursor-pointer">
                              Nagad
                            </Label>
                          </div>
                          <div className="flex items-center space-x-2">
                            <RadioGroupItem value="bkash" id="bkash" />
                            <Label htmlFor="bkash" className="cursor-pointer">
                              bKash
                            </Label>
                          </div>
                        </>
                      )}
                    </RadioGroup>
                  </div>

<div className="space-y-2">
                    <Label htmlFor="mobileNumber">Your Mobile Number</Label>
                    <Input
                      id="mobileNumber"
                      placeholder="01XXXXXXXXX"
                      value={mobileNumber}
                      onChange={(e) => setMobileNumber(e.target.value)}
                      required
                    />
                  </div>

<div className="space-y-2">
                    <Label htmlFor="transactionId">Transaction ID</Label>
                    <Input
                      id="transactionId"
                      placeholder="TrxID12345"
                      value={transactionId}
                      onChange={(e) => setTransactionId(e.target.value)}
                      required
                    />
                  </div>

<Button type="submit" className="w-full" disabled={submitting}>
                    {submitting ? (
                      <>
                        <LoadingSpinner size="sm" className="mr-2" /> Processing...
                      </>
                    ) : (
                      "Submit Deposit"
                    )}
                  </Button>
                </form>
              </CardContent>
            </Card>

<Card>
              <CardHeader>
                <CardTitle>Deposit Instructions</CardTitle>
                <CardDescription>Follow these steps to deposit funds</CardDescription>
              </CardHeader>
              <CardContent className="space-y-6">
                {paymentMethods.length > 0 ? (
                  paymentMethods
                    .filter((method) => method.name === paymentMethod)
                    .map((method) => (
                      <div key={method.id} className="space-y-4">
                        <h3 className="font-semibold">{method.display_name} Instructions:</h3>
                        <div className="space-y-2">
                          <p className="text-sm font-medium">English Instructions:</p>
                          <ol className="list-decimal list-inside space-y-1 text-sm">
                            <li>Open your {method.display_name} app</li>
                            <li>Select "Send Money"</li>
                            <li>
                              Enter our {method.display_name} number:{" "}
                              <span className="font-semibold">{method.account_number}</span>
                            </li>
                            <li>Enter the amount you want to deposit (minimum {getSetting("min_deposit", 50)}৳)</li>
                            <li>Complete the transaction and note the Transaction ID</li>
                            <li>Enter the Transaction ID in the form</li>
                          </ol>
                        </div>
                        <div className="space-y-2">
                          <p className="text-sm font-medium">বাংলা নির্দেশনা:</p>
                          <ol className="list-decimal list-inside space-y-1 text-sm">
                            <li>আপনার {method.display_name} অ্যাপ খুলুন</li>
                            <li>"সেন্ড মানি" নির্বাচন করুন</li>
                            <li>
                              আমাদের {method.display_name} নম্বর লিখুন:{" "}
                              <span className="font-semibold">{method.account_number}</span>
                            </li>
                            <li>আপনি যে পরিমাণ জমা করতে চান তা লিখুন (ন্যূনতম {getSetting("min_deposit", 50)}৳)</li>
                            <li>লেনদেন সম্পূর্ণ করুন এবং ট্রানজেকশন আইডি নোট করুন</li>
                            <li>ফর্মে ট্রানজেকশন আইডি লিখুন</li>
                          </ol>
                        </div>
                        {method.instructions && (
                          <div className="bg-muted p-4 rounded-md">
                            <p className="text-sm">{method.instructions}</p>
                          </div>
                        )}
                      </div>
                    ))
                ) : (
                  <>
                    <div className="space-y-4">
                      <h3 className="font-semibold">For Nagad:</h3>
                      <div className="space-y-2">
                        <p className="text-sm font-medium">English Instructions:</p>
                        <ol className="list-decimal list-inside space-y-1 text-sm">
                          <li>Open your Nagad app</li>
                          <li>Select "Send Money"</li>
                          <li>
                            Enter our Nagad number: <span className="font-semibold">01736392836</span>
                          </li>
                          <li>Enter the amount you want to deposit (minimum {getSetting("min_deposit", 50)}৳)</li>
                          <li>Complete the transaction and note the Transaction ID</li>
                          <li>Enter the Transaction ID in the form</li>
                        </ol>
                      </div>
                      <div className="space-y-2">
                        <p className="text-sm font-medium">বাংলা নির্দেশনা:</p>
                        <ol className="list-decimal list-inside space-y-1 text-sm">
                          <li>আপনার নগদ অ্যাপ খুলুন</li>
                          <li>"সেন্ড মানি" নির্বাচন করুন</li>
                          <li>
                            আমাদের নগদ নম্বর লিখুন: <span className="font-semibold">01736392836</span>
                          </li>
                          <li>আপনি যে পরিমাণ জমা করতে চান তা লিখুন (ন্যূনতম {getSetting("min_deposit", 50)}৳)</li>
                          <li>লেনদেন সম্পূর্ণ করুন এবং ট্রানজেকশন আইডি নোট করুন</li>
                          <li>ফর্মে ট্রানজেকশন আইডি লিখুন</li>
                        </ol>
                      </div>
                    </div>

<div className="space-y-4">
                      <h3 className="font-semibold">For bKash:</h3>
                      <div className="space-y-2">
                        <p className="text-sm font-medium">English Instructions:</p>
                        <ol className="list-decimal list-inside space-y-1 text-sm">
                          <li>Open your bKash app</li>
                          <li>Select "Send Money"</li>
                          <li>
                            Enter our bKash number: <span className="font-semibold">01833486175</span>
                          </li>
                          <li>Enter the amount you want to deposit (minimum {getSetting("min_deposit", 50)}৳)</li>
                          <li>Complete the transaction and note the Transaction ID</li>
                          <li>Enter the Transaction ID in the form</li>
                        </ol>
                      </div>
                      <div className="space-y-2">
                        <p className="text-sm font-medium">বাংলা নির্দেশনা:</p>
                        <ol className="list-decimal list-inside space-y-1 text-sm">
                          <li>আপনার বিকাশ অ্যাপ খুলুন</li>
                          <li>"সেন্ড মানি" নির্বাচন করুন</li>
                          <li>
                            আমাদের বিকাশ নম্বর লিখুন: <span className="font-semibold">01833486175</span>
                          </li>
                          <li>আপনি যে পরিমাণ জমা করতে চান তা লিখুন (ন্যূনতম {getSetting("min_deposit", 50)}৳)</li>
                          <li>লেনদেন সম্পূর্ণ করুন এবং ট্রানজেকশন আইডি নোট করুন</li>
                          <li>ফর্মে ট্রানজেকশন আইডি লিখুন</li>
                        </ol>
                      </div>
                    </div>
                  </>
                )}

<div className="bg-muted p-4 rounded-md mt-4">
                  <p className="text-sm font-medium">Important Notes / গুরুত্বপূর্ণ তথ্য:</p>
                  <ul className="list-disc list-inside text-sm space-y-1 mt-2">
                    <li>
                      Minimum deposit amount is {getSetting("min_deposit", 50)}৳ / ন্যূনতম জমার পরিমাণ{" "}
                      {getSetting("min_deposit", 50)}৳
                    </li>
                    <li>Deposits are typically processed within 30 minutes / জমা সাধারণত ৩০ মিনিটের মধ্যে প্রক্রিয়া করা হয়</li>
                    <li>Make sure to enter the correct Transaction ID / সঠিক ট্রানজেকশন আইডি লিখতে ভুলবেন না</li>
                    <li>Contact support if you face any issues / কোন সমস্যা হলে সাপোর্টে যোগাযোগ করুন</li>
                  </ul>
                </div>
              </CardContent>
            </Card>
          </div>
        </TabsContent>

<TabsContent value="voucher">
          <Card>
            <CardHeader>
              <CardTitle>Redeem Voucher Code</CardTitle>
              <CardDescription>Enter your voucher code to receive bonus funds</CardDescription>
            </CardHeader>
            <CardContent>
              {voucherMessage && (
                <Alert className="mb-4">
                  <AlertDescription>{voucherMessage}</AlertDescription>
                </Alert>
              )}

{voucherError && (
                <Alert variant="destructive" className="mb-4">
                  <AlertDescription>{voucherError}</AlertDescription>
                </Alert>
              )}

<div className="space-y-4">
                <div className="space-y-2">
                  <Label htmlFor="voucherCode">Voucher Code</Label>
                  <div className="flex">
                    <div className="bg-muted p-2 rounded-l-md">
                      <Gift className="h-5 w-5 text-muted-foreground" />
                    </div>
                    <Input
                      id="voucherCode"
                      placeholder="Enter voucher code"
                      value={voucherCode}
                      onChange={(e) => setVoucherCode(e.target.value)}
                      className="rounded-l-none"
                    />
                  </div>
                </div>

{voucherAmount === null && (
                  <Button
                    onClick={validateVoucher}
                    className="w-full"
                    disabled={validatingVoucher || !voucherCode.trim()}
                  >
                    {validatingVoucher ? (
                      <>
                        <LoadingSpinner size="sm" className="mr-2" /> Validating...
                      </>
                    ) : (
                      "Validate Voucher"
                    )}
                  </Button>
                )}

{voucherAmount !== null && (
                  <Button onClick={applyVoucher} className="w-full" disabled={applyingVoucher || !voucherCode.trim()}>
                    {applyingVoucher ? (
                      <>
                        <LoadingSpinner size="sm" className="mr-2" /> Applying...
                      </>
                    ) : (
                      `Apply Voucher (${voucherAmount}৳)`
                    )}
                  </Button>
                )}

<div className="bg-muted p-4 rounded-md mt-4">
                  <p className="text-sm font-medium">How to get voucher codes / ভাউচার কোড পাওয়ার উপায়:</p>
                  <ul className="list-disc list-inside text-sm space-y-1 mt-2">
                    <li>
                      Join our Telegram channel for exclusive vouchers / এক্সক্লুসিভ ভাউচার পেতে আমাদের টেলিগ্রাম চ্যানেলে যোগ
                      দিন:
                      <a
                        href="https://t.me/ritzoneofficial"
                        target="_blank"
                        rel="noopener noreferrer"
                        className="text-primary ml-1 inline-flex items-center hover:underline"
                      >
                        t.me/ritzoneofficial <ExternalLink className="h-3 w-3 ml-1" />
                      </a>
                    </li>
                    <li>Participate in our events and contests / আমাদের ইভেন্ট এবং প্রতিযোগিতায় অংশগ্রহণ করুন</li>
                    <li>Refer friends to earn special vouchers / বিশেষ ভাউচার পেতে বন্ধুদের রেফার করুন</li>
                  </ul>
                </div>
              </div>
            </CardContent>
          </Card>
        </TabsContent>
      </Tabs>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/withdraw/page.tsx" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import { supabase } from "@/lib/supabase"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { DollarSign, AlertCircle } from "lucide-react"
import Link from "next/link"
import { useSettings } from "@/contexts/settings-context"

interface UserProfile {
  id: string
  balance: number
  is_active: boolean
}

interface PaymentMethod {
  id: string
  name: string
  display_name: string
  account_number: string
  instructions: string
  is_active: boolean
  for_deposit: boolean
  for_withdrawal: boolean
}

// Update the sendTelegramNotification function at the top of the file
async function sendTelegramNotification(transaction) {
  try {
    const response = await fetch("/api/telegram-notify", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        table: "withdrawals", // Explicitly specify this is from the withdrawals table
        record: {
          new: transaction,
        },
      }),
    })

export default function Withdraw() {
  const router = useRouter()
  const [loading, setLoading] = useState(true)
  const [submitting, setSubmitting] = useState(false)
  const [amount, setAmount] = useState("")
  const [paymentMethod, setPaymentMethod] = useState("nagad") // Changed default to nagad
  const [mobileNumber, setMobileNumber] = useState("")
  const [message, setMessage] = useState<string | null>(null)
  const [error, setError] = useState<string | null>(null)
  const [userId, setUserId] = useState<string | null>(null)
  const [profile, setProfile] = useState<UserProfile | null>(null)
  const [paymentMethods, setPaymentMethods] = useState<PaymentMethod[]>([])
  const { getSetting } = useSettings()

useEffect(() => {
    const checkUser = async () => {
      const {
        data: { session },
      } = await supabase.auth.getSession()

if (!session) {
        router.push("/login")
        return
      }

setUserId(session.user.id)

// Get user profile
      const { data: profileData, error } = await supabase
        .from("profiles")
        .select("id, balance, is_active")
        .eq("id", session.user.id)
        .single()

if (error) {
        console.error("Error fetching profile:", error)
        return
      }

setProfile(profileData)

// Fetch payment methods
      const { data: methodsData, error: methodsError } = await supabase
        .from("payment_methods")
        .select("*")
        .eq("is_active", true)
        .eq("for_withdrawal", true)
        .order("display_name")

if (methodsError) {
        console.error("Error fetching payment methods:", methodsError)
      } else {
        setPaymentMethods(methodsData || [])

// Set default payment method if available
        if (methodsData && methodsData.length > 0) {
          setPaymentMethod(methodsData[0].name)
        }
      }

setLoading(false)
    }

checkUser()
  }, [router])

// Then modify the handleSubmit function to include this call:
  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()

if (!userId || !profile) return

// Check if account is active
    if (!profile.is_active) {
      setError("Your account is not activated yet. You need to deposit at least 50৳ to activate your account.")
      return
    }

setSubmitting(true)
    setMessage(null)
    setError(null)

try {
      // Validate amount
      const withdrawAmount = Number.parseFloat(amount)
      if (isNaN(withdrawAmount) || withdrawAmount <= 0) {
        throw new Error("Please enter a valid amount")
      }

// Check if user has enough balance
      if (withdrawAmount > profile.balance) {
        throw new Error("Insufficient balance")
      }

// Minimum withdrawal amount
      const minWithdrawal = getSetting("min_withdrawal", 50)
      if (withdrawAmount < minWithdrawal) {
        throw new Error(`Minimum withdrawal amount is ${minWithdrawal}৳`)
      }

// Validate mobile number
      if (!mobileNumber.trim()) {
        throw new Error("Please enter a mobile number")
      }

// Create withdrawal request with all required fields
      const withdrawalData = {
        user_id: userId,
        amount: withdrawAmount,
        method: paymentMethod,
        mobile_number: mobileNumber,
        status: "pending",
        transaction_id: "PENDING", // Add a placeholder transaction ID
        created_at: new Date().toISOString(),
      }

// First, update user balance (deduct the withdrawal amount)
      const { error: balanceError } = await supabase
        .from("profiles")
        .update({ balance: profile.balance - withdrawAmount })
        .eq("id", userId)

if (balanceError) throw balanceError

// Then create the withdrawal request
      const { error: withdrawalError, data: withdrawalResult } = await supabase
        .from("withdrawals")
        .insert([withdrawalData])
        .select()

if (withdrawalError) {
        // If there was an error creating the withdrawal, revert the balance change
        await supabase.from("profiles").update({ balance: profile.balance }).eq("id", userId)

throw new Error(`Failed to submit withdrawal request: ${withdrawalError.message}`)
      }

// Send Telegram notification directly
      if (withdrawalResult && withdrawalResult.length > 0) {
        await sendTelegramNotification({
          ...withdrawalResult[0],
          // Add an explicit flag to identify this as a withdrawal
          is_withdrawal: true,
        })
      }

// Log the activity
      await supabase.from("activity_log").insert([
        {
          user_id: userId,
          activity_type: "withdrawal",
          description: `Withdrawal request of ${withdrawAmount}৳ submitted`,
          metadata: {
            amount: withdrawAmount,
            method: paymentMethod,
            mobile_number: mobileNumber,
          },
        },
      ])

// Update local state
      setProfile({
        ...profile,
        balance: profile.balance - withdrawAmount,
      })

setMessage(
        "Withdrawal request submitted successfully! We'll process it shortly. Our admin has been notified and will review your request.",
      )
      setAmount("")
      setMobileNumber("")
    } catch (error: any) {
      setError(error.message || "An error occurred while submitting your withdrawal request")
    } finally {
      setSubmitting(false)
    }
  }

if (loading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-primary"></div>
      </div>
    )
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8">
        <h1 className="text-3xl font-bold">Withdraw Funds</h1>
        <p className="text-muted-foreground">Withdraw your earnings</p>
      </div>

{!profile?.is_active && (
        <Alert className="mb-6 bg-yellow-50 border-yellow-200">
          <AlertCircle className="h-4 w-4 text-yellow-600" />
          <AlertDescription className="text-yellow-700">
            Your account is not activated yet. You need to deposit at least 50৳ to activate your account.
            <Link href="/deposit" className="ml-2 text-primary underline">
              Deposit now
            </Link>
          </AlertDescription>
        </Alert>
      )}

{message && (
        <Alert className="mb-6">
          <AlertDescription>{message}</AlertDescription>
        </Alert>
      )}

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
        <Card>
          <CardHeader>
            <CardTitle>Withdrawal Information</CardTitle>
            <CardDescription>Enter your withdrawal details</CardDescription>
          </CardHeader>
          <CardContent>
            <div className="bg-muted p-4 rounded-md mb-4">
              <p className="font-medium">
                Available Balance: <span className="font-bold">{profile?.balance.toFixed(2)}৳</span>
              </p>
            </div>

<form onSubmit={handleSubmit} className="space-y-4">
              <div className="space-y-2">
                <Label htmlFor="amount">Amount (৳)</Label>
                <div className="flex">
                  <div className="bg-muted p-2 rounded-l-md">
                    <DollarSign className="h-5 w-5 text-muted-foreground" />
                  </div>
                  <Input
                    id="amount"
                    type="number"
                    placeholder="500"
                    value={amount}
                    onChange={(e) => setAmount(e.target.value)}
                    className="rounded-l-none"
                    required
                  />
                </div>
              </div>

<div className="space-y-2">
                <Label>Payment Method</Label>
                <RadioGroup value={paymentMethod} onValueChange={setPaymentMethod} className="flex flex-col space-y-1">
                  {paymentMethods.length > 0 ? (
                    paymentMethods.map((method) => (
                      <div key={method.id} className="flex items-center space-x-2">
                        <RadioGroupItem value={method.name} id={`${method.name}-withdraw`} />
                        <Label htmlFor={`${method.name}-withdraw`} className="cursor-pointer">
                          {method.display_name}
                        </Label>
                      </div>
                    ))
                  ) : (
                    <>
                      <div className="flex items-center space-x-2">
                        <RadioGroupItem value="nagad" id="nagad-withdraw" />
                        <Label htmlFor="nagad-withdraw" className="cursor-pointer">
                          Nagad
                        </Label>
                      </div>
                      <div className="flex items-center space-x-2">
                        <RadioGroupItem value="bkash" id="bkash-withdraw" />
                        <Label htmlFor="bkash-withdraw" className="cursor-pointer">
                          bKash
                        </Label>
                      </div>
                    </>
                  )}
                </RadioGroup>
              </div>

<div className="space-y-2">
                <Label htmlFor="mobileNumber">Your Mobile Number</Label>
                <Input
                  id="mobileNumber"
                  placeholder="01XXXXXXXXX"
                  value={mobileNumber}
                  onChange={(e) => setMobileNumber(e.target.value)}
                  required
                />
                <p className="text-xs text-muted-foreground">We'll send the money to this number</p>
              </div>

<Button
                type="submit"
                className="w-full"
                disabled={submitting || (profile?.balance || 0) <= 0 || !profile?.is_active}
              >
                {submitting ? "Processing..." : "Submit Withdrawal"}
              </Button>
            </form>
          </CardContent>
        </Card>

<Card>
          <CardHeader>
            <CardTitle>Withdrawal Policy</CardTitle>
            <CardDescription>Important information about withdrawals</CardDescription>
          </CardHeader>
          <CardContent className="space-y-4">
            <div className="space-y-4">
              <div className="space-y-2">
                <h3 className="font-semibold">English Instructions:</h3>
                <ul className="list-disc list-inside space-y-1 text-sm">
                  <li>Minimum withdrawal amount is {getSetting("min_withdrawal", 50)}৳</li>
                  <li>Withdrawals are processed within 24-48 hours</li>
                  <li>Make sure to enter the correct mobile number</li>
                  <li>Withdrawal fees may apply depending on the payment method</li>
                  <li>Your account must be activated to withdraw funds</li>
                </ul>
              </div>

<div className="space-y-2">
                <h3 className="font-semibold">বাংলা নির্দেশনা:</h3>
                <ul className="list-disc list-inside space-y-1 text-sm">
                  <li>সর্বনিম্ন উত্তোলনের পরিমাণ {getSetting("min_withdrawal", 50)}৳</li>
                  <li>উত্তোলন ২৪-৪৮ ঘন্টার মধ্যে প্রক্রিয়া করা হয়</li>
                  <li>সঠিক মোবাইল নম্বর লিখতে ভুলবেন না</li>
                  <li>পেমেন্ট পদ্ধতির উপর নির্ভর করে উত্তোলন ফি প্রযোজ্য হতে পারে</li>
                  <li>অর্থ উত্তোলন করতে আপনার অ্যাকাউন্ট অবশ্যই সক্রিয় থাকতে হবে</li>
                </ul>
              </div>
            </div>

<div className="space-y-2">
              <h3 className="font-semibold">Processing Times / প্রক্রিয়াকরণের সময়:</h3>
              <ul className="list-disc list-inside space-y-1 text-sm">
                {paymentMethods.length > 0 ? (
                  paymentMethods.map((method) => (
                    <li key={method.id}>
                      <span className="font-medium">{method.display_name}:</span> 24-48 hours / ২৪-৪৮ ঘন্টা
                    </li>
                  ))
                ) : (
                  <>
                    <li>
                      <span className="font-medium">Nagad / নগদ:</span> 24 hours / ২৪ ঘন্টা
                    </li>
                    <li>
                      <span className="font-medium">bKash / বিকাশ:</span> 24-48 hours / ২৪-৪৮ ঘন্টা
                    </li>
                  </>
                )}
              </ul>

{paymentMethods
                .filter((m) => m.name === paymentMethod && m.instructions)
                .map((method) => (
                  <div key={method.id} className="bg-muted p-4 rounded-md mt-2">
                    <p className="text-sm">{method.instructions}</p>
                  </div>
                ))}
            </div>

<div className="bg-muted p-4 rounded-md mt-4">
              <p className="text-sm font-medium">Need Help? / সাহায্য দরকার?</p>
              <p className="text-sm mt-2">
                If you have any issues with your withdrawal, please contact our support team at support@ritearnhub.com
              </p>
              <p className="text-sm mt-1">
                উত্তোলন সম্পর্কিত কোন সমস্যা হলে, অনুগ্রহ করে আমাদের সাপোর্ট টিমের সাথে যোগাযোগ করুন: support@ritearnhub.com
              </p>
            </div>
          </CardContent>
        </Card>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/payment-methods/route.ts" isMerged="true"
import { createRouteHandlerClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"
import { NextResponse } from "next/server"

export async function GET(request: Request) {
  try {
    const supabase = createRouteHandlerClient({ cookies })

// Get query parameters
    const url = new URL(request.url)
    const forDeposit = url.searchParams.get("for_deposit") === "true"
    const forWithdrawal = url.searchParams.get("for_withdrawal") === "true"

// Build query
    let query = supabase.from("payment_methods").select("*").eq("is_active", true)

// Add filters if specified
    if (forDeposit) {
      query = query.eq("for_deposit", true)
    }

if (forWithdrawal) {
      query = query.eq("for_withdrawal", true)
    }

// Execute query
    const { data, error } = await query.order("display_name")

if (error) {
      console.error("Error fetching payment methods:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json(data)
  } catch (error: any) {
    console.error("Unexpected error in payment methods API:", error)
    return NextResponse.json({ error: "An unexpected error occurred" }, { status: 500 })
  }
}
[V0_FILE]typescript:file="components/payment-method-instructions.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { supabase } from "@/lib/supabase"
import { useSettings } from "@/contexts/settings-context"

interface PaymentMethod {
  id: string
  name: string
  display_name: string
  account_number: string
  instructions: string
  is_active: boolean
  for_deposit: boolean
  for_withdrawal: boolean
}

interface PaymentMethodInstructionsProps {
  methodName: string
  type: "deposit" | "withdrawal"
}

export function PaymentMethodInstructions({ methodName, type }: PaymentMethodInstructionsProps) {
  const [method, setMethod] = useState<PaymentMethod | null>(null)
  const [loading, setLoading] = useState(true)
  const { getSetting } = useSettings()

useEffect(() => {
    const fetchPaymentMethod = async () => {
      try {
        setLoading(true)

const { data, error } = await supabase
          .from("payment_methods")
          .select("*")
          .eq("name", methodName)
          .eq("is_active", true)
          .single()

if (error) {
          console.error("Error fetching payment method:", error)
          return
        }

setMethod(data)
      } catch (error) {
        console.error("Error in payment method instructions:", error)
      } finally {
        setLoading(false)
      }
    }

if (methodName) {
      fetchPaymentMethod()
    }
  }, [methodName])

if (loading || !method) {
    return null
  }

const minAmount = type === "deposit" ? getSetting("min_deposit", 50) : getSetting("min_withdrawal", 50)

return (
    <div className="space-y-4">
      <h3 className="font-semibold">{method.display_name} Instructions:</h3>
      <div className="space-y-2">
        <p className="text-sm font-medium">English Instructions:</p>
        <ol className="list-decimal list-inside space-y-1 text-sm">
          <li>Open your {method.display_name} app</li>
          <li>Select "{type === "deposit" ? "Send Money" : "Cash Out"}"</li>
          <li>
            {type === "deposit" ? (
              <>
                Enter our {method.display_name} number: <span className="font-semibold">{method.account_number}</span>
              </>
            ) : (
              <>Enter your {method.display_name} number where you want to receive the money</>
            )}
          </li>
          <li>
            Enter the amount you want to {type === "deposit" ? "deposit" : "withdraw"} (minimum {minAmount}৳)
          </li>
          <li>
            {type === "deposit" ? (
              <>Complete the transaction and note the Transaction ID</>
            ) : (
              <>Submit your request and wait for processing</>
            )}
          </li>
        </ol>
      </div>
      <div className="space-y-2">
        <p className="text-sm font-medium">বাংলা নির্দেশনা:</p>
        <ol className="list-decimal list-inside space-y-1 text-sm">
          <li>আপনার {method.display_name} অ্যাপ খুলুন</li>
          <li>"{type === "deposit" ? "সেন্ড মানি" : "ক্যাশ আউট"}" নির্বাচন করুন</li>
          <li>
            {type === "deposit" ? (
              <>
                আমাদের {method.display_name} নম্বর লিখুন: <span className="font-semibold">{method.account_number}</span>
              </>
            ) : (
              <>আপনার {method.display_name} নম্বর লিখুন যেখানে আপনি অর্থ পেতে চান</>
            )}
          </li>
          <li>
            আপনি যে পরিমাণ {type === "deposit" ? "জমা" : "উত্তোলন"} করতে চান তা লিখুন (ন্যূনতম {minAmount}৳)
          </li>
          <li>
            {type === "deposit" ? (
              <>লেনদেন সম্পূর্ণ করুন এবং ট্রানজেকশন আইডি নোট করুন</>
            ) : (
              <>আপনার অনুরোধ জমা দিন এবং প্রক্রিয়াকরণের জন্য অপেক্ষা করুন</>
            )}
          </li>
        </ol>
      </div>
      {method.instructions && (
        <div className="bg-muted p-4 rounded-md">
          <p className="text-sm">{method.instructions}</p>
        </div>
      )}
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/admin/page.tsx" isFixed="true" isQuickEdit="true" isMerged="true"
"use client"

import { CardFooter } from "@/components/ui/card"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Users, Database, MessageSquare, Gift, BarChart3, CreditCard, CheckSquare } from "lucide-react"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { LoadingSpinner } from "@/components/loading-spinner"

export default function AdminDashboard() {
  const router = useRouter()
  const [loading, setLoading] = useState(true)
  const [isAdmin, setIsAdmin] = useState(false)
  const [error, setError] = useState<string | null>(null)
  const [success, setSuccess] = useState<string | null>(null)

useEffect(() => {
    const checkAdmin = () => {
      const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"

if (!adminAuthenticated) {
        router.push("/admin-login")
        return
      }

setIsAdmin(true)
      setLoading(false)
    }

checkAdmin()
  }, [router])

const initializeDatabase = async () => {
    setLoading(true)
    setError(null)
    setSuccess(null)

try {
      const response = await fetch("/api/init", {
        headers: {
          "x-admin-auth": "true",
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to initialize database")
      }

setSuccess("Database schema initialized successfully!")
    } catch (error: any) {
      console.error("Error initializing database:", error)
      setError(error.message || "Failed to initialize database")
    } finally {
      setLoading(false)
    }
  }

if (loading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

return (
    <div className="container mx-auto px-4 py-8">
      <h1 className="text-3xl font-bold mb-2">Admin Dashboard</h1>
      <p className="text-muted-foreground mb-8">Manage your platform and users</p>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

{success && (
        <Alert className="mb-6">
          <AlertDescription>{success}</AlertDescription>
        </Alert>
      )}

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        <Card className="hover:shadow-md transition-shadow">
          <CardHeader className="pb-2">
            <CardTitle className="flex items-center">
              <Users className="h-5 w-5 mr-2 text-primary" /> Users
            </CardTitle>
            <CardDescription>Manage user accounts</CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm">View and manage all user accounts, update balances, and handle user issues.</p>
          </CardContent>
          <CardFooter>
            <Button onClick={() => router.push("/admin/users")} className="w-full">
              Manage Users
            </Button>
          </CardFooter>
        </Card>

<Card className="hover:shadow-md transition-shadow">
          <CardHeader className="pb-2">
            <CardTitle className="flex items-center">
              <CreditCard className="h-5 w-5 mr-2 text-primary" /> Transactions
            </CardTitle>
            <CardDescription>Review deposits and withdrawals</CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm">Process pending deposits and withdrawal requests from users.</p>
          </CardContent>
          <CardFooter>
            <Button onClick={() => router.push("/admin/transactions")} className="w-full">
              Manage Transactions
            </Button>
          </CardFooter>
        </Card>

<Card className="hover:shadow-md transition-shadow">
          <CardHeader className="pb-2">
            <CardTitle className="flex items-center">
              <CheckSquare className="h-5 w-5 mr-2 text-primary" /> Tasks
            </CardTitle>
            <CardDescription>Manage tasks and submissions</CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm">Create, edit, and delete tasks. Review and approve task submissions.</p>
          </CardContent>
          <CardFooter>
            <Button onClick={() => router.push("/admin/tasks")} className="w-full">
              Manage Tasks
            </Button>
          </CardFooter>
        </Card>

<Card className="hover:shadow-md transition-shadow">
          <CardHeader className="pb-2">
            <CardTitle className="flex items-center">
              <BarChart3 className="h-5 w-5 mr-2 text-primary" /> Analytics
            </CardTitle>
            <CardDescription>Platform statistics</CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm">View platform statistics, user growth, and financial reports.</p>
          </CardContent>
          <CardFooter>
            <Button onClick={() => router.push("/admin/analytics")} className="w-full">
              View Analytics
            </Button>
          </CardFooter>
        </Card>

<Card className="hover:shadow-md transition-shadow">
          <CardHeader className="pb-2">
            <CardTitle className="flex items-center">
              <MessageSquare className="h-5 w-5 mr-2 text-primary" /> Telegram Bot
            </CardTitle>
            <CardDescription>Manage Telegram bot settings</CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm">Configure and manage the Telegram bot for transaction approvals.</p>
          </CardContent>
          <CardFooter>
            <Button onClick={() => router.push("/admin/setup-telegram-bot")} className="w-full">
              Manage Bot
            </Button>
          </CardFooter>
        </Card>

<Card className="hover:shadow-md transition-shadow bg-blue-50">
          <CardHeader className="pb-2">
            <CardTitle className="flex items-center">
              <Database className="h-5 w-5 mr-2 text-blue-600" /> Database Utilities
            </CardTitle>
            <CardDescription>Fix database schema issues</CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm">Initialize and fix database schema issues, add missing columns.</p>
          </CardContent>
          <CardFooter className="flex gap-2">
            <Button onClick={initializeDatabase} className="flex-1 bg-blue-600 hover:bg-blue-700">
              Fix Schema
            </Button>
            <Button onClick={() => router.push("/admin/fix-database")} className="flex-1">
              Advanced
            </Button>
          </CardFooter>
        </Card>

<Card className="hover:shadow-md transition-shadow">
          <CardHeader className="pb-2">
            <CardTitle className="flex items-center">
              <Gift className="h-5 w-5 mr-2 text-primary" /> Referrals
            </CardTitle>
            <CardDescription>Manage referral bonuses</CardDescription>
          </CardHeader>
          <CardContent>
            <p className="text-sm">Process referral bonuses for users who didn't receive them automatically.</p>
          </CardContent>
          <CardFooter>
            <Button onClick={() => router.push("/admin/referrals/process")} className="w-full">
              Process Referrals
            </Button>
          </CardFooter>
        </Card>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="lib/referral.ts" isEdit="true" isQuickEdit="true" isMerged="true"
/**
 * Generates a unique referral code for a user
 * @param userId The user's ID
 * @returns A unique referral code
 */
export function generateReferralCode(userId: string): string {
  // Format: RAFIT + first 8 chars of userId + 4 random chars
  const userIdPart = userId.substring(0, 8)
  const randomPart = Math.random().toString(36).substring(2, 6).toUpperCase()
  return `RAFIT${userIdPart}${randomPart}`
}

/**
 * Processes a referral when a user signs up with a referral code
 * @param supabase The Supabase client
 * @param userId The new user's ID
 * @param referralCode The referral code used
 */
export async function processReferral(supabase: any, userId: string, referralCode: string | null) {
  if (!referralCode) return null

try {
    // Find the referrer by username (referral code)
    const { data: referrer, error: referrerError } = await supabase
      .from("profiles")
      .select("id, referral_code")
      .eq("username", referralCode)
      .single()

if (referrerError || !referrer) {
      console.error("Referrer not found:", referrerError)
      return null
    }

console.log("Found referrer:", referrer.id)

// Update the new user's profile with the referrer's ID
    const { error: updateError } = await supabase.from("profiles").update({ referred_by: referrer.id }).eq("id", userId)

if (updateError) {
      console.error("Error updating referred_by:", updateError)
      return null
    }

// Create a referral record
    const { error: insertError } = await supabase.from("referrals").insert([
      {
        referrer_id: referrer.id,
        referred_id: userId,
        reward: 5.0,
        status: "pending",
      },
    ])

if (insertError) {
      console.error("Error creating referral record:", insertError)
      return null
    }

// Update the referrer's stats using RPC functions
    const { error: statsError } = await supabase.rpc("increment_referral_count", { user_id: referrer.id })

if (statsError) {
      console.error("Error incrementing referral count:", statsError)
    }

// Add initial signup bonus to the referred user
    const { error: bonusError } = await supabase
      .from("profiles")
      .update({
        balance: supabase.rpc("add_amount", { row_id: userId, amount: 10.0 }),
        total_earnings: supabase.rpc("add_amount", { row_id: userId, amount: 10.0 }),
      })
      .eq("id", userId)

if (bonusError) {
      console.error("Error adding signup bonus:", bonusError)
    }

// Log the referral activity
    await supabase.from("activity_log").insert([
      {
        user_id: referrer.id,
        activity_type: "referral_signup",
        description: "New user signed up with your referral code",
        metadata: { referred_id: userId },
      },
    ])

return referrer.id
  } catch (error) {
    console.error("Error processing referral:", error)
    return null
  }
}
[V0_FILE]typescriptreact:file="app/api/referrals/route.ts" isEdit="true" isQuickEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createServerComponentClient } from "@supabase/auth-helpers-nextjs"
import { cookies } from "next/headers"

export async function GET(request: Request) {
  try {
    // Get the user ID from the query params
    const { searchParams } = new URL(request.url)
    const userId = searchParams.get("userId")

if (!userId) {
      return NextResponse.json({ error: "User ID is required" }, { status: 400 })
    }

// Create a Supabase client with server-side auth
    const supabase = createServerComponentClient({ cookies })

// Verify the user is authenticated and matches the requested userId
    const {
      data: { session },
    } = await supabase.auth.getSession()

if (!session || session.user.id !== userId) {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
    }

// Get user's profile data
    const { data: profileData, error: profileError } = await supabase
      .from("profiles")
      .select("username, referral_count, referral_earnings, referral_code")
      .eq("id", userId)
      .single()

if (profileError) {
      console.error("Profile error:", profileError)
      return NextResponse.json({ error: profileError.message }, { status: 500 })
    }

// Fetch referrals directly from the referrals table
    const { data: referralsData, error: referralsError } = await supabase
      .from("referrals")
      .select("id, referred_id, created_at, status, reward")
      .eq("referrer_id", userId)
      .order("created_at", { ascending: false })

if (referralsError) {
      console.error("Referrals error:", referralsError)
      return NextResponse.json({ error: referralsError.message }, { status: 500 })
    }

console.log(`Found ${referralsData.length} referrals for user ${userId}`)

// For each referral, fetch the referred user's details from profiles table
    const referralsWithUserDetails = await Promise.all(
      referralsData.map(async (referral) => {
        const { data: userData, error: userError } = await supabase
          .from("profiles")
          .select("username, full_name, email, is_active")
          .eq("id", referral.referred_id)
          .single()

if (userError) {
          console.error("Error fetching user details:", userError)
          return {
            ...referral,
            referred_username: "Unknown",
            referred_fullname: "Unknown User",
            referred_email: "unknown@example.com",
            status: referral.status || "pending",
            reward: referral.reward || 5.0, // Default reward value if not present
          }
        }

return {
          ...referral,
          referred_username: userData.username || "Unknown",
          referred_fullname: userData.full_name || "Unknown User",
          referred_email: userData.email || "unknown@example.com",
          status: referral.status || (userData.is_active ? "active" : "pending"),
          reward: referral.reward || 5.0, // Default reward value if not present
        }
      }),
    )

// Calculate stats
    const activeReferrals = referralsWithUserDetails.filter((r) => r.status === "active").length
    const pendingReferrals = referralsWithUserDetails.filter((r) => r.status === "pending").length

// Use the count from the database for total_count, or calculate from referrals if not available
    const totalCount = profileData.referral_count || referralsWithUserDetails.length

// Use referral_earnings from profile if available, otherwise calculate from referrals
    const totalEarnings =
      profileData.referral_earnings || referralsWithUserDetails.reduce((sum, item) => sum + (item.reward || 0), 0)

const stats = {
      total_count: totalCount,
      total_earnings: totalEarnings,
      active_referrals: activeReferrals,
      pending_referrals: pendingReferrals,
      referral_code: profileData.referral_code || profileData.username,
      username: profileData.username,
    }

return NextResponse.json({
      stats,
      referrals: referralsWithUserDetails,
    })
  } catch (error: any) {
    console.error("Error in referrals API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="migrations/fix_referral_system.sql" isEdit="true" isMerged="true"
-- Fix the process_referral_bonus function to properly credit referrers
CREATE OR REPLACE FUNCTION process_referral_bonus(referred_user_id UUID)
RETURNS JSONB AS $$
DECLARE
  referrer_id UUID;
  bonus_amount DECIMAL := 5.0;
  result JSONB;
BEGIN
  -- Get the referrer ID
  SELECT referred_by INTO referrer_id FROM profiles WHERE id = referred_user_id;
  
  -- If no referrer, return early
  IF referrer_id IS NULL THEN
    RETURN jsonb_build_object('success', false, 'message', 'No referrer found');
  END IF;
  
  -- Update referrer's balance and stats
  UPDATE profiles
  SET 
    balance = balance + bonus_amount,
    referral_earnings = COALESCE(referral_earnings, 0) + bonus_amount,
    total_earnings = total_earnings + bonus_amount
  WHERE id = referrer_id;
  
  -- Update the referral status to active
  UPDATE referrals
  SET status = 'active'
  WHERE referrer_id = referrer_id AND referred_id = referred_user_id;
  
  -- Log the activity
  INSERT INTO activity_log (user_id, activity_type, description, metadata)
  VALUES (
    referrer_id, 
    'referral_bonus', 
    'Received referral bonus', 
    jsonb_build_object('referred_id', referred_user_id, 'amount', bonus_amount)
  );
  
  -- Return success
  RETURN jsonb_build_object(
    'success', true, 
    'referrer_id', referrer_id, 
    'amount', bonus_amount
  );
END;
$$ LANGUAGE plpgsql;

-- Fix the complete_task function to properly handle referral bonuses
CREATE OR REPLACE FUNCTION complete_task(user_id UUID, reward_amount DECIMAL)
RETURNS void AS $$
DECLARE
  referrer_id UUID;
  referral_reward DECIMAL := reward_amount * 0.05; -- 5% of task reward goes to referrer
BEGIN
  -- Update user balance and stats
  UPDATE profiles
  SET 
    balance = balance + reward_amount,
    total_earnings = total_earnings + reward_amount,
    completed_tasks = completed_tasks + 1
  WHERE id = user_id;
  
  -- Log the activity
  INSERT INTO activity_log (user_id, activity_type, description, metadata)
  VALUES (
    user_id, 
    'task_completed', 
    'Completed a task and earned reward', 
    jsonb_build_object('reward', reward_amount)
  );
  
  -- Check if user was referred by someone
  SELECT referred_by INTO referrer_id FROM profiles WHERE id = user_id;
  
  -- If user was referred, reward the referrer
  IF referrer_id IS NOT NULL THEN
    UPDATE profiles
    SET 
      balance = balance + referral_reward,
      referral_earnings = COALESCE(referral_earnings, 0) + referral_reward,
      total_earnings = total_earnings + referral_reward
    WHERE id = referrer_id;
    
    -- Log the referral reward activity
    INSERT INTO activity_log (user_id, activity_type, description, metadata)
    VALUES (
      referrer_id, 
      'referral_reward', 
      'Earned 5% bonus from referred user completing a task', 
      jsonb_build_object('referred_user_id', user_id, 'reward', referral_reward)
    );
  END IF;
END;
$$ LANGUAGE plpgsql;

-- Create a function to fix missing referral records
CREATE OR REPLACE FUNCTION fix_missing_referrals()
RETURNS TABLE(fixed_count INT) AS $$
DECLARE
  fixed INT := 0;
  user_record RECORD;
BEGIN
  -- Find users with referred_by set but no corresponding referral record
  FOR user_record IN 
    SELECT p.id, p.referred_by 
    FROM profiles p
    LEFT JOIN referrals r ON r.referrer_id = p.referred_by AND r.referred_id = p.id
    WHERE p.referred_by IS NOT NULL AND r.id IS NULL
  LOOP
    -- Create the missing referral record
    INSERT INTO referrals (referrer_id, referred_id, reward, status)
    VALUES (user_record.referred_by, user_record.id, 5.0, 'pending');
    
    fixed := fixed + 1;
  END LOOP;
  
  RETURN QUERY SELECT fixed;
END;
$$ LANGUAGE plpgsql;

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION process_referral_bonus TO service_role;
GRANT EXECUTE ON FUNCTION complete_task TO service_role;
GRANT EXECUTE ON FUNCTION fix_missing_referrals TO service_role;
[V0_FILE]sql:file="migrations/fix_referral_system_remaining.sql" isMerged="true"
-- Fix the complete_task function to properly handle referral bonuses
CREATE OR REPLACE FUNCTION complete_task_v2(user_id UUID, reward_amount DECIMAL)
RETURNS void AS $$
DECLARE
  referrer_id UUID;
  referral_reward DECIMAL := reward_amount * 0.05; -- 5% of task reward goes to referrer
BEGIN
  -- Update user balance and stats
  UPDATE profiles
  SET 
    balance = balance + reward_amount,
    total_earnings = total_earnings + reward_amount,
    completed_tasks = completed_tasks + 1
  WHERE id = user_id;
  
  -- Log the activity
  INSERT INTO activity_log (user_id, activity_type, description, metadata)
  VALUES (
    user_id, 
    'task_completed', 
    'Completed a task and earned reward', 
    jsonb_build_object('reward', reward_amount)
  );
  
  -- Check if user was referred by someone
  SELECT referred_by INTO referrer_id FROM profiles WHERE id = user_id;
  
  -- If user was referred, reward the referrer
  IF referrer_id IS NOT NULL THEN
    UPDATE profiles
    SET 
      balance = balance + referral_reward,
      referral_earnings = COALESCE(referral_earnings, 0) + referral_reward,
      total_earnings = total_earnings + referral_reward
    WHERE id = referrer_id;
    
    -- Log the referral reward activity
    INSERT INTO activity_log (user_id, activity_type, description, metadata)
    VALUES (
      referrer_id, 
      'referral_reward', 
      'Earned 5% bonus from referred user completing a task', 
      jsonb_build_object('referred_user_id', user_id, 'reward', referral_reward)
    );
  END IF;
END;
$$ LANGUAGE plpgsql;

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION complete_task_v2 TO service_role;
GRANT EXECUTE ON FUNCTION fix_missing_referrals TO service_role;
[V0_FILE]typescript:file="app/api/admin/fix-referrals/route.ts" isEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function POST(request: Request) {
  try {
    // Create a service role client to bypass RLS
    const supabaseAdmin = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!)

// Fix missing referral records
    const { data: fixedReferrals, error: fixError } = await supabaseAdmin.rpc("fix_missing_referrals")

if (fixError) {
      console.error("Error fixing referrals:", fixError)
      return NextResponse.json({ error: fixError.message }, { status: 500 })
    }

// Get all pending referrals
    const { data: pendingReferrals, error: fetchError } = await supabaseAdmin
      .from("referrals")
      .select("referrer_id, referred_id")
      .eq("status", "pending")

if (fetchError) {
      console.error("Error fetching pending referrals:", fetchError)
      return NextResponse.json({ error: fetchError.message }, { status: 500 })
    }

// Process each pending referral
    const processedReferrals = []
    for (const referral of pendingReferrals || []) {
      const { data: result, error: processError } = await supabaseAdmin.rpc("process_referral_bonus_v2", {
        referred_user_id: referral.referred_id,
      })

if (processError) {
        console.error(`Error processing referral for ${referral.referred_id}:`, processError)
      } else {
        processedReferrals.push(result)
      }
    }

return NextResponse.json({
      success: true,
      fixedReferrals,
      processedReferrals,
      totalProcessed: processedReferrals.length,
    })
  } catch (error: any) {
    console.error("Unexpected error fixing referrals:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="migrations/fix_referral_data.sql" isMerged="true"
-- Function to ensure all users have a referral_code
CREATE OR REPLACE FUNCTION ensure_referral_codes() 
RETURNS INTEGER AS $$
DECLARE
  updated_count INTEGER := 0;
BEGIN
  -- Update profiles that don't have a referral_code
  UPDATE profiles
  SET referral_code = username
  WHERE referral_code IS NULL OR referral_code = '';
  
  GET DIAGNOSTICS updated_count = ROW_COUNT;
  
  RETURN updated_count;
END;
$$ LANGUAGE plpgsql;

-- Function to fix referral counts
CREATE OR REPLACE FUNCTION fix_referral_counts() 
RETURNS INTEGER AS $$
DECLARE
  updated_count INTEGER := 0;
BEGIN
  -- Update referral counts based on actual referrals
  UPDATE profiles p
  SET referral_count = (
    SELECT COUNT(*) 
    FROM referrals r 
    WHERE r.referrer_id = p.id
  )
  WHERE (
    referral_count IS NULL OR 
    referral_count != (SELECT COUNT(*) FROM referrals r WHERE r.referrer_id = p.id)
  );
  
  GET DIAGNOSTICS updated_count = ROW_COUNT;
  
  RETURN updated_count;
END;
$$ LANGUAGE plpgsql;

-- Function to fix referral earnings
CREATE OR REPLACE FUNCTION fix_referral_earnings() 
RETURNS INTEGER AS $$
DECLARE
  updated_count INTEGER := 0;
BEGIN
  -- Update referral earnings based on actual referrals
  UPDATE profiles p
  SET referral_earnings = (
    SELECT COALESCE(SUM(reward), 0) 
    FROM referrals r 
    WHERE r.referrer_id = p.id
  )
  WHERE (
    referral_earnings IS NULL OR 
    referral_earnings != (SELECT COALESCE(SUM(reward), 0) FROM referrals r WHERE r.referrer_id = p.id)
  );
  
  GET DIAGNOSTICS updated_count = ROW_COUNT;
  
  RETURN updated_count;
END;
$$ LANGUAGE plpgsql;

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION ensure_referral_codes() TO service_role;
GRANT EXECUTE ON FUNCTION fix_referral_counts() TO service_role;
GRANT EXECUTE ON FUNCTION fix_referral_earnings() TO service_role;

-- Create an API function to run all fixes
CREATE OR REPLACE FUNCTION fix_all_referral_data() 
RETURNS JSONB AS $$
DECLARE
  codes_fixed INTEGER;
  counts_fixed INTEGER;
  earnings_fixed INTEGER;
BEGIN
  -- Run all fix functions
  SELECT ensure_referral_codes() INTO codes_fixed;
  SELECT fix_referral_counts() INTO counts_fixed;
  SELECT fix_referral_earnings() INTO earnings_fixed;
  
  -- Return results
  RETURN jsonb_build_object(
    'codes_fixed', codes_fixed,
    'counts_fixed', counts_fixed,
    'earnings_fixed', earnings_fixed
  );
END;
$$ LANGUAGE plpgsql;

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION fix_all_referral_data() TO service_role;
[V0_FILE]typescript:file="app/api/user/referrals/route.ts" isEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"
import { cookies } from "next/headers"

export async function GET(request: Request) {
  try {
    // Get the user ID from the query params
    const { searchParams } = new URL(request.url)
    const userId = searchParams.get("userId")

if (!userId) {
      return NextResponse.json({ error: "User ID is required" }, { status: 400 })
    }

// Verify the user is authenticated by checking the session cookie
    const cookieStore = cookies()
    const supabaseClient = createClient(
      process.env.NEXT_PUBLIC_SUPABASE_URL || "",
      process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || "",
      {
        auth: {
          cookieOptions: {
            name: "sb-auth-token",
          },
        },
      },
    )

const {
      data: { session },
    } = await supabaseClient.auth.getSession()

// Use the service role key to fetch data regardless of RLS policies
    // This ensures we can get the data even if there are permission issues

// Get user's profile data
    const { data: profileData, error: profileError } = await supabaseAdmin
      .from("profiles")
      .select("username, referral_count, referral_earnings, referral_code")
      .eq("id", userId)
      .single()

if (profileError) {
      console.error("Error fetching profile data:", profileError)
      return NextResponse.json({ error: profileError.message }, { status: 500 })
    }

// Fetch referrals
    const { data: referralsData, error: referralsError } = await supabaseAdmin
      .from("referrals")
      .select("id, referred_id, created_at, status, reward")
      .eq("referrer_id", userId)
      .order("created_at", { ascending: false })

if (referralsError) {
      console.error("Error fetching referrals:", referralsError)
      return NextResponse.json({ error: referralsError.message }, { status: 500 })
    }

// For each referral, fetch the referred user's details
    const referralsWithUserDetails = await Promise.all(
      (referralsData || []).map(async (referral) => {
        const { data: userData, error: userError } = await supabaseAdmin
          .from("profiles")
          .select("username, full_name, email, is_active")
          .eq("id", referral.referred_id)
          .single()

// Use the count from the database for total_count
    const totalCount = profileData.referral_count || referralsWithUserDetails.length

return NextResponse.json({
      stats,
      referrals: referralsWithUserDetails,
    })
  } catch (error: any) {
    console.error("Error in referrals API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="migrations/fix_all_referral_data.sql" isMerged="true"
-- Create a function to fix all referral data
CREATE OR REPLACE FUNCTION fix_all_referral_data()
RETURNS JSONB AS $$
DECLARE
  fixed_count INT := 0;
  updated_profiles INT := 0;
  updated_referrals INT := 0;
  result JSONB;
BEGIN
  -- Step 1: Ensure all users have a referral_code (use username if missing)
  UPDATE profiles
  SET referral_code = username
  WHERE referral_code IS NULL OR referral_code = '';
  
  GET DIAGNOSTICS updated_profiles = ROW_COUNT;
  
  -- Step 2: Fix referral counts for all users
  WITH referral_counts AS (
    SELECT 
      referrer_id,
      COUNT(*) as count
    FROM referrals
    GROUP BY referrer_id
  )
  UPDATE profiles p
  SET referral_count = rc.count
  FROM referral_counts rc
  WHERE p.id = rc.referrer_id AND (p.referral_count IS NULL OR p.referral_count != rc.count);
  
  GET DIAGNOSTICS fixed_count = ROW_COUNT;
  
  -- Step 3: Fix referral earnings
  WITH referral_earnings AS (
    SELECT 
      referrer_id,
      SUM(reward) as total_earnings
    FROM referrals
    GROUP BY referrer_id
  )
  UPDATE profiles p
  SET referral_earnings = re.total_earnings
  FROM referral_earnings re
  WHERE p.id = re.referrer_id AND (p.referral_earnings IS NULL OR p.referral_earnings != re.total_earnings);
  
  GET DIAGNOSTICS updated_referrals = ROW_COUNT;
  
  -- Return results
  result := jsonb_build_object(
    'fixed_referral_codes', updated_profiles,
    'fixed_referral_counts', fixed_count,
    'fixed_referral_earnings', updated_referrals
  );
  
  RETURN result;
END;
$$ LANGUAGE plpgsql;

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION fix_all_referral_data() TO service_role;
[V0_FILE]typescript:file="app/api/admin/fix-all-referrals/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function POST(request: Request) {
  try {
    // Run the fix_all_referral_data function
    const { data, error } = await supabaseAdmin.rpc("fix_all_referral_data")

if (error) {
      console.error("Error fixing referral data:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Referral data fixed successfully",
      data,
    })
  } catch (error: any) {
    console.error("Error in fix-all-referrals API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]sql:file="migrations/fix_referral_stats_tracking.sql" isMerged="true"
-- Create a function to update referral stats for a user
CREATE OR REPLACE FUNCTION update_referral_stats(user_id UUID)
RETURNS JSONB AS $$
DECLARE
  active_count INT;
  pending_count INT;
  total_count INT;
  total_earnings DECIMAL;
  result JSONB;
BEGIN
  -- Count active referrals
  SELECT COUNT(*) INTO active_count
  FROM referrals
  WHERE referrer_id = user_id AND status = 'active';
  
  -- Count pending referrals
  SELECT COUNT(*) INTO pending_count
  FROM referrals
  WHERE referrer_id = user_id AND (status = 'pending' OR status IS NULL);
  
  -- Calculate total count
  total_count := active_count + pending_count;
  
  -- Calculate total earnings
  SELECT COALESCE(SUM(reward), 0) INTO total_earnings
  FROM referrals
  WHERE referrer_id = user_id;
  
  -- Update the user's profile with the calculated stats
  UPDATE profiles
  SET 
    referral_count = total_count,
    referral_earnings = total_earnings
  WHERE id = user_id;
  
  -- Return the updated stats
  result := jsonb_build_object(
    'active_referrals', active_count,
    'pending_referrals', pending_count,
    'total_count', total_count,
    'total_earnings', total_earnings
  );
  
  RETURN result;
END;
$$ LANGUAGE plpgsql;

-- Create a trigger function to automatically update referral stats when referrals change
CREATE OR REPLACE FUNCTION trigger_update_referral_stats()
RETURNS TRIGGER AS $$
BEGIN
  -- If a new referral is added or status changes
  PERFORM update_referral_stats(NEW.referrer_id);
  RETURN NEW;
END;
$$ LANGUAGE plpgsql;

-- Create the trigger on the referrals table
DROP TRIGGER IF EXISTS update_referral_stats_trigger ON referrals;
CREATE TRIGGER update_referral_stats_trigger
AFTER INSERT OR UPDATE OF status, reward
ON referrals
FOR EACH ROW
EXECUTE FUNCTION trigger_update_referral_stats();

-- Create a function to activate a referral when a user completes their first task
CREATE OR REPLACE FUNCTION activate_referral(user_id UUID)
RETURNS JSONB AS $$
DECLARE
  referrer_id UUID;
  result JSONB;
BEGIN
  -- Get the referrer ID
  SELECT referred_by INTO referrer_id
  FROM profiles
  WHERE id = user_id;
  
  -- If no referrer, return early
  IF referrer_id IS NULL THEN
    RETURN jsonb_build_object('success', false, 'message', 'No referrer found');
  END IF;
  
  -- Update the referral status to active
  UPDATE referrals
  SET status = 'active'
  WHERE referrer_id = referrer_id AND referred_id = user_id;
  
  -- Update the referrer's stats
  PERFORM update_referral_stats(referrer_id);
  
  -- Return success
  RETURN jsonb_build_object(
    'success', true,
    'referrer_id', referrer_id
  );
END;
$$ LANGUAGE plpgsql;

-- Modify the complete_task function to activate referrals
CREATE OR REPLACE FUNCTION complete_task(user_id UUID, task_id UUID, reward_amount DECIMAL)
RETURNS JSONB AS $$
DECLARE
  referrer_id UUID;
  referral_reward DECIMAL;
  result JSONB;
BEGIN
  -- Update user balance and stats
  UPDATE profiles
  SET 
    balance = balance + reward_amount,
    total_earnings = total_earnings + reward_amount,
    completed_tasks = completed_tasks + 1
  WHERE id = user_id;
  
  -- Log the activity
  INSERT INTO activity_log (user_id, activity_type, description, metadata)
  VALUES (
    user_id, 
    'task_completed', 
    'Completed a task and earned reward', 
    jsonb_build_object('reward', reward_amount, 'task_id', task_id)
  );
  
  -- Check if user was referred by someone
  SELECT referred_by INTO referrer_id FROM profiles WHERE id = user_id;
  
  -- If user was referred, reward the referrer and activate the referral
  IF referrer_id IS NOT NULL THEN
    -- Calculate referral reward (5% of task reward)
    referral_reward := reward_amount * 0.05;
    
    -- Update referrer's balance and stats
    UPDATE profiles
    SET 
      balance = balance + referral_reward,
      referral_earnings = COALESCE(referral_earnings, 0) + referral_reward,
      total_earnings = total_earnings + referral_reward
    WHERE id = referrer_id;
    
    -- Activate the referral if not already active
    UPDATE referrals
    SET status = 'active'
    WHERE referrer_id = referrer_id AND referred_id = user_id AND (status IS NULL OR status = 'pending');
    
    -- Update referrer's stats
    PERFORM update_referral_stats(referrer_id);
    
    -- Log the referral reward activity
    INSERT INTO activity_log (user_id, activity_type, description, metadata)
    VALUES (
      referrer_id, 
      'referral_reward', 
      'Earned reward from referred user completing a task', 
      jsonb_build_object('referred_user_id', user_id, 'reward', referral_reward, 'task_id', task_id)
    );
  END IF;
  
  -- Return success
  result := jsonb_build_object(
    'success', true,
    'user_id', user_id,
    'reward', reward_amount,
    'referral_reward', referral_reward,
    'referrer_id', referrer_id
  );
  
  RETURN result;
END;
$$ LANGUAGE plpgsql;

-- Function to fix all existing referral stats
CREATE OR REPLACE FUNCTION fix_all_referral_stats()
RETURNS JSONB AS $$
DECLARE
  user_record RECORD;
  updated_count INT := 0;
  result JSONB;
BEGIN
  -- Loop through all users who have referrals
  FOR user_record IN 
    SELECT DISTINCT referrer_id as id
    FROM referrals
  LOOP
    -- Update stats for this user
    PERFORM update_referral_stats(user_record.id);
    updated_count := updated_count + 1;
  END LOOP;
  
  -- Return results
  result := jsonb_build_object(
    'updated_users', updated_count
  );
  
  RETURN result;
END;
$$ LANGUAGE plpgsql;

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION update_referral_stats(UUID) TO service_role;
GRANT EXECUTE ON FUNCTION activate_referral(UUID) TO service_role;
GRANT EXECUTE ON FUNCTION complete_task(UUID, UUID, DECIMAL) TO service_role;
GRANT EXECUTE ON FUNCTION fix_all_referral_stats() TO service_role;
[V0_FILE]typescript:file="app/api/admin/fix-referral-stats/route.ts" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function POST(request: Request) {
  try {
    // Run the fix_all_referral_stats function
    const { data, error } = await supabaseAdmin.rpc("fix_all_referral_stats")

if (error) {
      console.error("Error fixing referral stats:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Referral stats fixed successfully",
      data,
    })
  } catch (error: any) {
    console.error("Error in fix-referral-stats API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/api/tasks/submit-task/route.ts" isEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"
import { cookies } from "next/headers"

export async function POST(request: Request) {
  try {
    const body = await request.json()
    const { taskId, proofText, proofImage } = body

// Create a Supabase client
    const cookieStore = cookies()
    const supabase = createClient(
      process.env.NEXT_PUBLIC_SUPABASE_URL || "",
      process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || "",
      {
        auth: {
          cookieOptions: {
            name: "sb-auth-token",
          },
        },
      },
    )

// Get the user's session
    const {
      data: { session },
    } = await supabase.auth.getSession()

if (!session) {
      return NextResponse.json({ error: "Not authenticated" }, { status: 401 })
    }

const userId = session.user.id

// Check if the task exists and get its reward
    const { data: taskData, error: taskError } = await supabase
      .from("tasks")
      .select("id, reward")
      .eq("id", taskId)
      .single()

if (taskError || !taskData) {
      console.error("Task error:", taskError)
      return NextResponse.json({ error: "Task not found" }, { status: 404 })
    }

// Check if the user has already started this task
    const { data: userTaskData, error: userTaskError } = await supabase
      .from("user_tasks")
      .select("id, status")
      .eq("user_id", userId)
      .eq("task_id", taskId)
      .single()

if (userTaskError && userTaskError.code !== "PGRST116") {
      // PGRST116 is "no rows returned" error, which is fine - it means the user hasn't started this task yet
      console.error("User task error:", userTaskError)
      return NextResponse.json({ error: "Error checking task status" }, { status: 500 })
    }

if (userTaskData && userTaskData.status === "completed") {
      return NextResponse.json({ error: "Task already completed" }, { status: 400 })
    }

// If the user hasn't started this task yet, create a record
    if (!userTaskData) {
      const { error: createError } = await supabase.from("user_tasks").insert([
        {
          user_id: userId,
          task_id: taskId,
          status: "pending",
          started_at: new Date().toISOString(),
        },
      ])

if (createError) {
        console.error("Create user task error:", createError)
        return NextResponse.json({ error: "Error starting task" }, { status: 500 })
      }
    } else if (userTaskData.status !== "pending") {
      // Update the status to pending if it's not already
      const { error: updateError } = await supabase
        .from("user_tasks")
        .update({
          status: "pending",
          started_at: new Date().toISOString(),
        })
        .eq("id", userTaskData.id)

if (updateError) {
        console.error("Update user task error:", updateError)
        return NextResponse.json({ error: "Error updating task status" }, { status: 500 })
      }
    }

// Create a submission record
    const { error: submissionError } = await supabase.from("task_submissions").insert([
      {
        user_id: userId,
        task_id: taskId,
        proof_text: proofText,
        proof_image: proofImage,
        status: "pending",
      },
    ])

if (submissionError) {
      console.error("Submission error:", submissionError)
      return NextResponse.json({ error: "Error submitting task" }, { status: 500 })
    }

// Update the user_task status to pending_review
    const { error: updateError } = await supabase
      .from("user_tasks")
      .update({
        status: "pending_review",
      })
      .eq("user_id", userId)
      .eq("task_id", taskId)

if (updateError) {
      console.error("Update user task error:", updateError)
      return NextResponse.json({ error: "Error updating task status" }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Task submitted successfully and pending review",
    })
  } catch (error: any) {
    console.error("Error in submit-task API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/api/admin/approve-task/route.ts" isEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"
import { cookies } from "next/headers"

export async function POST(request: Request) {
  try {
    const body = await request.json()
    const { submissionId } = body

if (!submissionId) {
      return NextResponse.json({ error: "Submission ID is required" }, { status: 400 })
    }

// Verify the user is an admin
    const cookieStore = cookies()
    const supabase = createClient(
      process.env.NEXT_PUBLIC_SUPABASE_URL || "",
      process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || "",
      {
        auth: {
          cookieOptions: {
            name: "sb-auth-token",
          },
        },
      },
    )

const {
      data: { session },
    } = await supabase.auth.getSession()

if (!session) {
      return NextResponse.json({ error: "Not authenticated" }, { status: 401 })
    }

// Check if the user is an admin
    const { data: adminData, error: adminError } = await supabase
      .from("profiles")
      .select("is_admin")
      .eq("id", session.user.id)
      .single()

if (adminError || !adminData || !adminData.is_admin) {
      return NextResponse.json({ error: "Unauthorized" }, { status: 403 })
    }

// Get the submission details
    const { data: submission, error: submissionError } = await supabaseAdmin
      .from("task_submissions")
      .select("id, user_id, task_id, status")
      .eq("id", submissionId)
      .single()

if (submissionError || !submission) {
      console.error("Submission error:", submissionError)
      return NextResponse.json({ error: "Submission not found" }, { status: 404 })
    }

if (submission.status === "approved") {
      return NextResponse.json({ error: "Submission already approved" }, { status: 400 })
    }

// Get the task details
    const { data: task, error: taskError } = await supabaseAdmin
      .from("tasks")
      .select("id, reward")
      .eq("id", submission.task_id)
      .single()

if (taskError || !task) {
      console.error("Task error:", taskError)
      return NextResponse.json({ error: "Task not found" }, { status: 404 })
    }

// Update the submission status
    const { error: updateSubmissionError } = await supabaseAdmin
      .from("task_submissions")
      .update({
        status: "approved",
        approved_at: new Date().toISOString(),
        approved_by: session.user.id,
      })
      .eq("id", submissionId)

if (updateSubmissionError) {
      console.error("Update submission error:", updateSubmissionError)
      return NextResponse.json({ error: "Error updating submission" }, { status: 500 })
    }

// Update the user_task status
    const { error: updateTaskError } = await supabaseAdmin
      .from("user_tasks")
      .update({
        status: "completed",
        completed_at: new Date().toISOString(),
      })
      .eq("user_id", submission.user_id)
      .eq("task_id", submission.task_id)

if (updateTaskError) {
      console.error("Update task error:", updateTaskError)
      return NextResponse.json({ error: "Error updating task status" }, { status: 500 })
    }

// Call the complete_task function to update user balance and handle referral rewards
    const { data: completeTaskResult, error: completeTaskError } = await supabaseAdmin.rpc("complete_task", {
      user_id: submission.user_id,
      task_id: submission.task_id,
      reward_amount: task.reward,
    })

if (completeTaskError) {
      console.error("Complete task error:", completeTaskError)
      return NextResponse.json({ error: "Error completing task" }, { status: 500 })
    }

// Activate the user if not already active
    const { error: activateError } = await supabaseAdmin
      .from("profiles")
      .update({
        is_active: true,
      })
      .eq("id", submission.user_id)
      .is("is_active", null)

return NextResponse.json({
      success: true,
      message: "Task approved successfully",
      data: completeTaskResult,
    })
  } catch (error: any) {
    console.error("Error in approve-task API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/admin/fix-referral-stats/page.tsx" isMerged="true"
"use client"

export default function FixReferralStats() {
  const [loading, setLoading] = useState(false)
  const [result, setResult] = useState<any>(null)
  const [error, setError] = useState<string | null>(null)

const handleFixStats = async () => {
    try {
      setLoading(true)
      setError(null)

const response = await fetch("/api/admin/fix-referral-stats", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to fix referral stats")
      }

setResult(data)
    } catch (err: any) {
      console.error("Error fixing referral stats:", err)
      setError(err.message || "An error occurred while fixing referral stats")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="container mx-auto py-8">
      <h1 className="text-3xl font-bold mb-6">Fix Referral Stats</h1>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

<Card>
        <CardHeader>
          <CardTitle>Referral Stats Repair Tool</CardTitle>
          <CardDescription>
            This tool will recalculate and fix all referral statistics in the system, including active referrals,
            pending referrals, total counts, and earnings.
          </CardDescription>
        </CardHeader>
        <CardContent>
          <p className="text-muted-foreground mb-4">Running this tool will:</p>
          <ul className="list-disc pl-5 space-y-1 text-muted-foreground mb-4">
            <li>Recalculate active and pending referral counts</li>
            <li>Update total referral counts</li>
            <li>Recalculate referral earnings</li>
            <li>Ensure all stats are consistent with actual referral data</li>
          </ul>
          <p className="text-amber-600 font-medium">
            This operation may take some time depending on the number of users and referrals in the system.
          </p>
        </CardContent>
        <CardFooter>
          <Button onClick={handleFixStats} disabled={loading} className="w-full">
            {loading ? <LoadingSpinner size="sm" className="mr-2" /> : null}
            {loading ? "Fixing Referral Stats..." : "Fix All Referral Stats"}
          </Button>
        </CardFooter>
      </Card>

{result && (
        <Card className="mt-6">
          <CardHeader>
            <CardTitle>Results</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="space-y-4">
              <div>
                <h3 className="font-medium">Updated Users:</h3>
                <p>{result.data.updated_users}</p>
              </div>
              <div className="pt-4 border-t">
                <p className="text-green-600 font-medium">Referral stats have been successfully updated!</p>
              </div>
            </div>
          </CardContent>
        </Card>
      )}
    </div>
  )
}
[V0_FILE]typescript:file="app/api/admin/fix-referral-data/route.ts" isEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { createClient } from "@supabase/supabase-js"

export async function POST(request: Request) {
  try {
    // Initialize Supabase client with admin privileges
    const supabaseAdmin = createClient(
      process.env.NEXT_PUBLIC_SUPABASE_URL || "",
      process.env.SUPABASE_SERVICE_ROLE_KEY || "",
      {
        auth: {
          persistSession: false,
          autoRefreshToken: false,
        },
      },
    )

// Run the fix_all_referral_data function
    const { data, error } = await supabaseAdmin.rpc("fix_all_referral_data")

if (error) {
      console.error("Error fixing referral data:", error)
      return NextResponse.json({ error: error.message }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Referral data fixed successfully",
      data,
    })
  } catch (error: any) {
    console.error("Error in fix-referral-data API:", error)
    return NextResponse.json({ error: error.message }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/admin/fix-all-referrals/page.tsx" isEdit="true" isMerged="true"
"use client"

export default function FixAllReferrals() {
  const [loading, setLoading] = useState(false)
  const [result, setResult] = useState<any>(null)
  const [error, setError] = useState<string | null>(null)

const handleFixReferrals = async () => {
    try {
      setLoading(true)
      setError(null)

const response = await fetch("/api/admin/fix-all-referrals", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to fix referrals")
      }

setResult(data)
    } catch (err: any) {
      console.error("Error fixing referrals:", err)
      setError(err.message || "An error occurred while fixing referrals")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="container mx-auto py-8">
      <h1 className="text-3xl font-bold mb-6">Fix All Referrals</h1>

{error && (
        <Alert variant="destructive" className="mb-6">
          <AlertDescription>{error}</AlertDescription>
        </Alert>
      )}

<Card>
        <CardHeader>
          <CardTitle>Referral System Repair Tool</CardTitle>
          <CardDescription>
            This tool will fix all referral data in the system, including referral counts, earnings, and missing
            referral codes.
          </CardDescription>
        </CardHeader>
        <CardContent>
          <p className="text-muted-foreground mb-4">Running this tool will:</p>
          <ul className="list-disc pl-5 space-y-1 text-muted-foreground mb-4">
            <li>Ensure all users have a referral code</li>
            <li>Fix referral counts for all users</li>
            <li>Recalculate referral earnings</li>
          </ul>
          <p className="text-amber-600 font-medium">
            This operation may take some time depending on the number of users and referrals in the system.
          </p>
        </CardContent>
        <CardFooter>
          <Button onClick={handleFixReferrals} disabled={loading} className="w-full">
            {loading ? <LoadingSpinner size="sm" className="mr-2" /> : null}
            {loading ? "Fixing Referrals..." : "Fix All Referrals"}
          </Button>
        </CardFooter>
      </Card>

{result && (
        <Card className="mt-6">
          <CardHeader>
            <CardTitle>Results</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="space-y-4">
              <div>
                <h3 className="font-medium">Fixed Referral Codes:</h3>
                <p>{result.data.fixed_referral_codes}</p>
              </div>
              <div>
                <h3 className="font-medium">Fixed Referral Counts:</h3>
                <p>{result.data.fixed_referral_counts}</p>
              </div>
              <div>
                <h3 className="font-medium">Fixed Referral Earnings:</h3>
                <p>{result.data.fixed_referral_earnings}</p>
              </div>
            </div>
          </CardContent>
        </Card>
      )}
    </div>
  )
}
[V0_FILE]sql:file="supabase/migrations/fix_referral_data.sql" isEdit="true" isMerged="true"
-- Function to ensure all users have a referral_code
CREATE OR REPLACE FUNCTION ensure_referral_codes() 
RETURNS INTEGER AS $$
DECLARE
 updated_count INTEGER := 0;
 user_record RECORD;
 new_code TEXT;
 code_exists BOOLEAN;
BEGIN
 -- Loop through all users without a referral code
 FOR user_record IN SELECT id FROM profiles WHERE referral_code IS NULL OR referral_code = '' LOOP
   LOOP
     -- Generate a referral code with format RAFIT + first 8 chars of user_id + 4 random chars
     new_code := 'RAFIT' || SUBSTRING(user_record.id::TEXT, 1, 8) || UPPER(SUBSTRING(MD5(random()::TEXT) FROM 1 FOR 4));
     
     -- Check if code already exists
     SELECT EXISTS(SELECT 1 FROM profiles WHERE referral_code = new_code) INTO code_exists;
     
     -- Exit loop if code is unique
     EXIT WHEN NOT code_exists;
   END LOOP;
   
   -- Update the user's profile with the new referral code
   UPDATE profiles
   SET referral_code = new_code
   WHERE id = user_record.id;
   
   updated_count := updated_count + 1;
 END LOOP;
 
 RETURN updated_count;
END;
$$ LANGUAGE plpgsql;

-- Function to fix referral counts
CREATE OR REPLACE FUNCTION fix_referral_counts() 
RETURNS INTEGER AS $$
DECLARE
 updated_count INTEGER := 0;
BEGIN
 -- Update referral counts based on actual referrals
 UPDATE profiles p
 SET referral_count = (
   SELECT COUNT(*) 
   FROM referrals r 
   WHERE r.referrer_id = p.id
 )
 WHERE (
   referral_count IS NULL OR 
   referral_count != (SELECT COUNT(*) FROM referrals r WHERE r.referrer_id = p.id)
 );
 
 GET DIAGNOSTICS updated_count = ROW_COUNT;
 
 RETURN updated_count;
END;
$$ LANGUAGE plpgsql;

-- Function to fix referral earnings
CREATE OR REPLACE FUNCTION fix_referral_earnings() 
RETURNS INTEGER AS $$
DECLARE
 updated_count INTEGER := 0;
BEGIN
 -- Update referral earnings based on actual referrals
 UPDATE profiles p
 SET referral_earnings = (
   SELECT COALESCE(SUM(reward), 0) 
   FROM referrals r 
   WHERE r.referrer_id = p.id
 )
 WHERE (
   referral_earnings IS NULL OR 
   referral_earnings != (SELECT COALESCE(SUM(reward), 0) FROM referrals r WHERE r.referrer_id = p.id)
 );
 
 GET DIAGNOSTICS updated_count = ROW_COUNT;
 
 RETURN updated_count;
END;
$$ LANGUAGE plpgsql;

-- Create an API function to run all fixes
CREATE OR REPLACE FUNCTION fix_all_referral_data() 
RETURNS JSONB AS $$
DECLARE
 codes_fixed INTEGER;
 counts_fixed INTEGER;
 earnings_fixed INTEGER;
BEGIN
 -- Run all fix functions
 SELECT ensure_referral_codes() INTO codes_fixed;
 SELECT fix_referral_counts() INTO counts_fixed;
 SELECT fix_referral_earnings() INTO earnings_fixed;
 
 -- Return results
 RETURN jsonb_build_object(
   'codes_fixed', codes_fixed,
   'counts_fixed', counts_fixed,
   'earnings_fixed', earnings_fixed
 );
END;
$$ LANGUAGE plpgsql;

-- Grant execute permissions
GRANT EXECUTE ON FUNCTION fix_all_referral_data() TO service_role;
[V0_FILE]sql:file="supabase/migrations/fix_referral_counts.sql" isMerged="true"
-- Function to fix referral counts for all users
CREATE OR REPLACE FUNCTION fix_referral_counts()
RETURNS void AS $$
DECLARE
  user_record RECORD;
  actual_count INTEGER;
BEGIN
  -- Loop through all users
  FOR user_record IN SELECT id FROM profiles
  LOOP
    -- Count actual referrals for this user
    SELECT COUNT(*) INTO actual_count 
    FROM referrals 
    WHERE referrer_id = user_record.id;
    
    -- Update the user's referral_count to match the actual count
    UPDATE profiles
    SET referral_count = actual_count
    WHERE id = user_record.id;
    
    RAISE NOTICE 'Updated referral count for user %: %', user_record.id, actual_count;
  END LOOP;
END;
$$ LANGUAGE plpgsql;

-- Execute the function to fix all referral counts
SELECT fix_referral_counts();

-- Create a trigger to keep referral counts in sync
CREATE OR REPLACE FUNCTION update_referrer_count()
RETURNS TRIGGER AS $$
BEGIN
  -- When a new referral is added
  IF TG_OP = 'INSERT' THEN
    -- Increment the referrer's count
    UPDATE profiles
    SET referral_count = COALESCE(referral_count, 0) + 1
    WHERE id = NEW.referrer_id;
  
  -- When a referral is deleted
  ELSIF TG_OP = 'DELETE' THEN
    -- Decrement the referrer's count
    UPDATE profiles
    SET referral_count = GREATEST(COALESCE(referral_count, 0) - 1, 0)
    WHERE id = OLD.referrer_id;
  END IF;
  
  RETURN NULL;
END;
$$ LANGUAGE plpgsql;

-- Drop the trigger if it exists
DROP TRIGGER IF EXISTS referral_count_trigger ON referrals;

-- Create the trigger
CREATE TRIGGER referral_count_trigger
AFTER INSERT OR DELETE ON referrals
FOR EACH ROW
EXECUTE FUNCTION update_referrer_count();
[V0_FILE]sql:file="supabase/migrations/fix_referral_earnings.sql" isMerged="true"
-- Function to fix referral earnings for all users
CREATE OR REPLACE FUNCTION fix_referral_earnings()
RETURNS void AS $$
DECLARE
  user_record RECORD;
  actual_earnings DECIMAL;
BEGIN
  -- Loop through all users
  FOR user_record IN SELECT id FROM profiles
  LOOP
    -- Calculate actual referral earnings for this user
    SELECT COALESCE(SUM(reward), 0) INTO actual_earnings 
    FROM referrals 
    WHERE referrer_id = user_record.id;
    
    -- Update the user's referral_earnings to match the actual earnings
    UPDATE profiles
    SET referral_earnings = actual_earnings
    WHERE id = user_record.id;
    
    RAISE NOTICE 'Updated referral earnings for user %: %', user_record.id, actual_earnings;
  END LOOP;
END;
$$ LANGUAGE plpgsql;

-- Execute the function to fix all referral earnings
SELECT fix_referral_earnings();
[V0_FILE]sql:file="supabase/fix-duplicate-referral-codes.sql" isMerged="true"
-- Function to remove duplicate referral codes
CREATE OR REPLACE FUNCTION remove_duplicate_referral_codes()
RETURNS VOID AS $$
DECLARE
 dup_record RECORD;
BEGIN
 FOR dup_record IN
   SELECT referral_code, COUNT(*)
   FROM profiles
   WHERE referral_code IS NOT NULL AND referral_code != ''
   GROUP BY referral_code
   HAVING COUNT(*) > 1
 LOOP
   -- Keep the profile with the lowest ID and update others
   UPDATE profiles
   SET referral_code = generate_referral_code(id)
   WHERE referral_code = dup_record.referral_code
   AND id NOT IN (
     SELECT MIN(id)
     FROM profiles
     WHERE referral_code = dup_record.referral_code
   );
 END LOOP;
END;
$$ LANGUAGE plpgsql;

-- Execute the function
SELECT remove_duplicate_referral_codes();
[V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isEdit="true" isMerged="true"
"use client"

interface UserProfile {
  id: string
  username: string
  email: string
  balance: number
  referral_code: string
  completed_tasks: number
  total_earnings: number
  referral_count: number
  is_active: boolean
}

export default function Dashboard() {
  const router = useRouter()
  const [profile, setProfile] = useState<UserProfile | null>(null)
  const [loading, setLoading] = useState(true)
  const [userName, setUserName] = useState("")
  const [referralLink, setReferralLink] = useState("")
  const [inviteReferralsUserId, setInviteReferralsUserId] = useState<string | null>(null)
  const [inviteReferralsCampaignId, setInviteReferralsCampaignId] = useState<string | null>(null)

useEffect(() => {
    const checkUser = async () => {
      const {
        data: { session },
      } = await supabase.auth.getSession()

if (!session) {
        router.push("/login")
        return
      }

try {
        // Get user profile
        const { data: profileData, error } = await supabase.from("profiles").select("*").eq("id", session.user.id)

if (error) {
          console.error("Error fetching profile:", error)
          return
        }

// Check if profile exists
        if (!profileData || profileData.length === 0) {
          console.error("No profile found for user")

// Create a basic profile for the user
          const { error: createError } = await supabase.from("profiles").insert([
            {
              id: session.user.id,
              username: `user_${session.user.id.substring(0, 8)}`,
              email: session.user.email,
              balance: 0,
              is_active: false,
              referral_code: `RAFIT${session.user.id.substring(0, 8)}${Math.random().toString(36).substring(2, 6).toUpperCase()}`,
            },
          ])

if (createError) {
            console.error("Error creating profile:", createError)
            return
          }

// Fetch the newly created profile
          const { data: newProfileData } = await supabase
            .from("profiles")
            .select("*")
            .eq("id", session.user.id)
            .single()

setProfile(newProfileData)
          setReferralLink(
            `${typeof window !== "undefined" ? window.location.origin : ""}/signup?ref=${newProfileData.username}`,
          )
        } else {
          // Use the first profile if multiple exist
          const userProfile = {
            ...profileData[0],
            completed_tasks: profileData[0].completed_tasks || 0,
            total_earnings: profileData[0].total_earnings || 0,
            referral_count: profileData[0].referral_count || 0,
            is_active: profileData[0].is_active || false,
          }

setProfile(userProfile)
          setReferralLink(
            `${typeof window !== "undefined" ? window.location.origin : ""}/signup?ref=${userProfile.username}`,
          )
        }

// Get user's name from metadata if available
        const { data: userData } = await supabase.auth.getUser()
        if (userData?.user?.user_metadata?.full_name) {
          setUserName(userData.user.user_metadata.full_name)
        } else {
          setUserName(profileData?.[0]?.username || "User")
        }

setLoading(false)
      } catch (error) {
        console.error("Error in dashboard:", error)
        setLoading(false)
      }
    }

checkUser()
  }, [router])

useEffect(() => {
    setInviteReferralsUserId(profile?.id || null)
    setInviteReferralsCampaignId(process.env.NEXT_PUBLIC_INVITE_REFERRALS_CAMPAIGN_ID || null)
  }, [profile])

const copyReferralLink = () => {
    navigator.clipboard.writeText(referralLink)
    alert("Referral link copied to clipboard!")
  }

if (loading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="mb-8 animate-fade-in">
        <h1 className="text-4xl font-bold text-gradient">Welcome, {userName}</h1>
        <p className="text-muted-foreground">Here's an overview of your activity and earnings</p>
      </div>

{!profile?.is_active && (
        <Alert className="mb-6 bg-yellow-50 border-yellow-200 animate-slide-up">
          <AlertCircle className="h-4 w-4 text-yellow-600" />
          <AlertDescription className="text-yellow-700">
            Your account is not activated yet. You need to deposit at least 50৳ to activate your account.
            <Link href="/deposit" className="ml-2 text-primary underline">
              Deposit now
            </Link>
          </AlertDescription>
        </Alert>
      )}

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
        <Card className="hover-lift animate-slide-up delay-100">
          <CardHeader className="pb-2">
            <CardTitle className="text-sm font-medium text-muted-foreground">Balance</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="flex items-center">
              <DollarSign className="h-4 w-4 text-primary mr-2" />
              <span className="text-2xl font-bold text-gradient">{profile?.balance.toFixed(2)}৳</span>
            </div>
            <p className="text-xs text-muted-foreground mt-1">Available for withdrawal</p>
          </CardContent>
        </Card>

<Card className="hover-lift animate-slide-up delay-200">
          <CardHeader className="pb-2">
            <CardTitle className="text-sm font-medium text-muted-foreground">Tasks Completed</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="flex items-center">
              <BarChart2 className="h-4 w-4 text-primary mr-2" />
              <span className="text-2xl font-bold text-gradient">{profile?.completed_tasks || 0}</span>
            </div>
            <p className="text-xs text-muted-foreground mt-1">Total tasks completed</p>
          </CardContent>
        </Card>

<Card className="hover-lift animate-slide-up delay-300">
          <CardHeader className="pb-2">
            <CardTitle className="text-sm font-medium text-muted-foreground">Total Earnings</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="flex items-center">
              <Award className="h-4 w-4 text-primary mr-2" />
              <span className="text-2xl font-bold text-gradient">{profile?.total_earnings?.toFixed(2) || "0.00"}৳</span>
            </div>
            <p className="text-xs text-muted-foreground mt-1">Lifetime earnings</p>
          </CardContent>
        </Card>

<Card className="hover-lift animate-slide-up delay-400">
          <CardHeader className="pb-2">
            <CardTitle className="text-sm font-medium text-muted-foreground">Referrals</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="flex items-center">
              <Users className="h-4 w-4 text-primary mr-2" />
              <span className="text-2xl font-bold text-gradient">{profile?.referral_count || 0}</span>
            </div>
            <p className="text-xs text-muted-foreground mt-1">People you've referred</p>
          </CardContent>
        </Card>
      </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
        <Card className="hover-lift animate-slide-in-left">
          <CardHeader>
            <CardTitle className="text-gradient">Quick Actions</CardTitle>
            <CardDescription>Get started with these common tasks</CardDescription>
          </CardHeader>
          <CardContent className="grid grid-cols-2 gap-4">
            <Link href="/tasks">
              <Button variant="outline" className="w-full justify-start hover-scale" disabled={!profile?.is_active}>
                <BarChart2 className="h-4 w-4 mr-2" />
                View Tasks
              </Button>
            </Link>
            <Link href="/referrals">
              <Button variant="outline" className="w-full justify-start hover-scale">
                <Users className="h-4 w-4 mr-2" />
                Refer Friends
              </Button>
            </Link>
            <Link href="/deposit">
              <Button variant="outline" className="w-full justify-start hover-scale">
                <DollarSign className="h-4 w-4 mr-2" />
                Deposit
              </Button>
            </Link>
            <Link href="/withdraw">
              <Button variant="outline" className="w-full justify-start hover-scale" disabled={!profile?.is_active}>
                <DollarSign className="h-4 w-4 mr-2" />
                Withdraw
              </Button>
            </Link>
          </CardContent>
        </Card>

{inviteReferralsUserId && inviteReferralsCampaignId && (
          <InviteReferralsStats
            userId={inviteReferralsUserId}
            username={profile?.username || ""}
            campaignId={inviteReferralsCampaignId}
          />
        )}
      </div>
    </div>
  )
}
[V0_FILE]sql:file="supabase/schema.sql" isEdit="true" isMerged="true"
-- Create tables for RIT Earn Hub

-- Profiles table to store user information
CREATE TABLE profiles (
  id UUID REFERENCES auth.users ON DELETE CASCADE PRIMARY KEY,
  username TEXT UNIQUE NOT NULL,
  full_name TEXT,
  email TEXT UNIQUE,
  balance DECIMAL(10, 2) DEFAULT 0,
  referral_code TEXT UNIQUE,
  referred_by UUID REFERENCES profiles(id),
  referral_count INTEGER DEFAULT 0,
  referral_earnings DECIMAL(10, 2) DEFAULT 0,
  total_earnings DECIMAL(10, 2) DEFAULT 0,
  completed_tasks INTEGER DEFAULT 0,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  invite_referrals_id TEXT
);

-- Tasks table to store available tasks
CREATE TABLE tasks (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  title TEXT NOT NULL,
  description TEXT,
  reward DECIMAL(10, 2) NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- User tasks table to track task completion
CREATE TABLE user_tasks (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  user_id UUID REFERENCES profiles(id) ON DELETE CASCADE,
  task_id UUID REFERENCES tasks(id) ON DELETE CASCADE,
  status TEXT DEFAULT 'available', -- available, pending, completed
  started_at TIMESTAMP WITH TIME ZONE,
  completed_at TIMESTAMP WITH TIME ZONE,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(user_id, task_id)
);

-- Referrals table to track referrals
CREATE TABLE referrals (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  referrer_id UUID REFERENCES profiles(id) ON DELETE CASCADE,
  referred_id UUID REFERENCES profiles(id) ON DELETE CASCADE,
  reward DECIMAL(10, 2) DEFAULT 5.00,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  UNIQUE(referred_id),
  invite_referrals_status TEXT
);

-- Deposits table to track deposits
CREATE TABLE deposits (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  user_id UUID REFERENCES profiles(id) ON DELETE CASCADE,
  amount DECIMAL(10, 2) NOT NULL,
  payment_method TEXT NOT NULL,
  transaction_id TEXT NOT NULL,
  phone_number TEXT NOT NULL,
  status TEXT DEFAULT 'pending', -- pending, completed, failed
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Withdrawals table to track withdrawals
CREATE TABLE withdrawals (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  user_id UUID REFERENCES profiles(id) ON DELETE CASCADE,
  amount DECIMAL(10, 2) NOT NULL,
  payment_method TEXT NOT NULL,
  phone_number TEXT NOT NULL,
  status TEXT DEFAULT 'pending', -- pending, completed, failed
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- User activity log table
CREATE TABLE activity_log (
  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
  user_id UUID REFERENCES profiles(id) ON DELETE CASCADE,
  activity_type TEXT NOT NULL, -- login, signup, task_completed, referral, deposit, withdrawal
  description TEXT,
  metadata JSONB,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

-- Function to handle task completion and update user balance
CREATE OR REPLACE FUNCTION complete_task(user_id UUID, reward_amount DECIMAL)
RETURNS void AS $$
DECLARE
  referrer_id UUID;
  referral_reward DECIMAL := reward_amount * 0.1; -- 10% of task reward goes to referrer
BEGIN
  -- Update user balance and stats
  UPDATE profiles
  SET 
    balance = balance + reward_amount,
    total_earnings = total_earnings + reward_amount,
    completed_tasks = completed_tasks + 1
  WHERE id = user_id;
  
  -- Log the activity
  INSERT INTO activity_log (user_id, activity_type, description, metadata)
  VALUES (
    user_id, 
    'task_completed', 
    'Completed a task and earned reward', 
    jsonb_build_object('reward', reward_amount)
  );
  
  -- Check if user was referred by someone
  SELECT referred_by INTO referrer_id FROM profiles WHERE id = user_id;
  
  -- If user was referred, reward the referrer
  IF referrer_id IS NOT NULL THEN
    UPDATE profiles
    SET 
      balance = balance + referral_reward,
      referral_earnings = referral_earnings + referral_reward,
      total_earnings = total_earnings + referral_reward
    WHERE id = referrer_id;
    
    -- Log the referral reward activity
    INSERT INTO activity_log (user_id, activity_type, description, metadata)
    VALUES (
      referrer_id, 
      'referral_reward', 
      'Earned reward from referred user completing a task', 
      jsonb_build_object('referred_user_id', user_id, 'reward', referral_reward)
    );
  END IF;
END;
$$ LANGUAGE plpgsql;

-- Function to generate a unique referral code
CREATE OR REPLACE FUNCTION generate_referral_code(user_id UUID)
RETURNS TEXT AS $$
DECLARE
  new_code TEXT;
  code_exists BOOLEAN;
BEGIN
  LOOP
    -- Generate a referral code with format RAFIT + first 8 chars of user_id + 4 random chars
    new_code := 'RAFIT' || SUBSTRING(user_id::TEXT, 1, 8) || UPPER(SUBSTRING(MD5(random()::TEXT) FROM 1 FOR 4));
    
    -- Check if code already exists
    SELECT EXISTS(SELECT 1 FROM profiles WHERE referral_code = new_code) INTO code_exists;
    
    -- Exit loop if code is unique
    EXIT WHEN NOT code_exists;
  END LOOP;
  
  RETURN new_code;
END;
$$ LANGUAGE plpgsql;

-- Create a secure RLS policy
ALTER TABLE profiles ENABLE ROW LEVEL SECURITY;
ALTER TABLE user_tasks ENABLE ROW LEVEL SECURITY;
ALTER TABLE referrals ENABLE ROW LEVEL SECURITY;
ALTER TABLE deposits ENABLE ROW LEVEL SECURITY;
ALTER TABLE withdrawals ENABLE ROW LEVEL SECURITY;
ALTER TABLE activity_log ENABLE ROW LEVEL SECURITY;

-- Profiles policies
CREATE POLICY "Users can view their own profile" 
  ON profiles FOR SELECT 
  USING (auth.uid() = id);

CREATE POLICY "Users can update their own profile" 
  ON profiles FOR UPDATE 
  USING (auth.uid() = id);

-- User tasks policies
CREATE POLICY "Users can view their own tasks" 
  ON user_tasks FOR SELECT 
  USING (auth.uid() = user_id);

CREATE POLICY "Users can insert their own tasks" 
  ON user_tasks FOR INSERT 
  WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can update their own tasks" 
  ON user_tasks FOR UPDATE 
  USING (auth.uid() = user_id);

-- Referrals policies
CREATE POLICY "Users can view their own referrals" 
  ON referrals FOR SELECT 
  USING (auth.uid() = referrer_id);

-- Deposits policies
CREATE POLICY "Users can view their own deposits" 
  ON deposits FOR SELECT 
  USING (auth.uid() = user_id);

CREATE POLICY "Users can insert their own deposits" 
  ON deposits FOR INSERT 
  WITH CHECK (auth.uid() = user_id);

-- Withdrawals policies
CREATE POLICY "Users can view their own withdrawals" 
  ON withdrawals FOR SELECT 
  USING (auth.uid() = user_id);

CREATE POLICY "Users can insert their own withdrawals" 
  ON withdrawals FOR INSERT 
  WITH CHECK (auth.uid() = user_id);

-- Activity log policies
CREATE POLICY "Users can view their own activity" 
  ON activity_log FOR SELECT 
  USING (auth.uid() = user_id);

-- Allow public access to tasks table
ALTER TABLE tasks ENABLE ROW LEVEL SECURITY;
CREATE POLICY "Anyone can view tasks" 
  ON tasks FOR SELECT 
  USING (true);

-- Create some sample tasks
INSERT INTO tasks (title, description, reward) VALUES
('Complete your profile', 'Fill out all your profile information including a profile picture.', 5.00),
('Share on Facebook', 'Share our platform on your Facebook profile and provide a screenshot.', 10.00),
('Watch a tutorial video', 'Watch our complete tutorial video about how to use the platform.', 3.00),
('Complete a survey', 'Fill out a short survey about your experience with our platform.', 7.50),
('Invite 5 friends', 'Get 5 friends to sign up using your referral link.', 15.00);

-- Create trigger for new user signup
CREATE OR REPLACE FUNCTION public.handle_new_user() 
RETURNS TRIGGER AS $
BEGIN
  INSERT INTO public.profiles (id, username, full_name, email, referral_code)
  VALUES (
    new.id, 
    new.raw_user_meta_data->>'username', 
    new.raw_user_meta_data->>'full_name', 
    new.email, 
    generate_referral_code(new.id)
  );
  
  -- Log the signup activity
  INSERT INTO activity_log (user_id, activity_type, description)
  VALUES (new.id, 'signup', 'User signed up');
  
  RETURN new;
END;
$ LANGUAGE plpgsql SECURITY DEFINER;

CREATE TRIGGER on_auth_user_created
  AFTER INSERT ON auth.users
  FOR EACH ROW EXECUTE PROCEDURE public.handle_new_user();

-- Create trigger for logging user login
CREATE OR REPLACE FUNCTION public.handle_user_login() 
RETURNS TRIGGER AS $
BEGIN
  INSERT INTO activity_log (user_id, activity_type, description)
  VALUES (new.id, 'login', 'User logged in');
  
  RETURN new;
END;
$ LANGUAGE plpgsql SECURITY DEFINER;

CREATE TRIGGER on_auth_user_login
  AFTER UPDATE OF last_sign_in_at ON auth.users
  FOR EACH ROW EXECUTE PROCEDURE public.handle_user_login();
[V0_FILE]typescriptreact:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true"
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 263 70% 50%;
    --primary-foreground: 210 40% 98%;
    --secondary: 291 64% 42%;
    --secondary-foreground: 210 40% 98%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 191 97% 77%;
    --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: 263 70% 50%;
    --radius: 0.5rem;
  }

.dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 263 70% 50%;
    --primary-foreground: 210 40% 98%;
    --secondary: 291 64% 42%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 191 97% 77%;
    --accent-foreground: 222.2 47.4% 11.2%;
    --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: 263 70% 50%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground font-sans;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-heading font-bold;
  }
}

/* Custom animations */
@layer utilities {
  .animate-fade-in {
    animation: fadeIn 0.5s ease-in-out;
  }

.animate-slide-up {
    animation: slideUp 0.5s ease-out;
  }

.animate-slide-in-right {
    animation: slideInRight 0.5s ease-out;
  }

.animate-slide-in-left {
    animation: slideInLeft 0.5s ease-out;
  }

.animate-bounce-in {
    animation: bounceIn 0.6s cubic-bezier(0.215, 0.61, 0.355, 1.0);
  }

.animate-pulse-subtle {
    animation: pulseSlow 3s infinite;
  }

.hover-scale {
    transition: transform 0.3s ease;
  }

.hover-scale:hover {
    transform: scale(1.03);
  }

.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
  }
}

/* Animation keyframes */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideInRight {
  from {
    transform: translateX(30px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    transform: translateX(-30px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes bounceIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  60% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes pulseSlow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

/* Staggered animation delays */
.delay-100 {
  animation-delay: 100ms;
}
.delay-200 {
  animation-delay: 200ms;
}
.delay-300 {
  animation-delay: 300ms;
}
.delay-400 {
  animation-delay: 400ms;
}
.delay-500 {
  animation-delay: 500ms;
}

/* Text gradient effect */
.text-gradient {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-pink-500;
}

.text-gradient-success {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-green-500 to-teal-400;
}

.text-gradient-warning {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-amber-500 to-orange-400;
}
[V0_FILE]typescriptreact:file="tailwind.config.ts" isEdit="true" isQuickEdit="true" isMerged="true"
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: {
      fontFamily: {
        sans: ["var(--font-poppins)", "system-ui", "sans-serif"],
        heading: ["var(--font-montserrat)", "var(--font-poppins)", "system-ui", "sans-serif"],
      },
      colors: {
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        primary: {
          DEFAULT: "hsl(var(--primary))",
          foreground: "hsl(var(--primary-foreground))",
          50: "#f3eeff",
          100: "#e5ddff",
          200: "#cbbcff",
          300: "#b18dff",
          400: "#9a5fff",
          500: "#8833ff",
          600: "#7714f5",
          700: "#6610d8",
          800: "#5511af",
          900: "#47128d",
        },
        secondary: {
          DEFAULT: "hsl(var(--secondary))",
          foreground: "hsl(var(--secondary-foreground))",
          50: "#faf0fc",
          100: "#f5e1f7",
          200: "#ebc3f1",
          300: "#db95e5",
          400: "#c75cd5",
          500: "#b33bc0",
          600: "#9a28a4",
          700: "#7e2085",
          800: "#681d6c",
          900: "#571c5a",
        },
        accent: {
          DEFAULT: "hsl(var(--accent))",
          foreground: "hsl(var(--accent-foreground))",
          50: "#eafffe",
          100: "#c9fffd",
          200: "#9bfcfc",
          300: "#5df5f9",
          400: "#24e3ee",
          500: "#0cc7d3",
          600: "#0aa0af",
          700: "#0f808d",
          800: "#146773",
          900: "#155662",
        },
        destructive: {
          DEFAULT: "hsl(var(--destructive))",
          foreground: "hsl(var(--destructive-foreground))",
        },
        muted: {
          DEFAULT: "hsl(var(--muted))",
          foreground: "hsl(var(--muted-foreground))",
        },
        popover: {
          DEFAULT: "hsl(var(--popover))",
          foreground: "hsl(var(--popover-foreground))",
        },
        card: {
          DEFAULT: "hsl(var(--card))",
          foreground: "hsl(var(--card-foreground))",
        },
      },
      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" },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
} satisfies Config

export default config
[V0_FILE]typescriptreact:file="components/auth-layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import type React from "react"
import Link from "next/link"

interface AuthLayoutProps {
  children: React.ReactNode
  title: string
  subtitle: string
  alternateLink: {
    text: string
    href: string
    label: string
  }
}

export default function AuthLayout({ children, title, subtitle, alternateLink }: AuthLayoutProps) {
  return (
    <div className="min-h-screen flex flex-col md:flex-row">
      {/* Left side - Branding and graphics */}
      <div className="bg-gradient-to-br from-primary-600 via-primary-700 to-secondary-700 text-white md:w-1/2 p-8 flex flex-col justify-between">
        <div>
          <Link href="/" className="flex items-center gap-2 mb-6">
            <img src="/logo.png" alt="Rafit IT Zone" className="w-10 h-10 object-contain" />
            <span className="text-xl font-bold">Rafit IT Zone Earn</span>
          </Link>

<h1 className="text-4xl font-bold mb-4 animate-fade-in">Welcome to Rafit IT Zone Earn</h1>
          <p className="text-xl animate-slide-up delay-100">Complete tasks, earn rewards, and grow your income.</p>

<div className="mt-8 p-4 bg-white/10 backdrop-blur-sm rounded-lg animate-slide-up delay-200">
            <p className="text-white/90 font-medium">Join our community of earners and start making money today!</p>
          </div>
        </div>

{/* Right side - Form */}
      <div className="md:w-1/2 p-8 flex items-center justify-center">
        <div className="w-full max-w-md">
          <div className="text-center mb-8">
            <h2 className="text-3xl font-bold text-gray-900">{title}</h2>
            <p className="mt-2 text-gray-600">{subtitle}</p>
          </div>

{children}

<div className="text-center mt-8">
            <p className="text-sm text-gray-600">
              {alternateLink.text}{" "}
              <Link
                href={alternateLink.href}
                className="font-medium text-primary hover:text-primary-700 transition-colors"
              >
                {alternateLink.label}
              </Link>
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/navbar.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import { useRouter, usePathname } from "next/navigation"
import { supabase } from "@/lib/supabase"
import { Button } from "@/components/ui/button"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { Menu, User, LogOut, MessageSquare } from "lucide-react"
import Image from "next/image"

export default function Navbar() {
  const router = useRouter()
  const pathname = usePathname()
  const [isOpen, setIsOpen] = useState(false)
  const [user, setUser] = useState<any>(null)
  const [loading, setLoading] = useState(true)

useEffect(() => {
    const checkUser = async () => {
      const {
        data: { session },
      } = await supabase.auth.getSession()

if (session) {
        const { data } = await supabase.from("profiles").select("*").eq("id", session.user.id).single()
        setUser(data)
      }
      setLoading(false)
    }

checkUser()

const { data: authListener } = supabase.auth.onAuthStateChange(async (event, session) => {
      if (session) {
        const { data } = await supabase.from("profiles").select("*").eq("id", session.user.id).single()
        setUser(data)
      } else {
        setUser(null)
      }
      setLoading(false)
    })

return () => {
      authListener.subscription.unsubscribe()
    }
  }, [])

const handleLogout = async () => {
    await supabase.auth.signOut()
    router.push("/login")
  }

const navItems = [
    { name: "Dashboard", href: "/dashboard" },
    { name: "Tasks", href: "/tasks" },
    { name: "Earnings", href: "/earnings" },
    { name: "Referrals", href: "/referrals" },
    { name: "Deposit", href: "/deposit" },
    { name: "Withdraw", href: "/withdraw" },
    { name: "Contact", href: "/contact" },
  ]

return (
    <header className="bg-white border-b border-gray-200 sticky top-0 z-40">
      <div className="container mx-auto px-4">
        <div className="flex h-16 items-center justify-between">
          <div className="flex items-center">
            <Link href="/dashboard" className="flex items-center space-x-2">
              <div className="relative w-8 h-8">
                <Image src="/logo.png" alt="RIT Earn Hub" fill className="object-contain" />
              </div>
              <span className="text-xl font-bold text-primary">RIT Earn Hub</span>
            </Link>
          </div>

{/* Desktop Navigation */}
          <nav className="hidden md:flex items-center space-x-4">
            {navItems.map((item) => (
              <Link
                key={item.href}
                href={item.href}
                className={`px-3 py-2 text-sm font-medium rounded-md transition-colors ${
                  pathname === item.href
                    ? "bg-primary/10 text-primary-600 font-semibold"
                    : "text-gray-600 hover:bg-gray-100 hover:text-primary-700"
                }`}
              >
                {item.name}
              </Link>
            ))}
          </nav>

<div className="flex items-center">
            {!loading && user && (
              <div className="hidden md:flex items-center space-x-4">
                <div className="text-sm font-medium text-gray-700">
                  <span className="text-gray-500">Balance:</span>{" "}
                  <span className="text-primary-600 font-semibold">{user.balance?.toFixed(2) || "0.00"}৳</span>
                </div>
                <DropdownMenu>
                  <DropdownMenuTrigger asChild>
                    <Button variant="ghost" className="relative h-8 w-8 rounded-full">
                      <div className="flex h-full w-full items-center justify-center rounded-full bg-primary-100 text-primary-600">
                        <User className="h-4 w-4" />
                      </div>
                    </Button>
                  </DropdownMenuTrigger>
                  <DropdownMenuContent align="end" className="w-56">
                    <div className="flex items-center justify-start gap-2 p-2">
                      <div className="flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-primary">
                        <User className="h-4 w-4" />
                      </div>
                      <div className="flex flex-col space-y-0.5">
                        <p className="text-sm font-medium">{user.username || user.email}</p>
                        <p className="text-xs text-muted-foreground">{user.email}</p>
                      </div>
                    </div>
                    <DropdownMenuSeparator />
                    <DropdownMenuItem asChild>
                      <Link href="/profile" className="cursor-pointer">
                        Profile
                      </Link>
                    </DropdownMenuItem>
                    <DropdownMenuItem asChild>
                      <Link href="/activity" className="cursor-pointer">
                        Activity
                      </Link>
                    </DropdownMenuItem>
                    <DropdownMenuItem asChild>
                      <Link href="/settings" className="cursor-pointer">
                        Settings
                      </Link>
                    </DropdownMenuItem>
                    <DropdownMenuItem asChild>
                      <Link href="/contact" className="cursor-pointer">
                        Contact Support
                      </Link>
                    </DropdownMenuItem>
                    <DropdownMenuItem asChild>
                      <Link href="/developer" className="cursor-pointer flex items-center">
                        <MessageSquare className="h-4 w-4 mr-2" />
                        Contact Developer
                      </Link>
                    </DropdownMenuItem>
                    <DropdownMenuSeparator />
                    <DropdownMenuItem onClick={handleLogout} className="text-red-600 cursor-pointer">
                      <LogOut className="h-4 w-4 mr-2" />
                      Logout
                    </DropdownMenuItem>
                  </DropdownMenuContent>
                </DropdownMenu>
              </div>
            )}

{!loading && !user && (
              <div className="hidden md:flex space-x-4">
                <Button variant="outline" asChild>
                  <Link href="/login">Login</Link>
                </Button>
                <Button asChild>
                  <Link href="/signup">Sign Up</Link>
                </Button>
              </div>
            )}

{/* Mobile menu button */}
            <div className="md:hidden">
              <Button variant="ghost" size="icon" onClick={() => setIsOpen(!isOpen)}>
                <Menu className="h-6 w-6" />
              </Button>
            </div>
          </div>
        </div>

{/* Mobile Navigation */}
        {isOpen && (
          <div className="md:hidden py-2 pb-4">
            <div className="space-y-1">
              {navItems.map((item) => (
                <Link
                  key={item.href}
                  href={item.href}
                  className={`block px-3 py-2 text-base font-medium rounded-md ${
                    pathname === item.href
                      ? "bg-primary/10 text-primary"
                      : "text-gray-600 hover:bg-gray-100 hover:text-gray-900"
                  }`}
                  onClick={() => setIsOpen(false)}
                >
                  {item.name}
                </Link>
              ))}

{user && (
                <>
                  <div className="px-3 py-2 text-sm font-medium text-gray-700 border-t border-gray-200 mt-2 pt-2">
                    <span className="text-gray-500">Balance:</span> {user.balance?.toFixed(2) || "0.00"}৳
                  </div>
                  <Link
                    href="/profile"
                    className="block px-3 py-2 text-base font-medium text-gray-600 hover:bg-gray-100 hover:text-gray-900"
                    onClick={() => setIsOpen(false)}
                  >
                    Profile
                  </Link>
                  <Link
                    href="/developer"
                    className="block px-3 py-2 text-base font-medium text-gray-600 hover:bg-gray-100 hover:text-gray-900"
                    onClick={() => setIsOpen(false)}
                  >
                    Contact Developer
                  </Link>
                  <button
                    onClick={() => {
                      handleLogout()
                      setIsOpen(false)
                    }}
                    className="block w-full text-left px-3 py-2 text-base font-medium text-red-600 hover:bg-gray-100"
                  >
                    <LogOut className="h-4 w-4 inline mr-2" />
                    Logout
                  </button>
                </>
              )}

{!user && (
                <div className="flex flex-col space-y-2 px-3 pt-2 border-t border-gray-200 mt-2">
                  <Button asChild>
                    <Link href="/login" onClick={() => setIsOpen(false)}>
                      Login
                    </Link>
                  </Button>
                  <Button variant="outline" asChild>
                    <Link href="/signup" onClick={() => setIsOpen(false)}>
                      Sign Up
                    </Link>
                  </Button>
                </div>
              )}
            </div>
          </div>
        )}
      </div>
    </header>
  )
}
[V0_FILE]typescriptreact:file="components/admin-navbar.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import { usePathname } from "next/navigation"
import { Button } from "@/components/ui/button"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { Menu, User, LogOut, Home, BarChart2, Users, Settings, FileText, DollarSign, MessageSquare } from "lucide-react"

export default function AdminNavbar() {
  const pathname = usePathname()
  const [userName, setUserName] = useState("")
  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)

useEffect(() => {
    const checkAdmin = () => {
      // Check if admin is authenticated via localStorage
      const adminAuthenticated = localStorage.getItem("adminAuthenticated") === "true"
      const adminEmail = localStorage.getItem("adminEmail")

if (adminAuthenticated && adminEmail) {
        setUserName(adminEmail.split("@")[0] || "Admin")
      } else {
        setUserName("Admin")
      }
    }

checkAdmin()
  }, [])

const handleLogout = () => {
    // Clear admin authentication
    localStorage.removeItem("adminAuthenticated")
    localStorage.removeItem("adminEmail")
    window.location.href = "/"
  }

const navItems = [
    { name: "Dashboard", href: "/admin", icon: <Home className="h-5 w-5 mr-2" /> },
    { name: "Users", href: "/admin/users", icon: <Users className="h-5 w-5 mr-2" /> },
    { name: "Tasks", href: "/admin/tasks", icon: <FileText className="h-5 w-5 mr-2" /> },
    { name: "Transactions", href: "/admin/transactions", icon: <DollarSign className="h-5 w-5 mr-2" /> },
    { name: "Statistics", href: "/admin/stats", icon: <BarChart2 className="h-5 w-5 mr-2" /> },
    { name: "Telegram Bot", href: "/admin/setup-telegram-bot", icon: <MessageSquare className="h-5 w-5 mr-2" /> },
    { name: "Settings", href: "/admin/settings", icon: <Settings className="h-5 w-5 mr-2" /> },
    { name: "Fix Deposits", href: "/admin/fix-deposits", icon: <DollarSign className="h-5 w-5 mr-2" /> },
    { name: "Analytics", href: "/admin/analytics", icon: <BarChart2 className="h-5 w-5 mr-2" /> },
  ]

return (
    <header className="bg-gradient-to-r from-primary-700 to-secondary-700 text-primary-foreground sticky top-0 z-50">
      <div className="container mx-auto px-4">
        <div className="flex h-16 items-center justify-between">
          <div className="flex items-center space-x-2">
            <Link href="/admin" className="flex items-center space-x-2">
              <img src="/images/logo.png" alt="RIT Earn Hub Logo" className="h-8 w-8 rounded-full" />
              <span className="text-xl font-bold">RIT Admin Panel</span>
            </Link>
          </div>

{/* Desktop Navigation */}
          <nav className="hidden md:flex items-center space-x-4">
            {navItems.map((item) => (
              <Link
                key={item.href}
                href={item.href}
                className={`flex items-center px-3 py-2 rounded-md text-sm font-medium transition-colors ${
                  pathname === item.href
                    ? "bg-white/20 backdrop-blur-sm text-white font-semibold"
                    : "text-primary-foreground hover:bg-white/10"
                }`}
              >
                {item.icon}
                {item.name}
              </Link>
            ))}

<DropdownMenu>
              <DropdownMenuTrigger asChild>
                <Button
                  variant="outline"
                  className="bg-white/20 backdrop-blur-sm text-white border-white/30 hover:bg-white/30"
                >
                  <User className="h-4 w-4 mr-2" />
                  {userName || "Admin"}
                </Button>
              </DropdownMenuTrigger>
              <DropdownMenuContent align="end">
                <DropdownMenuItem>
                  <Link href="/dashboard">View User Dashboard</Link>
                </DropdownMenuItem>
                <DropdownMenuItem>
                  <Link href="/profile">Profile</Link>
                </DropdownMenuItem>
                <DropdownMenuSeparator />
                <DropdownMenuItem onClick={handleLogout} className="text-red-500 cursor-pointer">
                  <LogOut className="h-4 w-4 mr-2" />
                  Logout
                </DropdownMenuItem>
              </DropdownMenuContent>
            </DropdownMenu>
          </nav>

{/* Mobile Menu Button */}
          <div className="md:hidden">
            <Button
              variant="outline"
              size="icon"
              onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
              className="bg-primary-foreground text-primary"
            >
              <Menu className="h-6 w-6" />
            </Button>
          </div>
        </div>

{/* Mobile Navigation */}
        {isMobileMenuOpen && (
          <div className="md:hidden py-2 pb-4">
            <div className="px-2 pt-2 pb-3 space-y-1">
              {navItems.map((item) => (
                <Link
                  key={item.href}
                  href={item.href}
                  className={`flex items-center px-3 py-2 rounded-md text-sm font-medium ${
                    pathname === item.href
                      ? "bg-primary-foreground text-primary"
                      : "text-primary-foreground hover:bg-primary-foreground/10"
                  }`}
                  onClick={() => setIsMobileMenuOpen(false)}
                >
                  {item.icon}
                  {item.name}
                </Link>
              ))}
              <Link
                href="/dashboard"
                className="flex items-center px-3 py-2 rounded-md text-sm font-medium text-primary-foreground hover:bg-primary-foreground/10"
                onClick={() => setIsMobileMenuOpen(false)}
              >
                <Home className="h-5 w-5 mr-2" />
                User Dashboard
              </Link>
              <button
                onClick={handleLogout}
                className="flex w-full items-center px-3 py-2 rounded-md text-sm font-medium text-red-500 hover:bg-primary-foreground/10"
              >
                <LogOut className="h-5 w-5 mr-2" />
                Logout
              </button>
            </div>
          </div>
        )}
      </div>
    </header>
  )
}
[V0_FILE]typescriptreact:file="components/invite-referrals-stats.tsx" isEdit="true" isMerged="true"
"use client"

import { AlertDescription, Alert, AlertTitle } from "@/components/ui/alert"
import { useEffect, useState } from "react"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Users, Link, UserCheck, RefreshCw } from "lucide-react"
import { Button } from "@/components/ui/button"

interface InviteReferralsStatsProps {
  userId: string
  username: string
  campaignId: string
}

export const InviteReferralsStats = ({ userId, username, campaignId }: InviteReferralsStatsProps) => {
  const [totalReferrals, setTotalReferrals] = useState(0)
  const [totalClicks, setTotalClicks] = useState(0)
  const [totalConversions, setTotalConversions] = useState(0)
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState<string | null>(null)

const fetchStats = async () => {
    setLoading(true)
    setError(null)

try {
      // Use our proxy API route instead of directly calling the InviteReferrals API
      const response = await fetch(`/api/referrals/stats?userId=${userId}&campaignId=${campaignId}`, {
        method: "GET",
        headers: {
          "Content-Type": "application/json",
        },
        cache: "no-store",
      })

if (!response.ok) {
        const errorData = await response.json().catch(() => ({}))
        throw new Error(errorData.error || `Failed to fetch stats: ${response.status}`)
      }

const data = await response.json()

setTotalReferrals(data.total_referrals || 0)
      setTotalClicks(data.total_clicks || 0)
      setTotalConversions(data.total_conversions || 0)
    } catch (error) {
      console.error("Error fetching InviteReferrals stats:", error)
      setError(error.message || "Failed to load InviteReferrals stats")
    } finally {
      setLoading(false)
    }
  }

useEffect(() => {
    if (userId && campaignId) {
      fetchStats()
    }
  }, [userId, campaignId])

return (
    <Card className="hover-lift animate-slide-in-right">
      <CardHeader className="bg-gradient-to-r from-primary/10 to-secondary/10 rounded-t-lg">
        <CardTitle className="text-gradient flex items-center gap-2">
          <Users className="h-5 w-5" />
          Referral Stats
        </CardTitle>
        <CardDescription>Powered by InviteReferrals</CardDescription>
      </CardHeader>
      <CardContent className="pt-6">
        {loading ? (
          <div className="flex justify-center items-center py-8">
            <RefreshCw className="h-8 w-8 text-primary animate-spin" />
          </div>
        ) : error ? (
          <div className="space-y-4">
            <Alert variant="destructive">
              <AlertTitle>Error loading stats</AlertTitle>
              <AlertDescription>{error}</AlertDescription>
            </Alert>
            <Button variant="outline" className="w-full" onClick={fetchStats} disabled={loading}>
              <RefreshCw className="h-4 w-4 mr-2" />
              Retry
            </Button>
          </div>
        ) : (
          <div className="space-y-6">
            <div className="flex items-center justify-between">
              <span className="text-muted-foreground flex items-center">
                <Users className="h-4 w-4 mr-2 text-primary" />
                Total Referrals
              </span>
              <span className="font-bold text-gradient text-xl">{totalReferrals}</span>
            </div>
            <div className="flex items-center justify-between">
              <span className="text-muted-foreground flex items-center">
                <Link className="h-4 w-4 mr-2 text-secondary" />
                Total Clicks
              </span>
              <span className="font-bold text-xl">{totalClicks}</span>
            </div>
            <div className="flex items-center justify-between">
              <span className="text-muted-foreground flex items-center">
                <UserCheck className="h-4 w-4 mr-2 text-accent" />
                Total Conversions
              </span>
              <span className="font-bold text-xl">{totalConversions}</span>
            </div>
          </div>
        )}
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescript:file="app/api/referrals/stats/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"

export async function GET(request: NextRequest) {
  try {
    const searchParams = request.nextUrl.searchParams
    const userId = searchParams.get("userId")
    const campaignId = searchParams.get("campaignId")

if (!userId || !campaignId) {
      return NextResponse.json({ error: "Missing required parameters: userId or campaignId" }, { status: 400 })
    }

const apiKey = process.env.INVITE_REFERRALS_API_KEY
    if (!apiKey) {
      return NextResponse.json({ error: "InviteReferrals API key is not configured" }, { status: 500 })
    }

const apiUrl = `https://www.invitereferrals.com/api/v2/user/stats?api_key=${apiKey}&user_id=${userId}&campaign_id=${campaignId}`

console.log(`Fetching InviteReferrals stats from: ${apiUrl}`)

const response = await fetch(apiUrl, {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        Accept: "application/json",
      },
      cache: "no-store",
    })

if (!response.ok) {
      const errorText = await response.text()
      console.error(`InviteReferrals API error (${response.status}):`, errorText)
      return NextResponse.json({ error: `InviteReferrals API error: ${response.status}` }, { status: response.status })
    }

const data = await response.json()
    console.log("InviteReferrals API response:", data)

return NextResponse.json(data)
  } catch (error) {
    console.error("Error in referrals stats API route:", error)
    return NextResponse.json({ error: error.message || "Internal server error" }, { status: 500 })
  }
}
[V0_FILE]typescript:file="app/api/referrals/generate-link/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { createClient } from "@/lib/supabase"

export async function POST(request: NextRequest) {
  try {
    const { userId, username, email } = await request.json()

if (!userId || !username) {
      return NextResponse.json({ error: "Missing required parameters: userId or username" }, { status: 400 })
    }

const apiKey = process.env.INVITE_REFERRALS_API_KEY
    const campaignId = process.env.INVITE_REFERRALS_CAMPAIGN_ID

if (!apiKey || !campaignId) {
      return NextResponse.json({ error: "InviteReferrals API is not properly configured" }, { status: 500 })
    }

// Create or update user in InviteReferrals
    const createUserUrl = "https://www.invitereferrals.com/api/v2/user/create"
    const createUserResponse = await fetch(createUserUrl, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        api_key: apiKey,
        campaign_id: campaignId,
        user_id: userId,
        username: username,
        email: email || `${username}@example.com`, // Fallback email if not provided
      }),
    })

if (!createUserResponse.ok) {
      const errorText = await createUserResponse.text()
      console.error(`InviteReferrals create user error (${createUserResponse.status}):`, errorText)
      return NextResponse.json(
        { error: `Failed to create user in InviteReferrals: ${createUserResponse.status}` },
        { status: createUserResponse.status },
      )
    }

const createUserData = await createUserResponse.json()
    console.log("InviteReferrals create user response:", createUserData)

// Generate referral link
    const generateLinkUrl = "https://www.invitereferrals.com/api/v2/user/referral-link"
    const generateLinkResponse = await fetch(generateLinkUrl, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        api_key: apiKey,
        campaign_id: campaignId,
        user_id: userId,
      }),
    })

if (!generateLinkResponse.ok) {
      const errorText = await generateLinkResponse.text()
      console.error(`InviteReferrals generate link error (${generateLinkResponse.status}):`, errorText)
      return NextResponse.json(
        { error: `Failed to generate referral link: ${generateLinkResponse.status}` },
        { status: generateLinkResponse.status },
      )
    }

const linkData = await generateLinkResponse.json()
    console.log("InviteReferrals generate link response:", linkData)

// Store the referral link in the user's profile
    const supabase = createClient()
    const { error: updateError } = await supabase
      .from("profiles")
      .update({
        invite_referrals_link: linkData.referral_link,
        invite_referrals_id: userId,
      })
      .eq("id", userId)

if (updateError) {
      console.error("Error updating profile with referral link:", updateError)
    }

return NextResponse.json({
      success: true,
      referral_link: linkData.referral_link,
      user_id: userId,
    })
  } catch (error) {
    console.error("Error in generate referral link API route:", error)
    return NextResponse.json({ error: error.message || "Internal server error" }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/referrals/page.tsx" isEdit="true" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { createClient } from "@/lib/supabase"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Copy, Share2 } from "lucide-react"
import { InviteReferralsStats } from "@/components/invite-referrals-stats"
import { useToast } from "@/components/ui/use-toast"

export default function ReferralsPage() {
  const [user, setUser] = useState(null)
  const [profile, setProfile] = useState(null)
  const [loading, setLoading] = useState(true)
  const [referralLink, setReferralLink] = useState("")
  const [generating, setGenerating] = useState(false)
  const { toast } = useToast()
  const campaignId = process.env.NEXT_PUBLIC_INVITE_REFERRALS_CAMPAIGN_ID || ""

useEffect(() => {
    const fetchUserAndProfile = async () => {
      setLoading(true)
      const supabase = createClient()

const {
        data: { session },
      } = await supabase.auth.getSession()

if (!session) {
        window.location.href = "/login"
        return
      }

const { data: userData } = await supabase.auth.getUser()

if (userData?.user) {
        setUser(userData.user)

const { data: profileData } = await supabase.from("profiles").select("*").eq("id", userData.user.id).single()

if (profileData) {
          setProfile(profileData)
          if (profileData.invite_referrals_link) {
            setReferralLink(profileData.invite_referrals_link)
          }
        }
      }

setLoading(false)
    }

fetchUserAndProfile()
  }, [])

const generateReferralLink = async () => {
    if (!user || !profile) return

setGenerating(true)

try {
      const response = await fetch("/api/referrals/generate-link", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          userId: user.id,
          username: profile.username || user.email?.split("@")[0],
          email: user.email,
        }),
      })

if (!response.ok) {
        const error = await response.json()
        throw new Error(error.error || "Failed to generate referral link")
      }

const data = await response.json()
      setReferralLink(data.referral_link)

toast({
        title: "Referral link generated!",
        description: "Your referral link has been created successfully.",
        variant: "success",
      })
    } catch (error) {
      console.error("Error generating referral link:", error)
      toast({
        title: "Error",
        description: error.message || "Failed to generate referral link",
        variant: "destructive",
      })
    } finally {
      setGenerating(false)
    }
  }

const copyToClipboard = () => {
    navigator.clipboard.writeText(referralLink)
    toast({
      title: "Copied!",
      description: "Referral link copied to clipboard",
      variant: "success",
    })
  }

const shareReferralLink = async () => {
    if (navigator.share) {
      try {
        await navigator.share({
          title: "Join RIT Earn Hub",
          text: "Sign up using my referral link and earn rewards!",
          url: referralLink,
        })
        toast({
          title: "Shared!",
          description: "Thanks for sharing your referral link",
          variant: "success",
        })
      } catch (error) {
        console.error("Error sharing:", error)
      }
    } else {
      copyToClipboard()
    }
  }

if (loading) {
    return (
      <div className="container mx-auto py-10">
        <div className="flex justify-center items-center h-64">
          <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-primary"></div>
        </div>
      </div>
    )
  }

return (
    <div className="container mx-auto py-10 px-4 md:px-6">
      <h1 className="text-3xl font-bold mb-8 text-gradient">Referral Program</h1>

<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
        <Card className="hover-lift animate-slide-in-left">
          <CardHeader className="bg-gradient-to-r from-primary/10 to-secondary/10 rounded-t-lg">
            <CardTitle className="text-gradient flex items-center gap-2">
              <Share2 className="h-5 w-5" />
              Your Referral Link
            </CardTitle>
            <CardDescription>Share this link with friends to earn rewards</CardDescription>
          </CardHeader>
          <CardContent className="pt-6">
            {referralLink ? (
              <div className="space-y-4">
                <div className="flex items-center gap-2">
                  <Input value={referralLink} readOnly className="bg-muted/50" />
                  <Button variant="outline" size="icon" onClick={copyToClipboard} className="shrink-0">
                    <Copy className="h-4 w-4" />
                  </Button>
                </div>
                <div className="grid grid-cols-2 gap-4">
                  <Button onClick={copyToClipboard} variant="secondary" className="w-full">
                    <Copy className="h-4 w-4 mr-2" />
                    Copy
                  </Button>
                  <Button onClick={shareReferralLink} className="w-full">
                    <Share2 className="h-4 w-4 mr-2" />
                    Share
                  </Button>
                </div>
              </div>
            ) : (
              <div className="space-y-4">
                <p className="text-muted-foreground">
                  You don't have a referral link yet. Generate one to start earning rewards!
                </p>
                <Button onClick={generateReferralLink} disabled={generating} className="w-full">
                  {generating ? (
                    <>
                      <div className="animate-spin mr-2 h-4 w-4 border-2 border-current border-t-transparent rounded-full"></div>
                      Generating...
                    </>
                  ) : (
                    <>Generate Referral Link</>
                  )}
                </Button>
              </div>
            )}
          </CardContent>
        </Card>

{user && profile && (
          <InviteReferralsStats
            userId={user.id}
            username={profile.username || user.email?.split("@")[0] || ""}
            campaignId={campaignId}
          />
        )}
      </div>

<Card className="mt-8 hover-lift animate-slide-in-bottom">
        <CardHeader className="bg-gradient-to-r from-primary/10 to-secondary/10 rounded-t-lg">
          <CardTitle className="text-gradient">How It Works</CardTitle>
        </CardHeader>
        <CardContent className="pt-6">
          <div className="space-y-6">
            <div className="flex items-start gap-4">
              <div className="bg-primary/10 rounded-full p-2 shrink-0">
                <span className="text-primary font-bold">1</span>
              </div>
              <div>
                <h3 className="font-semibold text-lg">Share Your Link</h3>
                <p className="text-muted-foreground">
                  Share your unique referral link with friends, family, or on social media.
                </p>
              </div>
            </div>

<div className="flex items-start gap-4">
              <div className="bg-secondary/10 rounded-full p-2 shrink-0">
                <span className="text-secondary font-bold">2</span>
              </div>
              <div>
                <h3 className="font-semibold text-lg">Friends Sign Up</h3>
                <p className="text-muted-foreground">
                  When someone clicks your link and creates an account, they become your referral.
                </p>
              </div>
            </div>

<div className="flex items-start gap-4">
              <div className="bg-accent/10 rounded-full p-2 shrink-0">
                <span className="text-accent font-bold">3</span>
              </div>
              <div>
                <h3 className="font-semibold text-lg">Earn Rewards</h3>
                <p className="text-muted-foreground">
                  You'll earn rewards for each successful referral who completes the required actions.
                </p>
              </div>
            </div>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/auth/signup/route.ts" isEdit="true" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { createClient } from "@/lib/supabase"
import { generateUsername } from "@/lib/user-helpers"

export async function POST(request: NextRequest) {
  try {
    const { email, password, referralCode } = await request.json()

if (!email || !password) {
      return NextResponse.json({ error: "Email and password are required" }, { status: 400 })
    }

const supabase = createClient()

// Check if the user already exists
    const { data: existingUser } = await supabase.from("profiles").select("id").eq("email", email).maybeSingle()

if (existingUser) {
      return NextResponse.json({ error: "User with this email already exists" }, { status: 400 })
    }

// Create the user
    const { data: authData, error: authError } = await supabase.auth.signUp({
      email,
      password,
    })

if (authError || !authData.user) {
      console.error("Auth error:", authError)
      return NextResponse.json({ error: authError?.message || "Failed to create user" }, { status: 500 })
    }

const userId = authData.user.id
    const username = generateUsername(email)

// Create the user profile
    const { error: profileError } = await supabase.from("profiles").insert({
      id: userId,
      email: email,
      username: username,
      is_active: false,
      is_admin: false,
      balance: 0,
      created_at: new Date().toISOString(),
    })

if (profileError) {
      console.error("Profile creation error:", profileError)
      return NextResponse.json({ error: "Failed to create user profile" }, { status: 500 })
    }

// Track the referral in InviteReferrals if a referral code was provided
    if (referralCode) {
      try {
        const apiKey = process.env.INVITE_REFERRALS_API_KEY
        const campaignId = process.env.INVITE_REFERRALS_CAMPAIGN_ID

if (apiKey && campaignId) {
          // Extract the referrer's user ID from the referral code
          // This assumes the referral code format from InviteReferrals
          // You may need to adjust this based on your actual referral link format
          const referrerId = extractReferrerId(referralCode)

if (referrerId) {
            // Track the conversion in InviteReferrals
            const trackConversionUrl = "https://www.invitereferrals.com/api/v2/track/conversion"
            await fetch(trackConversionUrl, {
              method: "POST",
              headers: {
                "Content-Type": "application/json",
              },
              body: JSON.stringify({
                api_key: apiKey,
                campaign_id: campaignId,
                user_id: referrerId,
                referred_user_id: userId,
                conversion_type: "signup",
                conversion_value: 1,
              }),
            })

// Store the referrer ID in the user's profile
            await supabase
              .from("profiles")
              .update({
                referred_by: referrerId,
              })
              .eq("id", userId)
          }
        }
      } catch (referralError) {
        console.error("Error tracking referral:", referralError)
        // Don't fail the signup if referral tracking fails
      }
    }

return NextResponse.json({
      success: true,
      message: "User created successfully",
      userId: userId,
    })
  } catch (error) {
    console.error("Signup error:", error)
    return NextResponse.json({ error: error.message || "Internal server error" }, { status: 500 })
  }
}

// Helper function to extract referrer ID from InviteReferrals link
function extractReferrerId(referralCode: string): string | null {
  try {
    // This is a simplified example - adjust based on your actual referral link format
    // Example format: https://invitereferrals.com/r/xxxx?code=user_id_here
    const url = new URL(referralCode)
    const userId = url.searchParams.get("code")
    return userId
  } catch (error) {
    console.error("Error extracting referrer ID:", error)
    return null
  }
}
[V0_FILE]sql:file="supabase/migrations/add_invite_referrals_fields.sql" isMerged="true"
-- Add InviteReferrals fields to profiles table
ALTER TABLE public.profiles
ADD COLUMN IF NOT EXISTS invite_referrals_link TEXT,
ADD COLUMN IF NOT EXISTS invite_referrals_id TEXT,
ADD COLUMN IF NOT EXISTS referred_by TEXT;

-- Create index for faster lookups
CREATE INDEX IF NOT EXISTS idx_profiles_referred_by ON public.profiles(referred_by);

-- Update RLS policies to allow access to these fields
ALTER POLICY "Users can view their own profile" ON public.profiles
USING (auth.uid() = id);

ALTER POLICY "Users can update their own profile" ON public.profiles
USING (auth.uid() = id)
WITH CHECK (auth.uid() = id);

-- Ensure admin users can access all profiles
CREATE POLICY IF NOT EXISTS "Admin users can view all profiles" 
ON public.profiles FOR SELECT 
TO authenticated
USING (
  EXISTS (
    SELECT 1 FROM public.profiles
    WHERE id = auth.uid() AND is_admin = true
  )
);

CREATE POLICY IF NOT EXISTS "Admin users can update all profiles" 
ON public.profiles FOR UPDATE
TO authenticated
USING (
  EXISTS (
    SELECT 1 FROM public.profiles
    WHERE id = auth.uid() AND is_admin = true
  )
)
WITH CHECK (
  EXISTS (
    SELECT 1 FROM public.profiles
    WHERE id = auth.uid() AND is_admin = true
  )
);
[V0_FILE]typescript:file="app/api/admin/fix-invite-referrals-schema/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"
import { createClient } from "@/lib/supabase"

export async function POST(request: NextRequest) {
  try {
    const supabase = createClient()

// Check if the user is an admin
    const {
      data: { session },
    } = await supabase.auth.getSession()
    if (!session) {
      return NextResponse.json({ error: "Not authenticated" }, { status: 401 })
    }

const { data: profile } = await supabase.from("profiles").select("is_admin").eq("id", session.user.id).single()

if (!profile?.is_admin) {
      return NextResponse.json({ error: "Not authorized" }, { status: 403 })
    }

// Execute the SQL migration
    const { data, error } = await supabase.rpc("execute_sql", {
      sql_query: `
        -- Add InviteReferrals fields to profiles table
        ALTER TABLE public.profiles
        ADD COLUMN IF NOT EXISTS invite_referrals_link TEXT,
        ADD COLUMN IF NOT EXISTS invite_referrals_id TEXT,
        ADD COLUMN IF NOT EXISTS referred_by TEXT;
        
        -- Create index for faster lookups
        CREATE INDEX IF NOT EXISTS idx_profiles_referred_by ON public.profiles(referred_by);
        
        -- Update RLS policies to allow access to these fields
        ALTER POLICY "Users can view their own profile" ON public.profiles
        USING (auth.uid() = id);
        
        ALTER POLICY "Users can update their own profile" ON public.profiles
        USING (auth.uid() = id)
        WITH CHECK (auth.uid() = id);
        
        -- Ensure admin users can access all profiles
        CREATE POLICY IF NOT EXISTS "Admin users can view all profiles" 
        ON public.profiles FOR SELECT 
        TO authenticated
        USING (
          EXISTS (
            SELECT 1 FROM public.profiles
            WHERE id = auth.uid() AND is_admin = true
          )
        );
        
        CREATE POLICY IF NOT EXISTS "Admin users can update all profiles" 
        ON public.profiles FOR UPDATE
        TO authenticated
        USING (
          EXISTS (
            SELECT 1 FROM public.profiles
            WHERE id = auth.uid() AND is_admin = true
          )
        )
        WITH CHECK (
          EXISTS (
            SELECT 1 FROM public.profiles
            WHERE id = auth.uid() AND is_admin = true
          )
        );
      `,
    })

if (error) {
      console.error("Error executing SQL:", error)
      return NextResponse.json({ error: "Failed to update database schema" }, { status: 500 })
    }

return NextResponse.json({
      success: true,
      message: "Database schema updated successfully",
    })
  } catch (error) {
    console.error("Error updating schema:", error)
    return NextResponse.json({ error: error.message || "Internal server error" }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="app/admin/fix-invite-referrals-schema/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
import { CheckCircle, Database, RefreshCw } from "lucide-react"

export default function FixInviteReferralsSchemaPage() {
  const [loading, setLoading] = useState(false)
  const [success, setSuccess] = useState(false)
  const [error, setError] = useState<string | null>(null)

const updateSchema = async () => {
    setLoading(true)
    setSuccess(false)
    setError(null)

try {
      const response = await fetch("/api/admin/fix-invite-referrals-schema", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
      })

const data = await response.json()

if (!response.ok) {
        throw new Error(data.error || "Failed to update database schema")
      }

setSuccess(true)
    } catch (err) {
      console.error("Error updating schema:", err)
      setError(err.message || "An error occurred")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="container mx-auto py-10 px-4">
      <h1 className="text-3xl font-bold mb-8 text-gradient">Update InviteReferrals Schema</h1>

<Card className="hover-lift">
        <CardHeader className="bg-gradient-to-r from-primary/10 to-secondary/10 rounded-t-lg">
          <CardTitle className="text-gradient flex items-center gap-2">
            <Database className="h-5 w-5" />
            Database Schema Update
          </CardTitle>
          <CardDescription>Add InviteReferrals fields to the profiles table</CardDescription>
        </CardHeader>
        <CardContent className="pt-6 space-y-6">
          <p>This will update the database schema to add the necessary fields for InviteReferrals integration:</p>

<ul className="list-disc pl-6 space-y-2">
            <li>
              Add <code>invite_referrals_link</code> field to store user's referral link
            </li>
            <li>
              Add <code>invite_referrals_id</code> field to store user's InviteReferrals ID
            </li>
            <li>
              Add <code>referred_by</code> field to track who referred the user
            </li>
            <li>Create indexes for better performance</li>
            <li>Update RLS policies to ensure proper access control</li>
          </ul>

{success && (
            <Alert className="bg-green-50 border-green-200">
              <CheckCircle className="h-4 w-4 text-green-600" />
              <AlertTitle className="text-green-800">Success!</AlertTitle>
              <AlertDescription className="text-green-700">
                Database schema has been updated successfully.
              </AlertDescription>
            </Alert>
          )}

{error && (
            <Alert variant="destructive">
              <AlertTitle>Error</AlertTitle>
              <AlertDescription>{error}</AlertDescription>
            </Alert>
          )}

<Button onClick={updateSchema} disabled={loading || success} className="w-full">
            {loading ? (
              <>
                <RefreshCw className="h-4 w-4 mr-2 animate-spin" />
                Updating Schema...
              </>
            ) : success ? (
              <>
                <CheckCircle className="h-4 w-4 mr-2" />
                Schema Updated
              </>
            ) : (
              <>
                <Database className="h-4 w-4 mr-2" />
                Update Database Schema
              </>
            )}
          </Button>
        </CardContent>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="lib/supabase.ts" isEdit="true" isMerged="true"
import { createClient } from "@supabase/supabase-js"

const supabaseUrl = "https://ndvalchzbaykkwntxwaf.supabase.co"
const supabaseAnonKey =
  "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im5kdmFsY2h6YmF5a2t3bnR4d2FmIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDI1MzEwOTIsImV4cCI6MjA1ODEwNzA5Mn0.a1h-lrECbilUbuZpDkkjnz9GTwRrpvspcXg84-usQyU"

export const supabase = createClient(supabaseUrl, supabaseAnonKey)

// Re-export createClient to fix the missing export error
export { createClient }
[V0_FILE]typescript:file="lib/user-helpers.ts" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
import { createClient } from "@supabase/supabase-js"

/**
 * Ensures a user profile exists in the database.
 * If a profile already exists, it updates the profile.
 * @param userId The user's ID
 * @param profileData The profile data to insert or update
 * @returns A boolean indicating success or failure, and any error message
 */
export async function ensureUserProfile(
  userId: string,
  profileData: {
    username: string
    fullName: string
    email: string
    referralCode: string
    referredBy: string | null
  },
): Promise<{ success: boolean; error?: Error }> {
  try {
    const { username, fullName, email, referralCode, referredBy } = profileData

// Upsert the profile data
    const { error } = await supabaseAdmin.from("profiles").upsert(
      [
        {
          id: userId,
          username: username,
          full_name: fullName,
          email: email,
          referral_code: referralCode,
          referred_by: referredBy,
        },
      ],
      { onConflict: "id", returning: "minimal" },
    )

if (error) {
      console.error("Error creating or updating profile:", error)
      return { success: false, error }
    }

return { success: true }
  } catch (error: any) {
    console.error("Error in ensureUserProfile:", error)
    return { success: false, error: new Error(error.message || "An unexpected error occurred") }
  }
}

/**
 * Generates a username based on email or name
 * @param email User's email
 * @param name Optional name to use instead of email
 * @returns A generated username
 */
export function generateUsername(email: string, name?: string): string {
  // If name is provided, use it as the base for the username
  if (name) {
    // Remove spaces, special characters, and convert to lowercase
    const baseName = name.toLowerCase().replace(/[^a-z0-9]/g, "")

// Add a random number to make it more unique
    const randomSuffix = Math.floor(Math.random() * 1000)
      .toString()
      .padStart(3, "0")
    return `${baseName}${randomSuffix}`
  }

// Otherwise use the email
  // Take the part before @ and remove special characters
  const baseEmail = email
    .split("@")[0]
    .toLowerCase()
    .replace(/[^a-z0-9]/g, "")

// Add a random number to make it more unique
  const randomSuffix = Math.floor(Math.random() * 1000)
    .toString()
    .padStart(3, "0")
  return `${baseEmail}${randomSuffix}`
}
[V0_FILE]typescript:file="app/admin-login/page.tsx" isEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import { createClientComponentClient } from "@supabase/auth-helpers-nextjs"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { LoadingSpinner } from "@/components/loading-spinner"

// Hardcoded admin credentials
const ADMIN_EMAIL = "sheikhrafithasan@gmail.com"
const ADMIN_PASSWORD = "asdfghjkl"

export default function AdminLogin() {
  const router = useRouter()
  const supabase = createClientComponentClient()
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState<string | null>(null)

const handleLogin = async (e: React.FormEvent) => {
    e.preventDefault()
    setLoading(true)
    setError(null)

try {
      // Check for hardcoded admin credentials first
      if (email === ADMIN_EMAIL && password === ADMIN_PASSWORD) {
        console.log("Using hardcoded admin login")
        // Store admin authentication in localStorage
        localStorage.setItem("adminAuthenticated", "true")
        localStorage.setItem("adminEmail", email)

// Redirect to admin dashboard
        router.push("/admin")
        return
      }

// Regular authentication flow
      // Sign in with email and password
      const { data, error: signInError } = await supabase.auth.signInWithPassword({
        email,
        password,
      })

if (signInError) {
        throw new Error(signInError.message)
      }

if (!data.user) {
        throw new Error("No user returned from login")
      }

// Check if user is an admin
      const { data: profile, error: profileError } = await supabase
        .from("profiles")
        .select("is_admin")
        .eq("id", data.user.id)
        .single()

if (profileError) {
        throw new Error("Error fetching user profile")
      }

if (!profile?.is_admin) {
        throw new Error("You do not have admin privileges")
      }

// Store admin authentication in localStorage
      localStorage.setItem("adminAuthenticated", "true")
      localStorage.setItem("adminEmail", email)

// Redirect to admin dashboard
      router.push("/admin")
    } catch (err: any) {
      console.error("Login error:", err)
      setError(err.message || "An error occurred during login")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-purple-100 to-indigo-50 p-4">
      <Card className="w-full max-w-md shadow-lg border-0">
        <CardHeader className="space-y-1 bg-gradient-to-r from-purple-600 to-indigo-600 text-white rounded-t-lg">
          <CardTitle className="text-2xl font-bold">Admin Login</CardTitle>
          <CardDescription className="text-purple-100">
            Enter your credentials to access the admin panel
          </CardDescription>
        </CardHeader>
        <CardContent className="pt-6">
          {error && (
            <Alert variant="destructive" className="mb-4">
              <AlertDescription>{error}</AlertDescription>
            </Alert>
          )}
          <form onSubmit={handleLogin} className="space-y-4">
            <div className="space-y-2">
              <Label htmlFor="email">Email</Label>
              <Input
                id="email"
                type="email"
                placeholder="admin@example.com"
                value={email}
                onChange={(e) => setEmail(e.target.value)}
                required
                className="border-purple-200 focus:border-purple-500"
              />
            </div>
            <div className="space-y-2">
              <Label htmlFor="password">Password</Label>
              <Input
                id="password"
                type="password"
                value={password}
                onChange={(e) => setPassword(e.target.value)}
                required
                className="border-purple-200 focus:border-purple-500"
              />
            </div>
            <Button
              type="submit"
              className="w-full bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700 transition-all duration-300"
              disabled={loading}
            >
              {loading ? <LoadingSpinner size="sm" /> : "Login"}
            </Button>
          </form>
        </CardContent>
        <CardFooter className="flex justify-center border-t border-purple-100 pt-4">
          <p className="text-sm text-muted-foreground">
            Not an admin?{" "}
            <a href="/" className="text-purple-600 hover:text-purple-800 hover:underline">
              Return to main site
            </a>
          </p>
        </CardFooter>
      </Card>
    </div>
  )
}
[V0_FILE]typescript:file="app/api/auth/admin-login/route.ts" isEdit="true" isMerged="true"
import { NextResponse } from "next/server"
import { cookies } from "next/headers"
import { createServerClient } from "@supabase/ssr"
import type { Database } from "@/types/supabase"

// Hardcoded admin credentials
const ADMIN_EMAIL = "sheikhrafithasan@gmail.com"
const ADMIN_PASSWORD = "asdfghjkl"

export async function POST(request: Request) {
  try {
    const { email, password } = await request.json()

// Check for hardcoded admin credentials first
    if (email === ADMIN_EMAIL && password === ADMIN_PASSWORD) {
      return NextResponse.json({
        message: "Admin login successful",
        user: {
          id: "hardcoded-admin-id",
          email: ADMIN_EMAIL,
          role: "admin",
        },
      })
    }

// Create Supabase server client
    const cookieStore = cookies()
    const supabase = createServerClient<Database>(
      process.env.NEXT_PUBLIC_SUPABASE_URL!,
      process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
      {
        cookies: {
          get(name: string) {
            return cookieStore.get(name)?.value
          },
          set(name: string, value: string, options: any) {
            cookieStore.set({ name, value, ...options })
          },
          remove(name: string, options: any) {
            cookieStore.set({ name, value: "", ...options })
          },
        },
      },
    )

// Sign in with email and password
    const { data, error } = await supabase.auth.signInWithPassword({
      email,
      password,
    })

if (error) {
      return NextResponse.json({ error: error.message }, { status: 400 })
    }

// Check if user is an admin
    const { data: userData, error: userError } = await supabase
      .from("users")
      .select("role")
      .eq("id", data.user.id)
      .single()

if (userError) {
      // Sign out if there was an error checking the role
      await supabase.auth.signOut()
      return NextResponse.json({ error: "Authentication failed" }, { status: 401 })
    }

if (userData.role !== "admin") {
      // Sign out if the user is not an admin
      await supabase.auth.signOut()
      return NextResponse.json({ error: "Unauthorized: Admin access required" }, { status: 403 })
    }

return NextResponse.json({
      message: "Admin login successful",
      user: {
        id: data.user.id,
        email: data.user.email,
        role: userData.role,
      },
    })
  } catch (error: any) {
    return NextResponse.json({ error: error.message || "Internal server error" }, { status: 500 })
  }
}
[V0_FILE]typescriptreact:file="components/admin/Header.tsx"
"use client"

import { useState, useEffect } from "react"
import { useRouter } from "next/navigation"
import Link from "next/link"
import { Bell, Menu, Moon, Sun, User } from "lucide-react"
import { Button } from "@/components/ui/button"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { useTheme } from "next-themes"

export default function Header() {
  const [mounted, setMounted] = useState(false)
  const { theme, setTheme } = useTheme()
  const router = useRouter()
  const [adminName, setAdminName] = useState("Admin")

useEffect(() => {
    setMounted(true)
    // Get admin name from localStorage if available
    const storedName = localStorage.getItem("adminName")
    if (storedName) {
      setAdminName(storedName)
    }
  }, [])

const handleLogout = () => {
    localStorage.removeItem("adminAuthenticated")
    localStorage.removeItem("adminEmail")
    localStorage.removeItem("adminName")
    router.push("/admin-login")
  }

return (
    <header className="bg-white dark:bg-gray-800 shadow-md">
      <div className="container mx-auto px-6 py-3">
        <div className="flex items-center justify-between">
          <div className="flex items-center">
            <button className="text-gray-500 dark:text-gray-200 focus:outline-none lg:hidden" aria-label="Toggle menu">
              <Menu size={24} />
            </button>
            <div className="hidden lg:block">
              <h1 className="text-2xl font-bold text-gray-800 dark:text-white">Riitech Earnings BD</h1>
            </div>
          </div>

<div className="flex items-center space-x-4">
            <button
              className="text-gray-500 dark:text-gray-200 focus:outline-none"
              onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
              aria-label="Toggle theme"
            >
              {mounted && theme === "dark" ? <Sun size={20} /> : <Moon size={20} />}
            </button>

<DropdownMenu>
              <DropdownMenuTrigger asChild>
                <Button variant="ghost" className="relative h-8 w-8 rounded-full">
                  <User className="h-5 w-5" />
                </Button>
              </DropdownMenuTrigger>
              <DropdownMenuContent className="w-56" align="end" forceMount>
                <DropdownMenuLabel className="font-normal">
                  <div className="flex flex-col space-y-1">
                    <p className="text-sm font-medium leading-none">{adminName}</p>
                    <p className="text-xs leading-none text-muted-foreground">Administrator</p>
                  </div>
                </DropdownMenuLabel>
                <DropdownMenuSeparator />
                <DropdownMenuItem asChild>
                  <Link href="/admin/profile">Profile</Link>
                </DropdownMenuItem>
                <DropdownMenuItem asChild>
                  <Link href="/admin/settings">Settings</Link>
                </DropdownMenuItem>
                <DropdownMenuSeparator />
                <DropdownMenuItem onClick={handleLogout}>Log out</DropdownMenuItem>
              </DropdownMenuContent>
            </DropdownMenu>
          </div>
        </div>
      </div>
    </header>
  )
}
[V0_FILE]typescriptreact:file="components/admin/Sidebar.tsx"
"use client"

import { useState } from "react"
import Link from "next/link"
import { usePathname } from "next/navigation"
import { BarChart3, Users, Settings, Gift, CreditCard, CheckSquare, Bell, Database, Home } from "lucide-react"

export default function Sidebar() {
  const [isOpen, setIsOpen] = useState(true)
  const pathname = usePathname()

const toggleSidebar = () => {
    setIsOpen(!isOpen)
  }

const menuItems = [
    { name: "Dashboard", icon: <Home size={20} />, path: "/admin" },
    { name: "Users", icon: <Users size={20} />, path: "/admin/users" },
    { name: "Transactions", icon: <CreditCard size={20} />, path: "/admin/transactions" },
    { name: "Tasks", icon: <CheckSquare size={20} />, path: "/admin/tasks" },
    { name: "Vouchers", icon: <Gift size={20} />, path: "/admin/vouchers" },
    { name: "Referrals", icon: <BarChart3 size={20} />, path: "/admin/referrals" },
    { name: "Notifications", icon: <Bell size={20} />, path: "/admin/test-notifications" },
    { name: "Database", icon: <Database size={20} />, path: "/admin/fix-database" },
    { name: "Settings", icon: <Settings size={20} />, path: "/admin/settings" },
  ]

return (
    <aside
      className={`${
        isOpen ? "w-64" : "w-20"
      } transition-width duration-300 ease-in-out bg-gray-800 dark:bg-gray-900 text-white h-screen`}
    >
      <div className="p-4">
        <div className="flex items-center justify-between">
          {isOpen && <h2 className="text-xl font-bold">Riitech Earnings BD</h2>}
          <button
            onClick={toggleSidebar}
            className="p-2 rounded-md hover:bg-gray-700 focus:outline-none"
            aria-label="Toggle sidebar"
          >
            <svg
              className="w-6 h-6"
              fill="none"
              stroke="currentColor"
              viewBox="0 0 24 24"
              xmlns="http://www.w3.org/2000/svg"
            >
              {isOpen ? (
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 19l-7-7 7-7m8 14l-7-7 7-7" />
              ) : (
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 5l7 7-7 7M5 5l7 7-7 7" />
              )}
            </svg>
          </button>
        </div>
      </div>

<nav className="mt-6">
        <ul>
          {menuItems.map((item) => (
            <li key={item.name} className="px-4 py-2">
              <Link
                href={item.path}
                className={`flex items-center ${
                  pathname === item.path
                    ? "text-white bg-purple-600 rounded-md"
                    : "text-gray-300 hover:text-white hover:bg-gray-700"
                } px-4 py-2 rounded-md transition-colors duration-200`}
              >
                <span className="mr-3">{item.icon}</span>
                {isOpen && <span>{item.name}</span>}
              </Link>
            </li>
          ))}
        </ul>
      </nav>
    </aside>
  )
}
[V0_FILE]typescriptreact:file="app/admin/layout.tsx" isEdit="true"
"use client"

import type React from "react"

import { useState, useEffect } from "react"
import { useRouter } from "next/navigation"
import AdminHeader from "@/components/admin/Header"
import AdminSidebar from "@/components/admin/Sidebar"
import { LoadingSpinner } from "@/components/loading-spinner"
import { Alert, AlertDescription } from "@/components/ui/alert"
import { Button } from "@/components/ui/button"
import { Toaster } from "@/components/ui/toaster"

// Add the hardcoded admin email constant at the top of the file
const ADMIN_EMAIL = "sheikhrafithasan@gmail.com"

export default function AdminLayout({
  children,
}: {
  children: React.ReactNode
}) {
  const router = useRouter()
  const [loading, setLoading] = useState(true)
  const [isAdmin, setIsAdmin] = useState(false)
  const [error, setError] = useState<string | null>(null)

// Allow hardcoded admin email
      if (adminEmail === ADMIN_EMAIL || adminAuthenticated) {
        setIsAdmin(true)
        setLoading(false)
        return
      }

router.push("/admin-login")
    }

checkAdmin()
  }, [router])

if (loading) {
    return (
      <div className="flex items-center justify-center min-h-screen">
        <LoadingSpinner size="lg" />
      </div>
    )
  }

if (error) {
    return (
      <div className="flex items-center justify-center min-h-screen p-4">
        <div className="w-full max-w-md">
          <Alert variant="destructive" className="mb-4">
            <AlertDescription>{error}</AlertDescription>
          </Alert>
          <Button onClick={() => router.push("/dashboard")} className="w-full">
            Return to Dashboard
          </Button>
        </div>
      </div>
    )
  }

if (!isAdmin) {
    return null // Will redirect in useEffect
  }

return (
    <div className="min-h-screen flex flex-col">
      <div className="flex flex-1">
        <AdminSidebar />
        <div className="flex flex-col flex-1">
          <AdminHeader />
          <main className="flex-1 bg-muted/20 p-6 overflow-auto">{children}</main>
        </div>
      </div>
      <footer className="bg-muted py-4">
        <div className="container mx-auto px-4 text-center">
          <p className="text-muted-foreground text-sm">
            © {new Date().getFullYear()} Riitech Earnings BD. All rights reserved.
          </p>
        </div>
      </footer>
      <Toaster />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true"
import type React from "react"
import "./globals.css"
import { Inter } from "next/font/google"
import { ThemeProvider } from "@/components/theme-provider"
import { Toaster } from "@/components/ui/toaster"
import { ensureDatabaseSchema } from "@/lib/database-schema"
import { SettingsProvider } from "@/contexts/settings-context"

const inter = Inter({ subsets: ["latin"] })

// Run database schema check on server startup
ensureDatabaseSchema().catch((error) => {
  console.error("Failed to ensure database schema:", error)
})

export const metadata = {
  title: "Riitech Earnings BD",
  description: "Earn money by completing tasks and referring friends",
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <SettingsProvider>
          <ThemeProvider attribute="class" defaultTheme="light" enableSystem>
            {children}
            <Toaster />
          </ThemeProvider>
        </SettingsProvider>
      </body>
    </html>
  )
}</article></body></html>

Earnings & Transactions

No transactions yet

Manage Admin Access

User Information

Test Notifications

Test Webhook

Telegram Bot Setup

Bot Information

Setup Instructions

Bot Commands

Activity Log

No activity yet

Transaction Notifications

Transaction Debug

Test Service Role Key

Test Results:

Transaction Management

No deposit requests

No withdrawal requests

Review Task Submissions

Task:

Reward:

Submission Details:

No pending submissions

Available Tasks

No tasks available

Create New Task

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This