import React from "react";
import LoginForm from "../Components/Login/LoginForm";
import {Container, Row, Col, Form, Image, Button, Modal} from "react-bootstrap";
import Navigation from "../Components/Layout/Navbar/Navigation";
import Carousel from "react-bootstrap/Carousel";
import {useState} from "react";
import DescriptionContainer from "../Components/HotelDetails/DescriptionContainer";
import ReviewsCarousel from "../Components/HotelDetails/ReviewsCarousel";
import RoomsTable from "../Components/HotelDetails/RoomsTable";
import ContactBar from "../Components/HotelDetails/ContactBar";
import RouteContainer from "../Components/TransportDetails/RouteContainer";
import {useLocation, useParams} from "react-router-dom";
import SearchCriteriasTransport from "../Components/SearchCriterias/SearchCriteriasTransport";
import SearchCriteriasBar from "../Components/SearchCriterias/SearchCriteriasBar";
import useCreate from "../Components/Hooks/useCreate";
const TransportDetailsPage = (props) => {
document.body.style.backgroundColor = "white";
const {createEntity} = useCreate()
const [index, setIndex] = useState(0);
const [getData, setData] = useState(0);
const location = useLocation();
const {data, params} = location.state;
const [show, setShow] = useState(false);
const handleClose = () => setShow(false);
const handleShow = () => setShow(true);
const route = data.transportRoutes.filter(x => x.from === params.from && x.to === params.to)[0];
const dateFormatter = (str) => {
const inputDate = new Date(str);
const options = {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour12: false,
hour: '2-digit',
minute: '2-digit'
};
return inputDate.toLocaleString('de-DE', options);
}
const handleSelect = (selectedIndex) => {
setIndex(selectedIndex);
};
return (
<>
Вашето пребарување
Резултантна рута
{data.from} - {data.to}
({data.routes.join(", ")})
9.1
Одбрана рута
{params.from + ' - ' + params.to}
Очекувано време на поаѓање
{dateFormatter(route.departure)}
Цена
{data.price}$
Возач
{data.transport.owner.name} {data.transport.owner.surname.substring(0, 1)}.
Возило
{data.transport.carBrand + " " + data.transport.carType}
Број на патници
{
setData(e.target.value)
}} aria-label="Default select example">
{[...Array(route.freeSpace).keys()].map(x => {
return (
)
})}
Потврда на резервација
Резервација на рута
{route.from + ' ' + route.to}
Време на поаѓање:{' ' + dateFormatter(route.departure)}
Време на престигнување:{' ' + dateFormatter(route.arrival)}
Број на патници:{' ' + getData}
>
);
};
export default TransportDetailsPage;