import { Button } from 'antd';
import React from 'react';
import teacherImg from '../../img/teacher-img.png';
import lightspot1 from '../../img/lightspot1.png';
import lightspot2 from '../../img/lightspot2.png';
import lightspot3 from '../../img/lightspot3.png';
import lightspot4 from '../../img/lightspot4.png';


import './index.scss';
import { Link } from 'react-router-dom';


function Lightspot(props) {
  const {current_user, isGlccApplyDate, showNotification, studentApplyStart} = props;

  function goToApply(){
    if(isGlccApplyDate){
      if(current_user && current_user.login){
        window.location.href="https://wj.qq.com/s2/10175205/e8df/";
      }else{
        window.location.href="/login?go_page=https://wj.qq.com/s2/10175205/e8df/";
      }
    }else{
      showNotification("不在报名时间，报名时间为4月15日~5月20日");
      window.location.href="/glcc";
    }
  }

  function goToStudent(){
    // 学生报名时间
    if(!studentApplyStart){
      showNotification("不在报名时间，报名开始时间为5月26日");
    }else{
      window.location.href="/glcc/subjects";
    }
  }

  return (
    <div className="lightspot">
      <div className="glcc-content">
        <h3 className="glcc-tit">活动亮点</h3>
        <div className="lightspot-content">
          <div className="info-teacher">
            <div className="teacher-text">
              <h3 className="teacher-invite">有兴趣成为GLCC的导师吗？</h3>
              <div className="teacher-content">想要扩大项目知名度和影响力，为开源项目吸引新鲜血液，培养长期开发者。通过GitLink平台，与高校建立连接，指导开源新人传授他们的开源文化，享受开源的乐趣</div>
              {/* <Link className='applyBut' to={isGlccApplyDate ? current_user && current_user.login ? 'https://wj.qq.com/s2/10175205/e8df/' : '/login?go_page=/glcc/apply' : '/glcc'} onClick={()=>{!isGlccApplyDate && showNotification("不在报名时间，报名时间为4月15日~5月20日")}}>立即报名</Link> */}
              {/*  onClick={goToApply} */}
              <div className='applyBut project'><span className='hover-none'>项目报名</span><span className='hover-show'>项目报名已截止</span></div>
            </div>
            <div className="teacher-text">
              <h3 className="teacher-invite">你是开源新手，有兴趣参加GLCC吗？</h3>
              <div className="teacher-content">想要参与一线开源项目开发，熟悉开源社区运作流程，接受资深开源软件专家指导，获得丰厚奖金和实习机会。参加GLCC，开启全新的开源之旅。</div>
              {/* <Link className='applyBut' to={isGlccApplyDate ? current_user && current_user.login ? 'https://wj.qq.com/s2/10175205/e8df/' : '/login?go_page=/glcc/apply' : '/glcc'} onClick={()=>{!isGlccApplyDate && showNotification("不在报名时间，报名时间为4月15日~5月20日")}}>立即报名</Link> */}
              <div className='applyBut'  onClick={goToStudent}>学生报名</div>
            </div>
            {/* <img className="teacher-img" src={teacherImg} alt=''></img> */}
          </div>

          <div className="info-student">
            <div className="info-item">
              <img className="info-item-img" src={lightspot1} alt=''></img>
              <h3 className="info-item-tit">汇聚行业顶尖开源项目</h3>
              <div className="info-item-content">平台汇聚腾讯、百度、阿里巴巴、亚马逊云科技、滴滴等行业尖端开源项目，把握开源生态发展脉搏</div>
            </div>

            <div className="info-item">
              <img className="info-item-img" src={lightspot2} alt=''></img>
              <h3 className="info-item-tit">覆盖全国千所高校、万名会员</h3>
              <div className="info-item-content">活动邀请10+全球顶尖开源基金会，100+顶级开源项目社区，致力营造专业、开放的开源社区</div>
            </div>

            <div className="info-item">
              <img className="info-item-img" src={lightspot3} alt=''></img>
              <h3 className="info-item-tit">结识开源伙伴和技术大咖</h3>
              <div className="info-item-content">每个项目配备一名导师，参与开源项目开发可接受一线资深开源项目专家专业指导，结识志同道合的开发伙伴</div>
            </div>

            <div className="info-item">
              <img className="info-item-img" src={lightspot4} alt=''></img>
              <h3 className="info-item-tit">丰厚奖励&实习绿色通道</h3>
              <div className="info-item-content">入选同学可获得丰厚奖金，并有机会进入优秀开源项目企业实习或工作，受邀参与开源大会等机会</div>
            </div>

          </div>



        </div>
      </div>
    </div>
  )
}
export default Lightspot;