import React, {Component} from 'react';
import axios from 'axios';
import {SnackbarHOC, WordsBtn,getImageUrl} from 'educoder';
import {Row, Col,Input,Divider,Card,Button} from 'antd';
import { TPMIndexHOC } from '../tpm/TPMIndexHOC';
import { CNotificationHOC } from '../courses/common/CNotificationHOC';
import './Osshackathon.css';
const { Search } = Input;
class Osshackathon extends Component {

	constructor(props) {
		super(props)
		this.state = {

		}
	}

	componentDidMount() {

	}

	componentDidUpdate = (prevProps) => {


	}

	render() {
		// let {} = this.state;

		return (
			<div className="newMain clearfix  newMainybot">

				<div className={"educontent  mb20 persmstyle"} style={{width: "1200px", marginTop: "26px"}}>

					<div className="registrationback"
							 style={{"background": `url(${getImageUrl(`images/educoder/competitions/tipregistit.jpg`)})`,"height":"360px"}}
					></div>

					<Row className={"mt20"}>
						<Col span={6}>
							<Search
							placeholder="请输入项目名称进行搜索"
							enterButton="搜索"
							size="large"
							onSearch={value => console.log(value)}
							/>
						</Col>
						<Col span={3} className={"fr textright"}>
								<div>
									 报名整数：<span className={"color-red"}>280</span>个
								</div>
						</Col>
					</Row>

					<Row className={"mt20"}>
						<Col span={6} className={"Osshackathonfont"}>
							 大赛介绍
						</Col>
						<Col span={3} className={"fr textright"}>
							<Button type="primary">编辑</Button>
						</Col>
					</Row>
					<style>
						{
							`
							.ant-divider-horizontal{
    						margin: 19px 0;
							}
							`
						}
					</style>

					<Divider />

					<p className={"Osshackathonfontlist mb30"}>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
						probare, quae sunt a te dicta? Refert tamen, quo modo.
					</p>

					<Card className={"OsshackathonCard"}>

						<Row>
							<Col span={6} className={"OsshackathonCardtitle"}>
								大赛介绍
							</Col>
							<Col span={6} className={"fr textright"}>
								<Button type="primary fr ">立即报名</Button>
								<Button type="primary fr mr20" disabled>
										已报名
								</Button>
							</Col>
						</Row>

						<p>Card content</p>
						<p>Card content</p>
					</Card>
				</div>

			</div>
		)
	}

}



export default CNotificationHOC() (TPMIndexHOC (Osshackathon)) ;