import React, {Component} from 'react';
import {
	BrowserRouter as Router,
	Route,
	Switch
} from 'react-router-dom';
import axios from 'axios';
import moment from 'moment';
import {SnackbarHOC, WordsBtn} from 'educoder';
import {TPMIndexHOC} from '../tpm/TPMIndexHOC';
import competition from './comcss/competition.css';
import {Button, Pagination,} from 'antd';
import Registrationitem from './Registrationitem';
import RegisNodata from './RegisNodata';
import CompetitionMaxImg from './CompetitionMaxImg';
import RegistrationSearch from './RegistrationSearch';
import RegisListview from './RegisListview';
import RegisListviewdata from './RegisListviewdata';
// 团队竞赛报名无报名
class Registration extends React.Component {
	constructor(props) {
		super(props)
		this.state = {
			persons: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],
			loadingstate: false,
			page: 1,
			limit: 20,
			type: 5,
		}
	}


	paginationonChangestwo = (pageNumber) => {
		this.setState({
			page: pageNumber,
			loadingstate: true,
		})
	}
	render() {
		const {persons, page, limit, type} = this.state;
		const listItems = persons.map((item, index) =>
			<RegisListviewdata></RegisListviewdata>
		);
		return (
			<div className="newMain clearfix ">
				<div className={"educontent  mb20"} style={{width: "1200px", marginTop: "26px"}}>
					<div className="educontent mb20 ">
						<p className="clearfix mb20 mt10">
							<a className="btn colorgrey fl hovercolorblue ">在线竞赛</a>
							<span className="color-grey-9 fl ml3 mr3">&gt;</span>
							<a
								className=" btn colorgrey fl hovercolorblue ">全国高校计算机大赛-项目挑战</a>
							<span className="color-grey-9 fl ml3 mr3">&gt;</span>
							<WordsBtn className="fl">报名</WordsBtn>
						</p>
					</div>
					{/*大图*/}
					<CompetitionMaxImg type={type}></CompetitionMaxImg>
					{/*大图结尾*/}
					{/*没数据*/}
					{/*<RegisNodata></RegisNodata>*/}

					<Registrationitem type={type}></Registrationitem>
					{
						type === 4 || type === 5 ?
							<RegistrationSearch></RegistrationSearch>
							: ""
					}
					{
						type === 4 || type === 5 ?
							<RegisListview></RegisListview>
							:
							""
					}


					{type === 4 || type === 5 ?
						listItems
						:
						""
					}

					{/*<RegisListviewdata></RegisListviewdata>*/}
					{
						type === 5 ?
							<div className="edu-txt-center ysyslxh mt56 " style={{marginBottom: "192px",}}>
								<Pagination showQuickJumper current={page}
														onChange={this.paginationonChangestwo} pageSize={limit}
														total={30}></Pagination>
							</div>
							: ""
					}

				</div>

			</div>
		)
	}

}

export default SnackbarHOC()(TPMIndexHOC(Registration));