import React from 'react';
import { View, Text, TouchableOpacity, SafeAreaView } from 'react-native';
import { useRouter } from 'expo-router';

export default function LoginScreen() {
  const router = useRouter();

  const handleLogin = () => {
    // Skip authentication for now, route directly to main app tab
    router.replace('/(tabs)');
  };

  return (
    <SafeAreaView className="flex-1 bg-[#050811] items-center justify-center p-6">
      <View className="w-full max-w-sm gap-6">
        <View className="items-center mb-8">
          <Text className="text-3xl font-black text-white tracking-widest uppercase">
            GEOSPORT <Text className="text-emerald-400">LOG</Text>
          </Text>
          <Text className="text-xs text-slate-500 font-bold uppercase mt-2">
            Định vị hành trình & chỉ số sức khỏe
          </Text>
        </View>

        <TouchableOpacity
          onPress={handleLogin}
          className="w-full bg-emerald-500 py-4 rounded-2xl items-center justify-center shadow-lg active:opacity-90"
        >
          <Text className="text-slate-950 font-extrabold text-xs tracking-widest">
            VÀO ỨNG DỤNG (BỎ QUA)
          </Text>
        </TouchableOpacity>
      </View>
    </SafeAreaView>
  );
}
