import React, {useState} from "react";
import axios from "axios";
import DateFnsUtils from '@date-io/date-fns';
import {nb} from 'date-fns/locale'
import {DateTimePicker, MuiPickersUtilsProvider} from '@material-ui/pickers';
import {makeStyles} from '@material-ui/core/styles';
import ReCAPTCHA from "react-google-recaptcha";
import {
Button,
ButtonGroup,
Container,
Checkbox,
CssBaseline,
Dialog,
DialogTitle,
DialogContent,
DialogContentText,
DialogActions,
FormControl,
FormControlLabel,
FormGroup,
Grid,
IconButton,
Paper,
TextField,
Typography,
} from '@material-ui/core';
import {
Alert,
AlertTitle
} from '@material-ui/lab';
import {
Add,
Remove,
} from '@material-ui/icons'
const useStyles = makeStyles((theme) => ({
fieldset: {
//border: 'none',
marginBottom: theme.spacing(3),
paddingBottom: theme.spacing(3),
},
form: {
width: '100%',
marginTop: theme.spacing(1),
flexGrow: 1,
},
paper: {
padding: theme.spacing(2),
alignItems: 'center',
display: 'flex',
flexDirection: 'column',
}
}));
const ReCaptchaSubmitButton = (props) => {
const recaptchaRef = React.createRef();
const [response, setResponse] = useState(null);
const onChange = (value) => {
if (value) {
const request = {
organizer: props.inputs.organizer || null,
organizationNumber: props.inputs.organization_number || null,
contactPerson: props.inputs.contact_name || null,
contactEmail: props.inputs.contact_email || null,
contactPhone: props.inputs.contact_phone || null,
websiteUrl: props.inputs.contact_homepage || null,
place: props.inputs.event_location || null,
capacity: props.inputs.event_capacity || null,
happensOn: props.inputs.dates || [],
title: props.inputs.event_name || null,
image: props.inputs.event_photo || null,
description: props.inputs.event_description || null,
bookingUrl: props.inputs.event_booking || null,
audiences: (props.inputs.audiences || []).map(i => i.id),
categories: (props.inputs.categories || []).map(i => i.id),
captcha: value,
};
axios.post("https://magy.giaever.online/tff/api/webflow_collection_events", request).then(resp => {
setResponse({type: 'success', title: "Takk for ditt bidrag!", description: "Vi ser frem til din deltagelse."});
props.clearHandler();
}).catch(err => {
if (err.response) {
setResponse({type: 'error', title: err.response.data['hydra:title'], description: err.response.data['hydra:description']});
} else if (err.request)
setResponse({type: 'error', title: "En feil oppstod.", description: "Vennligst prøv igjen senere."});
else
setResponse({type: 'error', title: "En feil oppstod,", description: err.message});
});
}
}
return (
Laster...
{props.selected.map(item =>