[e6c2521] | 1 | import React from "react";
|
---|
| 2 | import { Form, Button, Container } from "react-bootstrap";
|
---|
| 3 | import { GiConfirmed } from "react-icons/gi"
|
---|
| 4 | import useCreateBusiness from "../Hooks/Business/useCreateBusiness";
|
---|
| 5 | import useFormData from "../Hooks/useFormData";
|
---|
| 6 |
|
---|
| 7 | const RegisterBusinessForm = (props) => {
|
---|
| 8 |
|
---|
| 9 | const { createBusiness } = useCreateBusiness();
|
---|
| 10 |
|
---|
| 11 | const { formData, onFormChange, onCheckBoxChange, setFormData } = useFormData({
|
---|
| 12 | name: "",
|
---|
| 13 | address: "",
|
---|
| 14 | edbs: "",
|
---|
| 15 | odgovornoLice: "",
|
---|
| 16 | phone: "",
|
---|
| 17 | approved: false
|
---|
| 18 | });
|
---|
| 19 |
|
---|
| 20 | return (<>
|
---|
| 21 | <Container
|
---|
| 22 | className="rounded-5 m-5 my-auto mx-auto py-2 px-5"
|
---|
| 23 | style={{ backgroundColor: "#ffffff" }}
|
---|
| 24 | >
|
---|
| 25 | <Form>
|
---|
| 26 | <Form.Group className="mb-3" controlId="businessName">
|
---|
| 27 | <Form.Label>Име на фирмата</Form.Label>
|
---|
| 28 | <Form.Control
|
---|
| 29 | type="text"
|
---|
| 30 | value={formData.name}
|
---|
| 31 | onChange={onFormChange}
|
---|
| 32 | name="name"
|
---|
| 33 | placeholder="Внесете го името на фирмата" />
|
---|
| 34 | </Form.Group>
|
---|
| 35 |
|
---|
| 36 | <Form.Group className="mb-3" controlId="businessAddress">
|
---|
| 37 | <Form.Label>Адреса на фирмата</Form.Label>
|
---|
| 38 | <Form.Control
|
---|
| 39 | type="text"
|
---|
| 40 | value={formData.address}
|
---|
| 41 | onChange={onFormChange}
|
---|
| 42 | name="address"
|
---|
| 43 | placeholder="Внесете ја адресата на фирмата" />
|
---|
| 44 | </Form.Group>
|
---|
| 45 |
|
---|
| 46 | <Form.Group className="mb-3" controlId="businessIDN">
|
---|
| 47 | <Form.Label>Единствен даночен број</Form.Label>
|
---|
| 48 | <Form.Control
|
---|
| 49 | type="text"
|
---|
| 50 | value={formData.edbs}
|
---|
| 51 | onChange={onFormChange}
|
---|
| 52 | name="edbs"
|
---|
| 53 | placeholder="Внесете ЕДБС" />
|
---|
| 54 | </Form.Group>
|
---|
| 55 |
|
---|
| 56 | <Form.Group className="mb-3" controlId="businessDirector">
|
---|
| 57 | <Form.Label>Одговорно лице</Form.Label>
|
---|
| 58 | <Form.Control
|
---|
| 59 | type="text"
|
---|
| 60 | value={formData.odgovornoLice}
|
---|
| 61 | onChange={onFormChange}
|
---|
| 62 | name="odgovornoLice"
|
---|
| 63 | placeholder="Внесете одговорно лице" />
|
---|
| 64 | </Form.Group>
|
---|
| 65 |
|
---|
| 66 | <Form.Group className="mb-3" controlId="businessPhone">
|
---|
| 67 | <Form.Label>Контакт телефон</Form.Label>
|
---|
| 68 | <Form.Control
|
---|
| 69 | type="text"
|
---|
| 70 | value={formData.phone}
|
---|
| 71 | onChange={onFormChange}
|
---|
| 72 | name="phone"
|
---|
| 73 | placeholder="Внесете контакт телефон" />
|
---|
| 74 | </Form.Group>
|
---|
| 75 |
|
---|
| 76 |
|
---|
| 77 | <Form.Group className="mb-3" controlId="businessEULA">
|
---|
| 78 | <Form.Check type="checkbox" label="Се согласувам со правилата и условите за користење"/>
|
---|
| 79 | </Form.Group>
|
---|
| 80 | <Form.Group className="my-1 justify-content-center">
|
---|
| 81 | <Button
|
---|
| 82 | type="submit"
|
---|
| 83 | style={{ backgroundColor: "#159895" }}
|
---|
| 84 | size="md"
|
---|
| 85 | onClick={(e) => {
|
---|
| 86 | e.preventDefault();
|
---|
| 87 | console.log(formData);
|
---|
| 88 | const dataToSend = {
|
---|
| 89 | ...formData,
|
---|
| 90 | userId: 1
|
---|
| 91 | }
|
---|
| 92 | createBusiness(formData);
|
---|
| 93 | props.edit(1)
|
---|
| 94 | props.hide()
|
---|
| 95 | }}
|
---|
| 96 | >
|
---|
| 97 | <span className="ikona my-1">
|
---|
| 98 | <GiConfirmed />
|
---|
| 99 | </span>
|
---|
| 100 | <span className="ikona mx-3">Поднеси апликација</span>
|
---|
| 101 | </Button>
|
---|
| 102 | </Form.Group>
|
---|
| 103 | </Form>
|
---|
| 104 | </Container>
|
---|
| 105 | </>)
|
---|
| 106 | }
|
---|
| 107 |
|
---|
| 108 | export default RegisterBusinessForm; |
---|