import { Text, View, Pressable, TextInput, Alert, ScrollView} from 'react-native';
import Header from '../components/Header';
import Footer from '../components/Footer';
import { gStyle } from '../styles/style';
import React, {useState} from 'react';
import { firebase } from '../Firebase/firebase';


export default function Registration() {
    const [name, setName] = useState('');
    const [surname, setSurname]=useState('');
    const [email, setEmail] = useState('');
    const [phone, setPhone] = useState('');
    const [password, setPassword] = useState('');
    const [confirmPassword, setConfirmPassword]=useState('');
    const handleRegistration=()=>{
        if(
            name===''||
            surname===''||
            email===''||
            phone===''||
            password===''||
            confirmPassword===''
        ){
            Alert.alert('Ошибка!','Пожалуйста, заполните все поля для регистрации');
        }
        if(password!==confirmPassword){
            Alert.alert('Ошибка!','Пароли не совпадают');
            return;
        }
        auth()
        .createUserWithEmailAndPassword(email, password)
        .then((result)=>{
            const userDetails={
                name,
                surname,
                email,
               phone,
            };
            database().ref(`users/${result.user.uid}`).set(userDetails);
        })
        .catch((error)=>{
           Alert.alert(error.message);
        })
    }
  return (
    <View>
        <ScrollView>
            <Header/>
            <View style={gStyle.main}>
                <Text style={gStyle.header}>Зарегистрироваться</Text>
                <Text style={gStyle.RegLine}></Text>
                    <View style={gStyle.RegContainer}>
                        <View style={gStyle.RegBox}>
                            <Text style={gStyle.RegName}>Имя</Text>
                            <TextInput style={gStyle.RegInfo} 
                            onChangeText={text => setName(text)}/>
                        </View>
                        <View style={gStyle.RegBox}>
                            <Text style={gStyle.RegName}>Фамилия</Text>
                            <TextInput style={gStyle.RegInfo}
                            onChangeText={text => setSurname(text)}/>
                        </View>
                        <View style={gStyle.RegBox}>
                            <Text style={gStyle.RegName}>Электронная почта</Text>
                            <TextInput style={gStyle.RegInfo}
                            onChangeText={text => setEmail(text)}/>
                        </View>
                        <View style={gStyle.RegBox}>
                            <Text style={gStyle.RegName}>Номер телефона</Text>
                            <TextInput style={gStyle.RegInfo}
                            onChangeText={text => setPhone(text)}/>
                        </View>
                        <View style={gStyle.RegBox}>
                            <Text style={gStyle.RegName}>Пароль</Text>
                            <TextInput style={gStyle.RegInfo}
                            onChangeText={text => setPassword(text)}
                            secureTextEntry={true}/>
                        </View>
                        <View style={gStyle.RegBox}>
                            <Text style={gStyle.RegName}>Подтверждение пароля</Text>
                            <TextInput style={gStyle.RegInfo}
                            onChangeText={text => setConfirmPassword(text)}
                            secureTextEntry={true}/>
                        </View>
                    </View>
                    <Pressable style={gStyle.RegRegistrBtn} 
                    onPress={handleRegistration}
                    >
                        <Text style={gStyle.RegRegistration}>Зарегистрироваться</Text>
                    </Pressable>
                    <Text style={gStyle.RegConf}>Нажимая на кнопку, Вы соглашаетесь с{'\n'}Политикой конфиденциальности</Text>
                    <Text style={gStyle.RegLine}></Text>
            </View>
            <Footer/>
            </ScrollView>
        </View>
  );
};
is it correct?