1 | import React from "react";
|
---|
2 | import { useState } from "react";
|
---|
3 | import { Col, Container, Row, Image, Modal, Button } from "react-bootstrap";
|
---|
4 | import LoginForm from "../Login/LoginForm";
|
---|
5 | import ChangePasswordForm from "../Forms/ChangePasswordForm";
|
---|
6 | import { AiOutlinePlusCircle } from "react-icons/ai"
|
---|
7 | import AddAvailability from "../Resources/AddAvailability";
|
---|
8 |
|
---|
9 | const TableListing = (props) => {
|
---|
10 |
|
---|
11 | const type = props.type == "hotel" ? "сместувањето" : props.type == "restaurant" ? "ресторанот" : "превозот";
|
---|
12 | console.log(props.data)
|
---|
13 | return(<>
|
---|
14 | <Container className="py-3 px-1 my-4"
|
---|
15 | style={{
|
---|
16 | border: "4px solid #159895",
|
---|
17 | borderRadius: "1em",
|
---|
18 | boxShadow: "0 3px 5px #159895",
|
---|
19 | maxWidth: "90%",
|
---|
20 | }}>
|
---|
21 | <Row>
|
---|
22 | <Col className="d-flex justify-content-center">
|
---|
23 | <Image onClick={(e) => {
|
---|
24 | e.preventDefault();
|
---|
25 | console.log(props.data)
|
---|
26 | props.showModal(props.data)
|
---|
27 | }}
|
---|
28 | src="https://cdnimg.webstaurantstore.com/uploads/seo_category/2019/5/table-dining-sets.jpg"
|
---|
29 | style={{
|
---|
30 | height: "8em",
|
---|
31 | borderRadius: "1em",
|
---|
32 | boxShadow: "0 4px 20px lightblue",
|
---|
33 | maxWidth: "100%",
|
---|
34 | }}
|
---|
35 | ></Image>
|
---|
36 | </Col>
|
---|
37 | <Col className="d-flex flex-column justify-content-center" style={{textAlign: "left"}}>
|
---|
38 | <h2>Маса</h2>
|
---|
39 | <h2>Број на луѓе {props.data.noSeats}</h2>
|
---|
40 | </Col>
|
---|
41 |
|
---|
42 | <Col className="d-flex flex-column justify-content-center align-content-center">
|
---|
43 | <AddAvailability type="table" table={props.data}/>
|
---|
44 | </Col>
|
---|
45 |
|
---|
46 | </Row>
|
---|
47 | </Container>
|
---|
48 | </>)
|
---|
49 | }
|
---|
50 |
|
---|
51 | export default TableListing; |
---|