import React, {Component} from "react";
import {Link, NavLink} from 'react-router-dom';
import {WordsBtn, ActionBtn} from 'educoder';
import axios from 'axios';
import {
	notification
} from "antd";
import '../css/members.css';
import "../common/formCommon.css";
import '../css/Courses.css';
import './style.css';
import '../css/busyWork.css';
import '../poll/pollStyle.css';
import Listofworks from "./Listofworks";
import Listofworksstudentone from './Listofworksstudentone';
import Trainingjobsetting from './Trainingjobsetting';
import Workquestionandanswer from './Workquestionandanswer';
import CoursesListType from '../coursesPublic/CoursesListType';
import ShixunStudentWork from "./ShixunStudentWork";
import Startshixuntask from "../coursesPublic/Startshixuntask";
import HomeworkModal from "../coursesPublic/HomeworkModal";
import moment from 'moment';

class ShixunHomeworkPage extends Component {
	constructor(props) {
		super(props);
		this.state = {
			tab: ["0"],
			jobsettingsdata: undefined,
			teacherdata: undefined,
			code_review: false,
			view_report: false,
		}

	}

	//切换tab
	ChangeTab = (e) => {
		// console.log(e);
		this.setState({
			tab: e
		})
		try {
			var currenturl = window.location.href;
			var newUrl = (currenturl.split("?"))[0];
			window.history.pushState('','',newUrl+'?tab='+e);
		}catch (e) {
			console.log(e);
			console.log("44");
		}

	}
	Getdataback = (jobsettingsdata, teacherdata) => {
		this.setState({
			jobsettingsdata: jobsettingsdata,
			teacherdata: teacherdata,
			code_review: teacherdata.code_review,
			view_report: teacherdata.view_report,
		})
	}

	componentDidMount() {
		const query = this.props.location.search;
		const type = query.split('?tab=');
		// let sum = []
		// sum.push(type[1])
		// console.log("componentDidMountcomponentDidMount");
		console.log(type);
		this.setState({
			tab: type[1],
		})
		let querys = this.props.location.pathname;
		const types = querys.split('/');
		console.log(types);
		this.setState({
			shixuntypes: types[3]
		})
	}
	//立即发布
	homeworkstart = () => {
		debugger
		let homeworkid = this.props.match.params.homeworkid;
		let url = "/homework_commons/" + homeworkid + "/publish_groups.json";


		axios.get(url).then((response) => {

			if (response.status === 200) {
				let starttime = this.props.getNowFormatDates(1);
				let endtime = this.props.getNowFormatDates(2);
				this.setState({
					modalname: "立即发布",
					modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1,
					svisible: true,
					Topval:"学生将立即收到作业",
					// Botvalleft:"暂不发布",
					Botval:`本操作只对"未发布"的分班有效`,
					starttime: "发布时间：" + moment(moment(new Date())).format("YYYY-MM-DD HH:mm"),
					endtime: "截止时间：" + endtime,
					starttimes:starttime,
					typs:"start",
					Cancelname: "暂不发布",
					Savesname: "立即发布",
					Cancel: this.homeworkhide,
					Saves: this.homeworkstartend,
					course_groups: response.data.course_groups,
				})
			}
		}).catch((error) => {
			console.log(error)
		});

	}

	getcourse_groupslist = (id) => {
		this.setState({
			course_groupslist: id
		})

	}

	isupdatas = () => {
		// var homeworkid = this.props.match.params.homeworkid;
		// // this.Gettitleinformation(homeworkid);
		// this.Getalistofworks(homeworkid);
	}

	homeworkhide = () => {
		this.isupdatas()
		this.setState({
			modalname: undefined,
			modaltype: undefined,
			svisible: false,
			Topval: undefined,
			Topvalright: undefined,
			Botvalleft: undefined,
			Botval: undefined,
			starttime: undefined,
			endtime: undefined,
			Cancelname: undefined,
			Savesname: undefined,
			Cancel: undefined,
			Saves: undefined,
			StudentList_value: undefined,
			addname: undefined,
			addnametype: false,
			addnametab: undefined,
			course_groupyslstwo: undefined,
			typs:undefined,
			starttimes:undefined,
		})
	}
// 立即发布
	homeworkstartend = (ds,endtime) => {
		var homeworkid = this.props.match.params.homeworkid;
		let {course_groupslist} = this.state;

		let coursesId = this.props.match.params.coursesId;
		let url = "/courses/" + coursesId + "/homework_commons/publish_homework.json";
		axios.post(url, {
			homework_ids: [homeworkid],
			group_ids: course_groupslist,
			end_time:endtime,
		}).then((result) => {
			if (result.status === 200) {
				if (result.data.status === 0) {
					notification.open({
						message: "提示",
						description: result.data.message
					});
					this.homeworkhide()
				}

			}
		}).catch((error) => {
			console.log(error);
		})
	}


	//立即截止
	homeworkends = () => {
		let homeworkid = this.props.match.params.homeworkid;
		let url = "/homework_commons/" + homeworkid + "/end_groups.json";

		axios.get(url).then((response) => {

			if (response.status === 200) {
				this.setState({})
				this.setState({
					modalname: "立即截止",
					modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1,
					svisible: true,
					Topval:"学生将不能再提交作业",
					// Botvalleft:"暂不截止",
					Botval:`本操作只对"提交中"的分班有效`,
					Cancelname: "暂不截止",
					Savesname: "立即截止",
					Cancel: this.homeworkhide,
					Saves: this.coursetaskend,
					starttime: undefined,
					endtime: undefined,
					course_groups: response.data.course_groups,
					typs:"end",
				})
			}
		}).catch((error) => {
			console.log(error)
		});
	}

	//立即截止确定按钮
	coursetaskend = () => {
		var homeworkid = this.props.match.params.homeworkid;
		let {course_groupslist} = this.state;


		const cid = this.props.match.params.coursesId;
		let url = "/courses/" + cid + "/homework_commons/end_homework.json";
		axios.post(url, {
				group_ids: course_groupslist,
				homework_ids: [homeworkid],
			})
			.then((response) => {
				if (response.data.status == 0) {
					notification.open({
						message: "提示",
						description: response.data.message
					});
					this.homeworkhide()
				}
			})
			.catch(function (error) {
				console.log(error);
			});
	}

	render() {
		let {tab, jobsettingsdata, teacherdata} = this.state;
		const isAdmin = this.props.isAdmin();
		return (
			<div className="newMain clearfix ">
				{/*立即发布*/}
				<HomeworkModal
					modaltype={this.state.modaltype}
					modalname={this.state.modalname}
					visible={this.state.svisible}
					Topval={this.state.Topval}
					Topvalright={this.state.Topvalright}
					Botvalleft={this.state.Botvalleft}
					Botval={this.state.Botval}
					starttime={this.state.starttime}
					endtime={this.state.endtime}
					Cancelname={this.state.Cancelname}
					Savesname={this.state.Savesname}
					Cancel={this.state.Cancel}
					Saves={this.state.Saves}
					course_groups={this.state.course_groups}
					getcourse_groupslist={(id) => this.getcourse_groupslist(id)}
					starttimes={this.state.starttimes}
					typs={this.state.typs}
				/>
				<div className={"educontent mb20"} style={{width: "1200px"}}>

					<div className="educontent mb20">
						<p className="clearfix mb20 mt10">
							<ActionBtn className=" btn colorgrey fl hovercolorblue "
												 to={`/courses/${this.props.match.params.coursesId}/students`}>{jobsettingsdata === undefined ? "" : jobsettingsdata.data.course_name}</ActionBtn>
							<span className="color-grey-9 fl ml3 mr3">&gt;</span>
							<ActionBtn
								className=" btn colorgrey fl hovercolorblue "
								to={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${jobsettingsdata === undefined ? "" : jobsettingsdata.data.category.category_id === undefined ? "" : jobsettingsdata.data.category.category_id}`}>{jobsettingsdata === undefined ? "" : jobsettingsdata.data.category.category_name}</ActionBtn>
							<span className="color-grey-9 fl ml3 mr3">&gt;</span>
							<WordsBtn className="fl">作业详情</WordsBtn>
						</p>
					</div>
					<div className="educontent mb20">
						<p className=" fl color-black  summaryname" style={{heigth: "33px"}}>
							{teacherdata === undefined ? "" : teacherdata.homework_name}
						</p>
						<CoursesListType
							typelist={teacherdata === undefined ? [""] : teacherdata.homework_status}
						/>
						<a className="color-grey-9 fr font-16  summaryname  ml20 mr20"
							 href={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${jobsettingsdata === undefined ? "" : jobsettingsdata.data.category.category_id === undefined ? "" : jobsettingsdata.data.category.category_id}`}>返回</a>
						<a className="color-grey-9 fr font-16 mr20"
							 href={`/shixuns/${teacherdata === undefined ? "" : teacherdata.shixun_identifier}/challenges`}
							 target={"_blank"}>实训详情</a>


					</div>

					<div className="edu-back-white ">
						<div className="stud-class-set bor-bottom-greyE ">
							<div className=" clearfix edu-back-white poll_list">
								<a className={parseInt(tab) === 0 ? "active" : ""} onClick={(e) => this.ChangeTab(0)}>作品列表</a>
								<a className={parseInt(tab) === 1 ? "active" : ""} onClick={(e) => this.ChangeTab(1)}>作业问答</a>
								{this.props.isAdmin() ?
									this.state.code_review === true || jobsettingsdata === undefined ? [""] : jobsettingsdata.data.homework_status[0] === "未发布" ? "" :
										<a
											className={parseInt(tab) === 2 ? "active" : ""}
											onClick={(e) => this.ChangeTab(2)}>
											代码查重</a> : ""}
								{parseInt(tab) === 3?
								<style>{
									`
                                    .poll_list a.active:after {
                                        content: '';
                                        width: 57px;
                                        left: 10px;
                                        bottom: 0px;
                                        height: 2px;
                                        background-color: #4CACFF;
                                        position: absolute;
                                        }
                                    `
								}</style>
									:""}
								<a className={parseInt(tab) === 3 ? "active" : ""}
									 onClick={(e) => this.ChangeTab(3)}
								>设置</a>
								{/*{this.props.isAdmin() ? <a*/}
								{/*	className="fr color-blue font-16"*/}
								{/*	href={`/api/homework_commons/${this.props.match.params.coursesId}/works_list.xlsx`}*/}
								{/*>导出</a> : ""}*/}
								<style>{`
                        .drop_down_menu li a {
                            padding: 0px;
                            font-size: 14px;
                        }
                        .drop_down_menu {
                            width: 93px;
                        }
                        .drop_down_menu li {
                            overflow: visible;
                            width: 93px;
                        }
                        .drop_down_menu, .drop_down_normal {
                            padding-top: 10px;
                            padding-bottom: 8px;
                        }
                        a:hover {
                        color:#1A0B00 !important;
                        }
                        `}</style>
								{this.props.isAdmin() ?
									<li className="li_line drop_down fr color-blue font-16 mr8 mt20" style={{"padding": "0 20px"}}>
										导出<i className="iconfont icon-xiajiantou font-12 ml2"></i>
										<ul className="drop_down_menu" style={{"right": "-0px", "left": "unset", "height": "auto"}}>
											<li><a
												onClick={() => this.confirmysl(`/zip/shixun_report?homework_common_id=${this.props.match.params.homeworkid}&work_status=${this.state.course_groupyslstwo}&course_group=${this.state.checkedValuesineinfo}&search=${this.state.searchtext}`)}>实训报告</a>
											</li>
											<li><a
												onClick={() => this.confirmysl(`/homework_commons/${this.props.match.params.homeworkid}/works_list.xlsx?group_id=${this.state.checkedValuesineinfo}&search=${this.state.searchtext}`)}>学生成绩</a>
											</li>

										</ul>
									</li> : ""}
								{this.props.isAdmin() ?
									teacherdata && teacherdata.end_immediately === true ?
										<a className="fr color-blue font-16" onClick={this.homeworkends}>立即截止</a>
										: ""
									: ""}
								{this.props.isAdmin() ?
									teacherdata && teacherdata.publish_immediately === true ?
										<a className="fr color-blue font-16" onClick={this.homeworkstart}>立即发布</a>
										: ""
									: ""}
								{this.props.isAdmin() ?
									teacherdata && teacherdata.code_review === true ?
										<a className="fr color-blue font-16" onClick={this.workshowmodel}>代码查重</a>
										: "" : ""}
								{this.state.view_report === true ? <Link className="fr color-blue font-16" target={"_blank"}
																												 to={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${this.props.match.params.homeworkid}/shixun_work_report`}>
									查看实训报告
								</Link> : ""}
								{
									teacherdata === undefined ? ""
										: teacherdata.commit_des === null || teacherdata.commit_des === undefined ? "" :
										<a className="fr color-blue font-16"
											 href={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${teacherdata === undefined ? "" : teacherdata.id}/commitsummary/${this.props.match.params.homeworkid}`}>{teacherdata.commit_des}</a>
								}
								{teacherdata === undefined ? "" : <Startshixuntask
									{...this.props}
									data={teacherdata}
								/>}
							</div>
						</div>
					</div>


					{
						// 教师列表
						parseInt(tab) === 0 ? (isAdmin === true ?
							<Listofworks {...this.props} {...this.state}
													 Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></Listofworks>
							:
							<Listofworksstudentone  {...this.props} {...this.state}
																			Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></Listofworksstudentone>)
							:
							parseInt(tab) === 1 ?
								<Workquestionandanswer {...this.props} {...this.state}
																			 Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></Workquestionandanswer>
								:
								parseInt(tab) === 2 ?
									<ShixunStudentWork {...this.props} {...this.state}
																		 Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></ShixunStudentWork>
									:
									<Trainingjobsetting {...this.props} {...this.state}
																			Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></Trainingjobsetting>
					}
				</div>
			</div>
		)
	}
}

export default ShixunHomeworkPage;

// <div className="edu-back-white mt10" >
// 	<div className="stud-class-set bor-bottom-greyE ">
// 		<div className=" clearfix edu-back-white  pl30 pr30">
// 			<div className="fl task_menu_ul">
// 				{this.props.isAdmin() === true ?
//
// 					<Menu mode="horizontal" selectedKeys={tab} onClick={(e)=>this.changeTab(e)}>
// 						<Menu.Item key="0">作品列表</Menu.Item>
// 						<Menu.Item key="1">作业回答</Menu.Item>
// 						<Menu.Item key="2">代码查重</Menu.Item>
// 						<Menu.Item key="3">设置</Menu.Item>
// 					</Menu>
// 					:
// 					<Menu mode="horizontal" selectedKeys={tab} onClick={(e)=>this.changeTab(e)}>
// 						<Menu.Item key="0">作品列表</Menu.Item>
// 						<Menu.Item key="1">作业回答</Menu.Item>
// 						<Menu.Item key="2">代码查重</Menu.Item>
// 					</Menu>
// 				}
//
// 			</div>
// 		</div>
{/*	</div>*/
}


{/*</div>*/
}