import React from "react";

import Step from "./Step";

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

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

		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">
							{ statuscode_id === this.status ? (
								<p>Идёт подбор оптимальной программы финансирования</p>
							) : (
								<p>Программа финансирования выбрана</p>
							) }
						</div>
					</div>
					{ open && (
						<div className="status_footer">
						</div>
					) }
				</div>
			</div>
		)
	}
}