import React from 'react';
import PropTypes from 'prop-types';
import { FormattedRelative, FormattedNumber } from 'react-intl';
function ColumnSideComponent({ColumnSideData}) {
// console.log(ColumnSideData.result.revision_timestamp);
return (
<div className="column-side">
<div className="contact-box">
<div className="contact-box-header">
<span className="prop-name">{ColumnSideData.result.asset.project_name}</span>
<span className="prop-price"><FormattedNumber value={parseInt(ColumnSideData.result.field_prop_asking_price.und['0'].value, 10)} /></span>
<span className="prop-mortgage">Mortgage: RM 28,300 / mth</span>
</div>
<div className="row contact-box-agent">
<div className="col-md-3">
<img className="agent-img" src={ColumnSideData.agent.agent_pic} />
</div>
<div className="col-md-9">
<span className="name">{ColumnSideData.agent.agent_name}</span>
<span className="company">{ColumnSideData.agent.agent_com}</span>
<span className="idnumber">{ColumnSideData.agent.agent_id}</span>
</div>
</div>
<ContactFormComponent ContactFormData={data} />
</div>
<div className="midrec">
<MidrecAdsComponent />
</div>
</div>
)
}
export default ColumnSideComponent;