import React, { Component } from 'react';

import { Redirect } from 'react-router';

import {BrowserRouter as Router, Route, Link, Switch} from "react-router-dom";

import PropTypes from 'prop-types';

import {Modal,Input,Radio,Pagination,message,Spin,Icon,Tooltip} from 'antd';

import AccountProfile from"../user/AccountProfile";

import 'antd/lib/pagination/style/index.css';

import axios from 'axios'

import Modals from '../modals/Modals';

// import { Rating,Progress } from '@icedesign/base';

import Rating from '@icedesign/base/lib/rating';

import Progress from '@icedesign/base/lib/progress';

// 引入业务组件样式
import '@icedesign/base/lib/rating/style.js';

import '@icedesign/base/lib/progress/style.js';

import './shixuns/css/TPMBanner.css';

let $ = window.$;

const Search = Input.Search;

const RadioGroup = Radio.Group;

class TPMBanner extends Component {
    constructor(props) {
    	super(props)
      this.state={
          Forkvisible: false,
          Senttothetype:false,
          Senttothevcalue:undefined,
          courses_count:1,
          course_list:[],
          pagenum:1,
          publishbox:"",
          publishboxstatus:0,
          pages:1,
          Issuevisible:false,
          evaluation_set_position:[],
          tag_position:[],
          Forkauthentication:false,
          can_fork:undefined,
          certi_url:undefined,
          showradios:false,
          startbtn:false,
          Searchvalue:"",
          startshixunCombattype:false,
          shixunsmessage:"",
          shixunsreplace:false,
          hidestartshixunsreplacevalue:"",
          isIE:false,
          Forkvisibletype: false,
          isSpin:false,
				  Senttothevcaluetype:false
      }
    }

    // star_info:[0, 0, 0, 0, 0, 0],
    // star_infos:[0, 0, 0, 0, 0, 0],
    // shixunsDetails:{},
    // shixunId: undefined,
    // componentWillReceiveProps(newProps, newContext){
    //   this.setState({
    //     shixunsDetails: newProps.shixunsDetails
    //   });
    // }

    IEVersion=()=>{
        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
        var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
        var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
        var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
        if(isIE) {
            var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
            reIE.test(userAgent);
            var fIEVersion = parseFloat(RegExp["$1"]);
            if(fIEVersion == 7) {
                return 7;
            } else if(fIEVersion == 8) {
                return 8;
            } else if(fIEVersion == 9) {
                return 9;
            } else if(fIEVersion == 10) {
                return 10;
            } else {
                return 6;//IE版本<=7
            }
        } else if(isEdge) {
            return 'edge';//edge
        } else if(isIE11) {
            return 11; //IE11
        }else{
            return -1;//不是ie浏览器
        }
    }
    componentDidMount() {
     let thiisie=this.IEVersion();
      if(thiisie!=-1){
          this.setState({
              isIE:true
          })
      }else{
          this.setState({
              isIE:false
          })
      }
    }
    /*
    * Fork
    * */
    copyForkvisible = () => {
        let {shixunsDetails} = this.props;
        if (shixunsDetails.can_fork === null) {
            this.setState({
                Forkvisible: true
            })
        } else {
            this.setState({
                Forkvisible: false,
                Forkauthentication: true,
                can_fork: shixunsDetails.can_fork.can_fork,
                certi_url: shixunsDetails.can_fork.certi_url,
            })
        }

    }

    hideForkvisible = () => {
        this.setState({
            Forkvisible: false,
            Forkauthentication:false
        })
    }

    addForkvisible = () => {
      this.setState({
        Forkvisibletype: true,
      })
        let id = this.props.match.params.shixunId;
        let url = "/shixuns/" + id + "/copy.json";
        axios.post(url).then((response) => {
            if(response.data.status===401){

            }else{
                this.setState({
                  Forkvisible: false,
                  Forkauthentication: false,
                  // Forkvisibletype:false
                })
                window.location.href = "/shixuns/" + response.data.shixun + "/challenges";
            }

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

    }
    /*
    * 发送至按钮
    * */
    Senttothe=()=>{
			if(this.props.checkIfLogin()===false){
				this.props.showLoginDialog()
				return
			}
			if(this.props.current_user&&this.props.current_user.profile_completed===false){
				this.setState({
					AccountProfiletype:true
				})
				return
			}
			let id = this.props.match.params.shixunId;
        let url="/shixuns/" + id +"/search_user_courses.json";
        this.setState({
            Senttothetype:true
        })

        axios.get(url, {
            params: {
                page:1,
                limit:10
            }}).then((response) => {
            this.setState({
                courses_count:response.data.courses_count,
                course_list:response.data.course_list
            })
        }).catch((error) => {
            console.log(error)
        });
    }

    SenttotheSearch=(value)=>{
        let id = this.props.match.params.shixunId;
        let url="/shixuns/" + id +"/search_user_courses.json?search="+value;
        axios.get(url, {
            params: {
                page:1,
                limit:10
            }}).then((response) => {
            this.setState({
                courses_count:response.data.courses_count,
                course_list:response.data.course_list,
                pages:1,
                Searchvalue:value
            })
        }).catch((error) => {
            console.log(error)
        });
    }

    onChangeSenttothevcalue=(e)=>{
        this.setState({
            Senttothevcalue:e.target.value
        })
    }
    onChangesendeSenttothe=(pageNumber)=>{
        let{Searchvalue}=this.state;
        let id = this.props.match.params.shixunId;
        let url="/shixuns/" + id +"/search_user_courses.json?search="+Searchvalue;
        axios.get(url, {
            params: {
                page:pageNumber,
                limit:10
            }}).then((response) => {
            this.setState({
                courses_count:response.data.courses_count,
                course_list:response.data.course_list,
                pagenum: pageNumber,
                pages: pageNumber
            })
        }).catch((error) => {
            console.log(error)
        });
    }
    sendeSenttothevcalue=()=>{

        let {Senttothevcalue}=this.state;

				if(Senttothevcalue===undefined){
					this.setState({
						Senttothevcaluetype:true
					})
					return
				}
        let id = this.props.match.params.shixunId;
        let url="/shixuns/" + id +"/send_to_course.json";
        axios.post(url,{
            course_id:Senttothevcalue
        }).then((response) => {

            this.props.showSnackbar(response.data.message);
            this.setState({
                Senttothetype:false,
                Searchvalue:"",
                pages:1
            })
           // window.location.href = response.data.url;
					// response.data.course_id
					this.props.history.replace("/courses");

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

    }

    hideSenttothevcalue=()=>{
        this.setState({
            Senttothetype:false,
            Searchvalue:"",
            pages:1
        })


    }

    /*
    * 撤销发布按钮
    * */

	ModalCancel=()=>{
		this.setState({
			Modalstype:false
		})
	}
	ModalSave=()=>{
		let id = this.props.match.params.shixunId;
		let url="/shixuns/" + id +"/cancel_publish.json";
		axios.get(url).then((response) => {
			this.props.showSnackbar(response.data.message);
			window.location.reload()
		}).catch((error) => {
			console.log(error)
		});
	}
    cancel_publish=()=>{
    	this.setState({
				Modalstype:true,
				Modalstopval:"是否确认撤销发布？",
				ModalCancel:this.ModalCancel,
				ModalSave:this.ModalSave,
			})
    }


    /*
    * 申请发布按钮
    * */
    applyrelease=()=>{
        let id = this.props.match.params.shixunId;
        let url="/shixuns/" + id +"/publish.json";
        axios.get(url).then((response) => {
            let evaluation_set_position
            if(response.data.evaluation_set_position===null){
                evaluation_set_position=[]
            }else{
                evaluation_set_position=response.data.evaluation_set_position
            }
            this.setState({
                Issuevisible:true,
                tag_position:response.data.tag_position,
                evaluation_set_position:evaluation_set_position,
                publishboxstatus:response.data.status,
            })
        }).catch((error) => {
            console.log(error)
        });
    };

    hiddenIssuevisible=(val)=>{
        this.setState({
            Issuevisible:false
        })
        if(val===0||val===1){
            window.location.reload()
        }

    }

    //重置按钮
    // resetshixunCombat=(id)=>{
    //     let zrl="/myshixuns/"+id+"/reset_my_game.json";
    //     axios.get(zrl).then((response) => {
    //         window.location.href = "/shixuns/" + response.data.shixun_identifier + "/challenges";
    //         message.success('重置成功');
    //     }).catch((error) => {
    //         console.log(error)
    //     });
    // }

    // reset_my_game
    hidestartshixunsreplace=(url)=>{
        this.setState({
            isSpin:true,
        })
        axios.get(url).then((response) => {
            if(response.status===200){
                // let path="/shixuns/"+response.data.shixun_identifier+"/challenges";
                // this.props.history.push(path);
								message.success('重置成功，正在进入实训！');
								this.startshixunCombat(response.data.shixun_identifier, 1);
								this.setState({
									shixunsreplace:false,
									isSpin:false,
								})

                // message.success('重置成功，正在进入实训！');
                // this.startshixunCombat();
             }}
            ).catch((error) => {
            this.setState({
                startbtn:false,
                shixunsreplace:false,
                isSpin:false
            })
        });

    }


    //开始实战按钮
    startshixunCombat=(id, reset)=>{

			if(this.props.checkIfLogin()===false){
				this.props.showLoginDialog()
				return
			}

    	if(this.props.current_user&&this.props.current_user.profile_completed===false){
				this.setState({
					AccountProfiletype:true
				})
				return
			}

        let {shixunsDetails} = this.props
        if(	shixunsDetails.shixun_status>1){
            this.setState({
                startbtn:true,
                hidestartshixunsreplacevalue:""
            })
        }else{
            this.setState({
                hidestartshixunsreplacevalue:""
            })
        }


        let url="/shixuns/"+id+"/shixun_exec.json" ;
        if (reset) {
            url += '?reset=' + reset
        }
        axios.get(url).then((response) => {
       if(response.status===200){
           if(response.data.status===-2){
               // this.resetshixunCombat(response.data.message);
               this.setState({
                   startbtn:false,
                   shixunsreplace:true,
                   hidestartshixunsreplacevalue:response.data.message+".json"
               })
						 // this.shixunexec(response.data.message+".json")
           }else if(response.data.status===-1){
               console.log(response)
           }else if(response.data.status===-3){
               this.setState({
                   shixunsmessage:response.data.message,
                   startshixunCombattype:true,
                   startbtn:false
               })
           }else{
               // let path="/tasks/"+response.data.game_identifier;
               // this.props.history.push(path);


               // this.context.router.history.push(path);
               if(response.data.status!=401){
                   window.location.href = "/tasks/"+response.data.game_identifier;
               }

           }
       }
        }).catch((error) => {
            this.setState({
                startbtn:false
            })
        });
    }

    tocertification=()=>{
        let{certi_url}=this.state;
        this.setState({
            Forkauthentication:false
        })
        window.location.href=certi_url;
    }

    SenttotheValue=(e)=>{
        this.setState({
            Searchvalue:e.target.value
        })
    }

    hidestartshixunCombattype=()=>{
        this.setState({
            startshixunCombattype:false
        })
    }

	hideAccountProfile=()=>{
		this.setState({
			AccountProfiletype:false
		})
	}


	showonMouseOver=()=>{
		$("#ratePanel").show();
		this.setState({
			showradios:true
		})
	}

	hideonMouseOut=()=>{
		$("#ratePanel").hide();
		this.setState({
			showradios:false
		})
	}

	render() {
      let {
            Forkvisible,
            Senttothetype,
            Senttothevcalue,
            evaluation_set_position,
            Forkauthentication,
            can_fork,
            certi_url,
            tag_position,
            courses_count,
            course_list,
            Issuevisible,
            publishboxstatus,
            showradios,
            startbtn,
            Searchvalue,
            startshixunCombattype,
            shixunsmessage,
            pages,
            shixunsreplace,
            hidestartshixunsreplacevalue,
            Forkvisibletype,
				    AccountProfiletype,
            isIE} = this.state;
      let {shixunsDetails, shixunId, star_info, star_infos} = this.props;
    	let challengeBtnTipText = '';
      let challengeBtnText = '模拟实战';
      // let star_info=[]
    // 	if (shixunsDetails.status === 0) {
    //
    // 	} else if (shixunsDetails.status === 1) {
    //
    // 	} else if (shixunsDetails.status === 2) {
    // 		challengeBtnTipText = '开始学习并完成实战任务'
    //
    // }
      if(shixunsDetails!=undefined){
          if (shixunsDetails.shixun_status === 0 ) {
              challengeBtnText = '继续实战'
          } else if (shixunsDetails.shixun_status === 1) {
              challengeBtnText = '查看实战'
          } else if (shixunsDetails.shixun_status === 3) {
              challengeBtnText = '继续实战'
          }else{
              challengeBtnText = "开始实战"
          }
      }


      // let list=shixunsDetails.task_operation;
      // if(list!=undefined){
      //     if (shixunsDetails.status === 0 ) {
      //         for(var i=0; i<list.length; i++){
      //             challengeBtnText =list[0]
      //         }
      //     } else if (shixunsDetails.status === 1) {
      //         for(var i=0; i<list.length; i++){
      //             challengeBtnText =list[0]
      //         }
      //     } else if (shixunsDetails.status === 3) {
      //         for(var i=0; i<list.length; i++){
      //             challengeBtnText =list[0]
      //         }
      //     }else{
      //         for(var i=0; i<list.length; i++){
      //             challengeBtnText =list[0]
      //         }
      //     }
      // }
        const radioStyle = {
            display: 'block',
            height: '30px',
            lineHeight: '30px',
        };

			  const antIcon = <Icon type="loading" style={{ fontSize: 24 }} spin />;
      	return (

                shixunsDetails===undefined?"":
<div>
    <div className="shixunDetail_top">

			{AccountProfiletype===true?<AccountProfile
				hideAccountProfile={()=>this.hideAccountProfile()}
				{...this.props}
				{...this.state}
			/>:""}


			{this.state.Modalstype===true?<Modals
				modalsType={this.state.Modalstype}
				modalsTopval={this.state.Modalstopval}
				modalCancel={this.state.ModalCancel}
				modalSave={this.state.ModalSave}
				modalsBottomval={this.state.ModalsBottomval}
				loadtype={this.state.Loadtype}
			/>:""}

        <div className="educontent clearfix">
            <p className="clearfix">
                <a href={"/shixuns/" + shixunsDetails.identifier + "/challenges"}
                   className="font-28 color-white mr10 fl">{shixunsDetails.name}</a>
                {
                    shixunsDetails.fork_from === undefined || shixunsDetails.fork_from === null ? "" :
                        <a href={"/shixuns/" + shixunsDetails.fork_from.fork_identifier + "/challenges"}
                           className="fl mt5"
                           target="_blank"
                           data-tip-right={"forked from " + shixunsDetails.fork_from.username + " / " + shixunsDetails.fork_from.name}>
                            <i className="iconfont icon-fork color-grey-74 font-20 fl"></i>
                        </a>
                }

            </p>
            <div className="clearfix mt50">
                <ul className="fl color-grey-c pathInfo">
                    <li>
                        <span>学习人数</span>
                        <span className="mt10">{shixunsDetails.stu_num}</span>
                    </li>
                    {/*<li>*/}
                        {/*<span>经验值</span>*/}
                        {/*<span className="mt10">{shixunsDetails.experience}</span>*/}
                    {/*</li>*/}
                    <li>
                        <span>难度系数</span>
                        <span className="shixunsdiffcult mt10">{shixunsDetails.diffcult}</span>

                    </li>
                </ul>

                <div className="pr fl" id="commentsStar" onMouseOver={()=>this.showonMouseOver()} onMouseOut={()=>this.hideonMouseOut()}>
									  <div className={"color-grey-c mb11"} style={{color: "#Fff",textAlign: "center"}}>学员评分</div>
                    <div className="rateYo">
                        <Rating value={star_info[0]} disabled allowHalf/>
                    </div>
                    <div id="ratePanel" className="showratePanel" style={{"width":"512px"}} onMouseOut={()=>this.hideonMouseOut()}>
                        <div className="pr">
                            <span className="rateTrangle"></span>
                            <div className="pr clearfix ratePanelContent" style={{height: '177px'}}>
                                <div className="fl totalScore">
                                    <div>
                                        <span
                                            className="font-24 color-yellow-ff lineh-20 mb10 ml20">{star_infos[0]}分</span>
                                        <span className="displayblock">总评分</span>
                                        <div className="rateYo">
                                            {showradios === true ?
                                                <Rating value={star_info[0]} allowHalf/>
                                                : ""}
                                        </div>
                                    </div>
                                </div>
                                <div className="fr width360">
                                    <div className="clearfix">
                                        <div className="rateYo fl mt3">
                                            {showradios === true ?
                                                <Rating value={5} disabled allowHalf/>
                                                : ""}
                                        </div>
                                        <Progress percent={star_infos[1]} showInfo={false}></Progress>
                                        <span className="fr ml10 color-grey-6 font-12 mt4">{star_infos[1]}%</span>
                                    </div>
                                    <div className="clearfix">
                                        <div className="rateYo fl mt3">
                                            {showradios === true ?
                                                <Rating value={4} disabled allowHalf/>
                                                : ""}
                                        </div>
                                        <Progress percent={star_infos[2]} showInfo={false}></Progress>
                                        <span className="fr ml10 color-grey-6 font-12 mt4">{star_infos[2]}%</span>
                                    </div>
                                    <div className="clearfix">
                                        <div className="rateYo fl mt3">
                                            {showradios === true ?
                                                <Rating value={3} disabled allowHalf/>
                                                : ""}
                                        </div>
                                        <Progress percent={star_infos[3]} showInfo={false}></Progress>
                                        <span className="fr ml10 color-grey-6 font-12 mt4">{star_infos[3]}%</span>
                                    </div>
                                    <div className="clearfix">
                                        <div className="rateYo fl mt3">
                                            {showradios === true ?
                                                <Rating value={2} disabled allowHalf/>
                                                : ""}
                                        </div>
                                        <Progress percent={star_infos[4]} showInfo={false}></Progress>
                                        <span className="fr ml10 color-grey-6 font-12 mt4">{star_infos[4]}%</span>
                                    </div>
                                    <div className="clearfix">
                                        <div className="rateYo fl mt3">
                                            {showradios === true ?
                                                <Rating value={1} disabled allowHalf/>
                                                : ""}
                                        </div>
                                        <Progress percent={star_infos[5]} showInfo={false}></Progress>
                                        <span className="fr ml10 color-grey-6 font-12 mt4">{star_infos[5]}%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                {
                    startbtn === false && shixunsDetails.shixun_status != -1 ?
                        <Tooltip placement="bottom" title={
                            shixunsDetails.task_operation === undefined ? "" : shixunsDetails.task_operation[0] === "开始实战" ? "开始学习并完成实战任务" : shixunsDetails.task_operation[0] === "继续挑战" ? "继续完成后续学习和实战任务" :
                                shixunsDetails.task_operation[0] === "查看实战" ? "查看我的实战光辉历史" :
                                    shixunsDetails.task_operation[0] === "模拟实战" ? "模拟完成实战任务" : shixunsDetails.task_operation[0] === "开启挑战" ? "开始学习并完成实战任务" : ""
                        }>
                            <a onClick={()=>this.startshixunCombat(this.props.match.params.shixunId)}
                               className="fr user_default_btn task-btn-orange font-18"
                               id="shixun_operation" data-remote="true"
                            >
                                {shixunsDetails.task_operation === undefined ? "" : shixunsDetails.shixun_status > 1 ? shixunsDetails.task_operation[0] : "模拟实战"}
                            </a>
                        </Tooltip>
                        : ""
                }

                <Modal
                    keyboard={false}
                    title="提示"
                    visible={startshixunCombattype}
                    closable={false}
                    footer={null}
                >
                    <div className="task-popup-content">
                        <p className="task-popup-text-center font-16 pb20">本实训的开启时间：{shixunsmessage} <br/>开启时间之前不能挑战
                        </p>
                    </div>
                    <div className="task-popup-submit clearfix">
                        {/*<a onClick={this.hidestartshixunCombattype} className="task-btn fl">取消</a>*/}
                        <a className="task-btn task-btn-orange fr mr51" onClick={this.hidestartshixunCombattype}>知道啦</a>
                    </div>
                    {/*<p className="inviteTipbtn with100 fl">*/}
                    {/*<a onClick={this.hidestartshixunCombattype}>知道了</a>*/}
                    {/*</p>*/}
                </Modal>

                <Modal
                    keyboard={false}
                    title="提示"
                    visible={shixunsreplace}
                    closable={false}
                    footer={null}
                >
									<Spin indicator={antIcon} spinning={this.state.isSpin}>
                    <div className="task-popup-content">
                        <p className="task-popup-text-center font-16 pb20">实训已经更新了，正在为您重置!</p>
                    </div>
                    <div className="task-popup-submit clearfix">
                        <a className="task-btn task-btn-orange fr mr51"
                           onClick={() => this.hidestartshixunsreplace(hidestartshixunsreplacevalue)}>知道了</a>
                    </div>
									</Spin>
                </Modal>

                <Modal
                    keyboard={false}
                    visible={startbtn}
                    closable={false}
                    footer={null}
                    className="startbtnModal"
                >
                    <Spin size="large"/>
                </Modal>

                {
                    startbtn === true ?
                        <a className="fr user_default_btn edu-greyback-btn mr15 font-18">开启中</a> : ""
                }

                {/*{*/}
                {/*shixunsDetails.status=== 3 && shixunsDetails.task_operation[0]==="开始实战"?*/}
                {/*<a onClick={this.startshixunCombat} className="fr user_default_btn task-btn-orange font-18"*/}
                {/*data-tip-down="开始学习并完成实战任务"*/}
                {/*id="shixun_operation" data-remote="true"*/}
                {/*>{shixunsDetails.task_operation===undefined?"":shixunsDetails.task_operation[0]}</a>:""*/}
                {/*}*/}

                {shixunsDetails.shixun_status === 0 && this.props.identity < 5 ?
                    <a onClick={this.applyrelease} className="fr user_default_btn user_blue_btn mr20 font-18 height39"
                       id="challenge_begin">申请发布</a> : ""
                }

                <Modal
                     keyboard={false}
                     title="提示"
                    visible={Issuevisible}
                    closable={false}
                    footer={null}
                >
                    {
                        publishboxstatus === 0 ? <div className="task-popup-content">
                            <p className="task-popup-text-center font-16 mt10 mb10">
                                发布申请已提交，请等待管理员的审核<br/>
                            </p>
                        </div> : publishboxstatus === 1 ?
                            <div className="task-popup-content">
                                <p className="task-popup-text-center font-16 mt10 mb10">
                                    发布申请已提交，请等待管理员的审核<br/>
                                    <span className="font-12 color-grey-8"> • 我们将在1-2个工作日内完成审核</span>
                                </p>
                            </div> : publishboxstatus === 2 ? <div className="task-popup-content">
                                <p className="task-popup-text-center font-16  mt10 mb10">
                                    第
                                    {
                                        evaluation_set_position.map((item, key) => {
                                            return (
                                                <span key={key}>{item}<span
                                                    style={{display: key != evaluation_set_position.length-1 ? "inline-block" : 'none'}}>,</span></span>
                                            )
                                        })
                                    }
                                    关评测设置尚未完成，无法申请发布
                                </p>
                            </div> : publishboxstatus === 3 ?
                                <div className="task-popup-content">
                                    <p className="task-popup-text-center font-16 mt10 mb10">
                                        每一个关卡至少需要一个技能标签<br/>
                                        第
                                        {
                                            tag_position.map((item, key) => {
                                                return (
                                                    <span key={key}>{item}<span
                                                        style={{display: key != tag_position.length-1 ? "inline-block" : 'none'}}>,</span></span>
                                                )
                                            })
                                        }
                                        关尚未设置技能标签，请补充
                                    </p>
                                </div> :
                                <div className="task-popup-content">
                                    <p className="task-popup-text-center font-16  mt10 mb10">
                                        尚未创建任务的实训，不能申请发布
                                    </p>
                                </div>
                    }
                    <div className="mb15 clearfix edu-txt-center">
                        <a onClick={() => this.hiddenIssuevisible(publishboxstatus)}
                           className="task-btn task-btn-orange pop_close">知道啦</a>
                    </div>

                </Modal>

                {shixunsDetails.shixun_status === 1 && this.props.identity < 5 ?
                    <a onClick={this.cancel_publish} className="fr user_default_btn user_blue_btn mr20 font-18 height39"
                       id="challenge_begin">撤销发布</a> : ""
                }

                {
                    <a onClick={this.Senttothe}
                       className="fr user_default_btn user_blue_btn mr20 font-18"
                       data-tip-down=""
                       style={{display: shixunsDetails.shixun_status === 0 || shixunsDetails.shixun_status === 3 ||shixunsDetails.shixun_status === 1 ||shixunsDetails.shixun_status === -1  ? "none" : "block"}}
                       data-remote="true">
                        <Tooltip placement="bottom" title={"以实训作业的形式发送到我的课堂"}>
                            发送至
                        </Tooltip>
                    </a>
                }

                <Modal
                    keyboard={false}
                    title="发送实训"
                    visible={Senttothetype}
                    closable={false}
                    footer={null}
                >
                    <div className="">
                        <div className="newupload_conbox">

                            <div className="mb15 font-14 edu-txt-center color-orange-tip">
                                选择的实训将会发送到指定课堂
                            </div>

                            <div className="mb10 edu-position">
                                <Search
                                    placeholder="输入课堂名称的关键字进行搜索"
                                    value={Searchvalue}
                                    onInput={this.SenttotheValue}
                                    onSearch={(value) => this.SenttotheSearch(value)}
                                    style={{width: '100%'}}
                                />
                            </div>
													<style>
														  {`
																.edu-h270{
																	 height:270px;
																	  overflow-y: auto;
																}
															`}
													</style>

                            <div id="search_course_list" className={courses_count > 12?"cdefault ":"cdefault "}>
                                <div className="clearfix mb20 edu-bg-light-blue edu-h270">
                                    <ul>
                                        <RadioGroup onChange={this.onChangeSenttothevcalue} value={Senttothevcalue}>
                                            {
                                                course_list === undefined ? "" : course_list.map((item, key) => {
                                                    return (
                                                        <Radio style={radioStyle} value={item.course_id}
                                                               key={key}>{item.name}</Radio>
                                                    )
                                                })
                                            }
                                        </RadioGroup>
                                    </ul>
                                </div>
                            </div>
													 {this.state.Senttothevcaluetype===true?<div className={"color-red"}>请选择你要发送的课堂</div>:""}
                            <div className="mt10 marginauto" style={{display: courses_count > 12 ? "block" : "none"}}>
                                <Pagination size="small" className="mb20"
                                            showQuickJumper defaultCurrent={1} current={pages} pageSize={12}
                                            total={courses_count} onChange={this.onChangesendeSenttothe}/>
                            </div>

														<div className="mt10 marginauto flexbannerright">
															<div className={"-flex"}></div>
															<div className={"-flex"}></div>
															<div className={"-flex"}>
																<a onClick={this.hideSenttothevcalue}
																	 className="pop_close task-btn mr10 ml25 margin-tp26">取消</a>
																<a className="task-btn task-btn-orange margin-tp26"
																	 onClick={this.sendeSenttothevcalue}
																	 id="submit_send_shixun">确定</a>
															</div>


														</div>

                        </div>
                    </div>
                </Modal>

                {shixunsDetails.shixun_status === 3 &&
                <a className="fr user_default_btn edu-greyback-btn mr15 font-18">已关闭</a>
                }

							{shixunsDetails.shixun_status === -1 &&
							<a className="fr user_default_btn edu-greyback-btn mr15 font-18">已删除</a>
							}


							{this.props.identity < 8&&shixunsDetails.shixun_status != -1 ?<div className="fr user_default_btn user_blue_btn mr20"
                     style={{display: shixunsDetails.can_copy === false || shixunsDetails.can_copy === null ? "none" : "flex"}}>
									<Tooltip placement="bottom" title={"基于这个实训修改形成新的实训"}>
                       <span className="flex1 edu-txt-center fl font-18"
                             onClick={this.copyForkvisible}
                             style={{display: shixunsDetails.can_copy === false || shixunsDetails.can_copy === null ? "none" : "inline-block"}}
                       >
                              Fork
                        </span>
                    </Tooltip>

									<Modal
                        keyboard={false}
                        title="提示"
                        visible={Forkvisible}
                        closable={false}
                        footer={null}
                    >
                      {Forkvisibletype===true?
                        <Spin
                          tip="请等待正在复制中..."
                          style={{marginLeft:'38%'}}
                        >
                        </Spin>:
                        <div>
                            <div className="task-popup-content"><p
                                className="task-popup-text-center font-16 pb20">复制将在后台执行，平台将为你创建<br/>一个新的同名实训和内容，请问是否继续？</p>
                            </div>
                            <div className="task-popup-submit clearfix">
                                <a onClick={this.hideForkvisible} className="task-btn fl">取消</a>
                                <a className="task-btn task-btn-orange fr" onClick={this.addForkvisible}>确定</a>
                            </div>
                        </div>
                      }


                    </Modal>

                    <Modal
                        keyboard={false}
                        title="提示"
                        visible={Forkauthentication}
                        closable={false}
                        footer={null}
                    >
                        <div className="task-popup-content"><p
                            className="task-popup-text-center font-16 pb20">{can_fork}<br/>请问是否前往进行认证？</p>
                        </div>
                        <div className="task-popup-submit clearfix">
                            <a onClick={this.hideForkvisible} className="task-btn fl">取消</a>
                            <a className="task-btn task-btn-orange fr" onClick={this.tocertification}>确定</a>
                        </div>
                    </Modal>
                    {!!shixunsDetails.fork_num &&
                    <Link to={"/shixuns/" + shixunId + "/fork_list"} className="forkNum" data-tip-down="Fork实训列表">
                        {shixunsDetails.fork_num}
                    </Link>
                    }

                </div>:""}

            </div>

        </div>

    </div>
    <div className="alert alert-orange mb15 mt15 clearfix"
    style={{display:shixunsDetails.shixun_status === 1?"block":"none"}}
    >正在等待管理员的审核。在审核通过前，可以随时撤销发布</div>
</div>

      	);
    }
}

export default TPMBanner;