1. import React, { useState } from 'react'
2. import "../assets/css/userReg.css"
3. import Input from './Input'
4. import Button from './Button'
5. //Validation
6. import Grid from '@material-ui/core/Grid';
7. import {Formik , Form , Field, ErrorMessage} from "formik"
8. import Cookies from 'js-cookies'
9. import * as Yup from "yup"
10. import axios from 'axios'
11.  
12. import { ToastContainer, toast } from 'react-toastify';
13. import 'react-toastify/dist/ReactToastify.css';
14. toast.configure()
15.  
16. function UserReg(props) {
17.  // The first commit of Material-UI
18.     const notify = () => toast.success("Hesabınız müvəffəqiyyətlə yaradıldı!");
19.     const notifyW = () => toast.error("Daxil etdiyiniz məlumatları yanlışdır!");
20.  
21.     const token = Cookies.getItem('XSRF-TOKEN')
22.     const headers = {
23.     "X-CSRF-TOKEN":token
24.     }
25.    
26.    
27.     const phoneRegExp = /^((\+[1-9]{1,4}[ \-]*)|(\([0-9]{2,3}\)[ \-]*)|([0-9]{2,4})[ \-]*)*?[0-9]{3,4}?[ \-]*[0-9]{3,4}?$/
28.     const [Error, setError] = useState(false)
29.        
30.     const onSubmit =  (values) => {
31.             axios.post('http://jobday.testjed.me/api/register-jobseeker', {name: values.name , surname: values.surname, email: values.email ,  phone: values.phone , password: values.password,  password_confirmation:values.confirmPassword } , headers)
32.             .then(res => (res.status === 200 && console.log(res) ,  notify() , props.functionClose()) )
33.             .catch(err => setError(true) )
34.     }
35.    
36.     const initialValues = {
37.         name:'',
38.         surname:'',
39.         email:'',
40.         phone:'',
41.         password:'',
42.         confirmPassword:'',
43.     }
44.  
45.     const validationSchema = Yup.object({
46.         name: Yup.string().required('Adınızı daxil edin'),
47.         surname: Yup.string().required('Soyadınızı daxil edin'),
48.         email: Yup.string().email('Emailinizi düzgün daxil edin').required('Emailinizi daxil edin'),
49.         phone:  Yup.string().matches(phoneRegExp, 'Telefon nömrəsini düzgün daxil edin').required('Telefon nömrənizi daxil edin'),
50.         password: Yup.string().required('Şifrənizi daxil edin'),
51.         confirmPassword: Yup.string()
52.         .oneOf([Yup.ref('password'), null], 'Şifrələr uyğun deyil').required("Şifrənizi daxil edin")
53.     })
54.  
55.     return (
56.         <Formik initialValues={initialValues} validationSchema={validationSchema} onSubmit={onSubmit} validateOnChange={true} validateOnBlur={false}>
57.             <Form className="formUser" method="post">
58.                 <Field placeholder="Adınız"  name="name" className="input"/>
59.                 <div className="errors"><ErrorMessage name="name"/></div>
60.  
61.                 <Field placeholder="Soyadınız"  name="surname" className="input"/>
62.                 <div className="errors"><ErrorMessage name="surname"/></div>
63.  
64.                 <Field placeholder="Email" name="email" className="input"/>
65.                 <div className="errors"><ErrorMessage name="email"/></div>
66.  
67.                 <Field placeholder="Şifrə" type="password" name="password" className="input"/>
68.                 <div className="errors"><ErrorMessage name="password"/></div>
69.  
70.                 <Field placeholder="Təkrar şifrə" type="password" name="confirmPassword" className="input"/>
71.                 <div className="errors"><ErrorMessage name="confirmPassword"/></div>
72.  
73.                 <div className="checkCont"> <input type="checkbox" name="" id=""/> <label htmlFor="">yadda saxla</label> </div>
74.                 <Button text="Qeydiyyat keç" type="submit"  backgroundColor="#3D92A7"  color="white"/>
75.             </Form>
76.         </Formik>
77.     )
78. }
79.  
80. export default UserReg
81.