import React, {Component} from 'react';

import BackLink from '../common/BackLink';
import BaseComponent from "../common/BaseComponent";
import RelocationThreeOne from "./RelocationThreeOne";

class RelocationTwoTwo extends BaseComponent {
    constructor(props) {
        super(props);

        this.state = {
            child: false
        };

        this.handleClick = this.handleClick.bind(this);
    }

    handleClick(e) {
        this.setState({
            child: true
        })
    }

    render() {
        return (
            !this.state.child ?
            <div className="calculator-cont" id="relocation-2-2">
                <div className="calculator-cont-item cont-center">
                    <h3>Размер перевозимого офиса</h3>
                    <div className="inp-txt-calculator-cont">
                        <span>У нас в офисе</span>
                        <input type="text" placeholder="10"/>
                            <span>рабочих мест</span>
                    </div>
                    <div className="text-center btn-cont">
                        <button onClick={this.handleClick} className="btn" type="button">Выбрать размер офиса</button>
                    </div>
                    <BackLink handleClickBack={this.handleClickBack.bind(this)} parentNumber={this.props.parent} />
                </div>
            </div>

            : <RelocationThreeOne/>
        );
    }
}

export default RelocationTwoTwo;