import React, { useRef, useState, useEffect } from "react"; import { useForm } from 'react-hook-form'; import Navigation from "../components/Navigation"; import { Helmet } from "react-helmet"; import bannerimg2 from "../mysy_img/MYSY-LOGO-BLUE.png"; import 'react-toastify/dist/ReactToastify.min.css'; import axios from "axios"; import { Button, } from "reactstrap"; import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share"; import { SocialIcon } from 'react-social-icons'; import ousommesnousimg from "../mysy_img/mysy_training_technology_ici.png" import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png"; import Footer from "./Fotter"; import Header from "./Header"; import SendIcon from '@mui/icons-material/Send'; const ContactForm = () => { const [country_code, setcountry_code] = useState(""); const [country_name, setcountry_name] = useState(""); const [city, setcity] = useState(""); const [postal, setpostal] = useState(""); const [latitude, setlatitude] = useState(""); const [longitude, setlongitude] = useState(""); const [IPv4, setIPv4] = useState(""); const [state, setstate] = useState(""); const [userIp, setuserIp] = useState(""); const [mynote, setmynote] = useState(0); const [usermessage, setusermessage] = useState(""); const [object, setobject] = useState(""); const [result, setResult] = useState(""); const [myApiResponse, setmyApiResponse] = useState(""); const { register, handleSubmit, reset, formState: { errors } } = useForm(); const onSubmit = async (data) => { const { name, email, subject, message } = data; SendMail(); }; function SendMail(e) { var sender_mail = ""; var sender_tel = ""; var token = ""; ////console.log("contacter " + sender_mail + " - " + sender_tel + " - ") var mysubject = document.getElementsByName("subject")[0].value; var mymessage = document.getElementsByName("message")[0].value; var mysender_name = document.getElementsByName("name")[0].value; var mysender_email = document.getElementsByName("email")[0].value; //alert("contacter "+mysender_email+" - "+mymessage+" - url = " //+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude); var re = /\S+@\S+\.\S+/; if (re.test(mysender_email) == false) { alert("l'email est incorrecte"); return; } var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/"; var form = new FormData(); form.append("type", "email"); form.append("recever_mail", "contact@mysy-training.com"); form.append("recever_tel", "+33769203945"); form.append("sender_mail", mysender_email); form.append("sender_tel", sender_tel); form.append("object", mysubject); form.append("message", mymessage); form.append("sender_name", mysender_name); form.append("token", ""); form.append("user_ip", IPv4); form.append("user_country_code", country_code); form.append("user_country_name", country_name); form.append("user_city", city); form.append("user_postal", postal); form.append("user_latitude", latitude); form.append("user_longitude", longitude); form.append("user_state", state); axios.post(myurl, form).then(res => { if (String(res.data.status) === String("false")) { //console.log(" In test res.data.status = " + res.data.status); //console.log(" In test res.data.message = " + res.data.message); setmyApiResponse("false"); } else if (String(res.data.status) === String("true")) { //console.log(" In test res.data.status (true) = " + res.data.status); //console.log(" In test res.data.message = " + res.data.message); document.getElementsByName("subject")[0].value = ""; document.getElementsByName("message")[0].value = ""; document.getElementsByName("name")[0].value = ""; document.getElementsByName("email")[0].value = ""; setmyApiResponse("true"); } else { //console.log(" contact-nous statut = " + res.data.status); //console.log(" contact-nous res.data.message = " + res.data.message); setmyApiResponse("false"); } }).catch((error) => { console.warn('contact-nous Not good man :( mysearchtext = '); setmyApiResponse("false"); }) } return (
MySy Training, contactez-nous

MySy Training, contactez-nous

 
Contactez-Nous
{/* Row 1 of form */}
{errors.name && {errors.name.message}}
{errors.email && ( Adresse email invalide )}
{/* Row 2 of form */}
{errors.subject && ( {errors.subject.message} )}
{/* Row 3 of form */}
{errors.message && Saisir un message}


{String(myApiResponse) === String("true") &&
Votre message a bien été envoyé. Merci.
} {String(myApiResponse) === String("false") &&
Impossible d'envoyer votre message. Merci de ressayer dans un instant.
}

Où nous trouver ?

MySy Training Technology
Adresse : 1 Cr du Havre, 75008 Paris
Adresse email : contact@mysy-training.com
Téléphone fixe : +331 77 00 38 57
Téléphone : +337 69 20 39 45

Sur nos reseaux sociaux
   
); }; export default ContactForm;