import React, { Component } from 'react';

import { AbstractForm, ButtonBar, Button } from 'lib/components';

import form from 'lib/form';
import validator from 'lib/validator';
import { injectIntl } from 'react-intl';


class PaymentReportForm extends AbstractForm {


	render() {
		let intl = this.props.intl;
		
		return (
			<div className={ this.props.className }>
				<form onSubmit={ this.handleSubmit(this.props.onSubmit) }>
	            	<div className="row row-margin-10">
	            		<div className="col-xs-12 p10">
							<div className="box p10">

								<div className="form">
									<div className="row row-margin-10">
										<div className="col-sm-3">
											{ this.renderDateField("dateFrom", intl.formatMessage({ id: "reports.common.dateFrom" })) }
										</div>
										<div className="col-sm-3">
											{ this.renderDateField("dateTo", intl.formatMessage({ id: "reports.common.dateTo" })) }
										</div>
										<div className="col-sm-3">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</form>
			</div>
		);
	}

}

export default form(injectIntl(PaymentReportForm), {
	validate: (params) => true
});
