import React, {useState} from "react";
import {Container, Col, Row, Image} from "react-bootstrap";
import Navigation from "../Components/Layout/Navbar/Navigation";
import ResourcesTab from "../Components/Resources/ResourcesTab";
import HotelEditTab from "../Components/HotelEdit/HotelEditTab";
import useGet from "../Components/Hooks/useGet";
import {Navigate, useParams} from "react-router-dom";
import {useAuth} from "../Components/Context/AuthContext";


const HotelEditPage = () => {

    const params = useParams();
    const link = `/hotel/${params.hotelId}/list`;
    const [changed, setChanged] = useState(0)
    const {data, setData, isLoading, getData} = useGet(link, changed);


    console.log(data)
    return (
        <>
            <Navigation/>
            {!isLoading && <Container>
                <Row className="mb-5">
                    <h2 style={{color: "#159895", textAlign: "left"}}>Мои ресурси</h2>
                </Row>
                <Row className="mb-5">
                    <Col>
                        <Row className="d-flex mb-3">
                            <Col
                                className="d-flex justify-content-center"
                                style={{maxWidth: "30%"}}
                            >
                                <Image
                                    src="https://t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg"
                                    style={{
                                        height: "5em",
                                        borderRadius: "50%",
                                        maxWidth: "100%",
                                    }}
                                    className="m-auto"
                                ></Image>
                            </Col>
                            <Col className="d-flex justify-content-center">
                                <Container className="pt-2" style={{textAlign: "left"}}>
                                    <h4>{data.hotelName}</h4>
                                    <h5>{data.hotelLocation}</h5>
                                </Container>
                            </Col>
                        </Row>
                    </Col>
                </Row>
                <Row>
                    <HotelEditTab refresh={setChanged} displayRoom={data}/>
                </Row>
            </Container>}
        </>
    );
};

export default HotelEditPage;