import React, { useId, useEffect, useState, useMemo } from "react"; import Select from 'react-select'; import countryList from 'react-select-country-list' import 'react-phone-number-input/style.css' import PhoneInput from 'react-phone-number-input' export default function Modal() { const options = useMemo(() => countryList().getData(), []) const [phoneValue, setphoneValue] = useState() const [allStates, setAllStates] = useState([]) const [allCities, setAllCities] = useState([]) const [showModal, setShowModal] = React.useState(false); const [school, setSchool] = useState([]); const fetchData = async () => { const response = await fetch("https://management.beanstalkedu.com/items/school?filter[status][_eq]=published"); const data = await response.json(); return setSchool(data.data); } console.log(school) useEffect(() => { fetchData(); },[]) const handleSubmit = async (event) => { event.preventDefault() const data = { "status":"published", name: event.target.schoolName.value, country: event.target.country.value, state: event.target.state.value, cities: event.target.cities.value, annual: event.target.annual.value, toddlers: event.target.toddlers.value, early_start_programme: event.target.early_start_programme.value, interakto: event.target.interakto.value, agreement_expiry_date: event.target.agreement_expiry_date.value, school_agreement: event.target.school_agreement.value, school_contact_number: event.target.school_contact_number.value, school_email_id: event.target.school_email_id.value, } const JSONdata = JSON.stringify(data) console.log(data) const endpoint = 'https://management.beanstalkedu.com/items/school' const options = { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSONdata, } const response = await fetch(endpoint, options) const result = await response.json() // alert(`Is this your full name: ${result.data}`) alert(`School Saved`) } return ( <>
{showModal ? ( <>
{/*content*/}
{/*header*/}

Edit Form

{/* */} {/*

School Registration Form

*/}
{/*
*/}
{/*
*/}
{/* */}
) : null} ); }