import React from "react";
import {useState} from "react";
import {Col, Container, Row, Image, Modal, Button, Form} from "react-bootstrap";
import LoginForm from "../Login/LoginForm";
import ChangePasswordForm from "../Forms/ChangePasswordForm";
import {FaCalendarAlt} from "react-icons/fa";
import {MdBalcony, MdLocationOn} from "react-icons/md";
import AddAvailability from "../Resources/AddAvailability";
import {LuFan} from "react-icons/lu";
import {TbToolsKitchen2} from "react-icons/tb";
import useGet from "../Hooks/useGet";
import data from "bootstrap/js/src/dom/data";
import {AiOutlinePlusCircle} from "react-icons/ai";
import { MdCancel } from "react-icons/md";
import { MdOutlineRateReview } from "react-icons/md"
import useFormData from "../Hooks/useFormData";
import useCreate from "../Hooks/useCreate";
import HotelReservationModal from "./HotelReservationModal";
import ReviewModal from "./ReviewModal";
const HotelReservationListing = (props) => {
const type = props.type == "hotel" ? "сместувањето" : props.type == "restaurant" ? "ресторанот" : "превозот";
// const name = props.type == "hotel" ? props.data.hotelName : props.type == "restaurant" ? props.data.restaurantName : props.data.transportName
// const id = props.type == "hotel" ? props.data.hotelId : props.type == "restaurant" ? props.data.restaurantID : props.data.transportID
console.log(props.data)
const { createEntity } = useCreate();
const dateFormatter = (str) => {
const inputDate = new Date(str);
const options = props.type === 'hotel' ? {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour12: false,
} : {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
hour12: false,
};
return inputDate.toLocaleString('de-DE', options);
}
console.log(props)
const [showReview, setShowReview] = useState(false);
const handleCloseReview = () => setShowReview(false);
const handleShowReview = () => setShowReview(true);
const [show, setShow] = useState(false);
const handleClose = () => setShow(false);
const handleShow = () => setShow(true);
return (<>
{
if (e.target.id !== 'icon') {
handleShow();
}
}} className="py-3 px-1 my-4"
style={{
border: "4px solid #159895",
borderRadius: "1em",
boxShadow: "0 3px 5px #159895",
maxWidth: "90%",
}}>
{props.type !== 'transport' && }
{props.type === 'transport' && }
{props.type === "hotel" && (<>
{props.data.hotelName}
{props.data.hotelLocation}
{dateFormatter(props.data.dateFrom) + ' - ' + dateFormatter(props.data.dateTo)}
>)}
{props.type === "restaurant" && (<>
{props.data.restaurantName}
{props.data.restaurantLocation}
{dateFormatter(props.data.dateFrom) + ' - ' + dateFormatter(props.data.dateTo)}
>)}
{props.type === "transport" && (<>
{props.data.carBrand + ' ' + props.data.carType}
{props.data.transportRoute.from + ' - ' + props.data.transportRoute.to}
{dateFormatter(props.data.transportRoute.departure) + ' - ' + dateFormatter(props.data.transportRoute.arrival)}
{props.data.owner.name + ' ' + props.data.owner.surname}
>)}
{props.type === 'transport' &&
Вкупна цена:
{props.data.transportRoute.price}$
}
{(!props.past) &&
{ {
console.log(e.target)
if (e.target.id === 'icon') {
createEntity(`/restaurant/${props.data.reservationId}/cancel`, props.setChanged, props.setChanged)
window.location.href="/reservations"
}
}}>
Откажи
резервација
}
}
{(props.past) &&
{!props.data.reviewed && {
console.log(e.target)
if (e.target.id === 'icon') {
handleShowReview();
}
}}>
Додади
оценка
}
{props.data.reviewed &&
Веќе имате
оставено оценка
за оваа резервација
}
}
{props.type === 'hotel' && }
>)
}
export default HotelReservationListing;