import React from "react";

import Step from "./Step";

export default class StatusDecisionMaking extends Step
{
	constructor(props)
	{
		super(props);
		this.state = {
			open: false, 
		};
		this.status = 104;
	}

	render()
	{
		const { index, statuscode_id, dealSelected } = this.props;
		const { open } = this.state;

		if(statuscode_id === 105)
		{
			return null;
		}

		return (
			<div className={`${ this.status === statuscode_id ? "current" : (statuscode_id > this.status) ? "done" : "" }`}>
				<p>№ { dealSelected }</p>
				<span></span>
				<div className="status_body with_footer">
					{ this._renderHeader("Принятие решения по сделке") }
					<div className="wrap" style={{ display: open ? "block" : "none" }}>
						<div className="single_text">
							{ this.status === statuscode_id ? (
								<p>Принятие решение о финансировании</p>
							) : (
								<p>Поздравляем! Принято положительное решение по сделке.</p>
							) }
						</div>
					</div>
					{ open && (
						<div className="status_footer">
						</div>
					) }
				</div>
			</div>
		)
	}
}