import React, { Component } from 'react';
import { Breadcrumb,Layout,Table, Divider, Tag,Badge,Row, Col,Button, Menu, Icon} from 'antd';
import axios from 'axios';

import NoneData from "../../courses/shixunHomework/shixunHomework";

import './CompetitionCommon.css';
const { Header, Footer, Sider, Content } = Layout;

class CompetitionCommon extends Component{
	constructor(props) {
		super(props)
		this.state={

		}
	}

	componentDidMount(){
		window.document.title = '竞赛';
		this.getbannerdata()
	}

	getbannerdata=()=>{
		let url=`/competitions/${this.props.match.params.identifier}/common_header.json`;
		axios.get(url).then((response) => {
      console.log(response)
		}).catch((error) => {
			console.log(error)
		});

	}

	render() {
		return (
			<div className={"educontent clearfix mt20 "}>
					<Breadcrumb separator=">">
						<Breadcrumb.Item href="">在线竞赛</Breadcrumb.Item>
						<Breadcrumb.Item href="">全国高校计算机大赛</Breadcrumb.Item>
					</Breadcrumb>

					<div className={"mt10"}>
						<Row className={"CompetitionCommonbanner"}>
							<Col span={15}>banner</Col>
							<Col className={"CompetitionCommonbannerfont"} span={9}>

									<Col className={"competitionbannerdiv"}>全国计算机系列大赛系列大赛系列大赛</Col>

									<Col className={"competitionbannerdiv mt10"}>
											<Col className={"Competitioncolor9b"}>竞赛时间：</Col>
											<Col>2019-08-07 24: 00～2019-09-10 24: 00</Col>
									</Col>

									<Col className={"competitionbannerdiv mt20"}>
											<Row gutter={16}>
												<Col className="gutter-row" span={6}>
													<div className="gutter-box CompetitionsIndexdadels Competitioncolor77">奖金</div>
												</Col>
												<Col className="gutter-row" span={6}>
													<div className="gutter-box CompetitionsIndexdadels Competitioncolor77">浏览数</div>
												</Col>
												<Col className="gutter-row" span={6}>
													<div className="gutter-box CompetitionsIndexdadels Competitioncolor77">报名数</div>
												</Col>
											</Row>

											<Row gutter={16}>
												<Col className="gutter-row" span={6}>
													<div className="gutter-box CompetitionsIndexbottomvalue Competitioncolor516">¥123</div>
												</Col>
												<Col className="gutter-row" span={6}>
													<div className="gutter-box CompetitionsIndexbottomvalue Competitioncolor516">4124</div>
												</Col>
												<Col className="gutter-row" span={6}>
													<div className="gutter-box CompetitionsIndexbottomvalue Competitioncolor516">51234</div>
												</Col>
											</Row>
									</Col>

									<Col className={"competitionbannerdiv mt20"}>
										<Button type="primary" block className={"Competitionfontsize22"}>
											立即报名
									  </Button>
									</Col>
									<Col className={"mt10 Competitionfontsize16"}>报名截止时间：2019-08-07 08:10</Col>
							</Col>
						</Row>
					</div>



						<Layout className={'teamsLayout mt40'}>

							<Sider>

								<Menu mode="inline" className="CompetitionMenu" defaultSelectedKeys={['1']}>

									<Menu.Item key="1">
										<span>赛制介绍</span>
									</Menu.Item>

									<Menu.Item key="2">
										<span>参赛手册</span>
									</Menu.Item>

									<Menu.Item key="3">
										<span>排行榜</span>
									</Menu.Item>

									<Menu.Item key="4">
										<span>通知公告</span>
									</Menu.Item>

							  </Menu>

							</Sider>

							<Layout>
								<Content>Content</Content>
							</Layout>
						</Layout>

			</div>

		)
	}
}
export default CompetitionCommon;