import React, { useState } from 'react';
import { Modal , Checkbox } from 'antd';
import axios from 'axios';


function AgreementModal({ visible , onCancel , onOk}){
  const [ agree , setAgree ]  =  useState(false);
  function changeAgree(e){
    setAgree(e.target.checked);
  }
  // 不同意
  function unAgree(){
    setAgree(false);
    onCancel();
  }
  // 同意协议
  function agreeFunc(){
    const url = `/traces/trace_users.json`;
    axios.post(url).then(result=>{
      if(result){
        agree && onOk();
        setAgree(false);
      }
    }).catch(error=>{})
  }
  return(
    <Modal
      visible={visible}
      title="用户协议及声明条款"
      onCancel={onCancel}
      onOk={onOk}
      className="agreementModal"
      width="700px"
      footer={
        <div className="agreeBtn">
          <a onClick={unAgree}>不同意</a>
          <a className={agree ? "agree btnhover" : 'notagree'} onClick={ agreeFunc}>同意协议</a>
        </div>
      }
    >
      <div className="agreementCon">
        <div className="agreementDesc">
          <p>在使用本系统前，请您务必仔细阅读下列条款： 本系统的资料、信息及其他内容均由国家超级计算无锡中心、中国科学院计算技术研究所、清华大学和北京大学提供，任何人进入本系统、阅读本系统所载任何内容、从本系统下载任何资料或使用本系统提供的任何资料，即表示同意遵守这些条款。如果您不同意遵守这些条款，请勿继续使用本系统。提供方有权对这些条款不时进行更新，前述更新之后的条款将在本系统进行公布，并自公布之日起生效。</p>
          <p className="blod">版权声明</p>
          <p>本系统所提供任何内容，包括但不限于数据、文字、图表或图象，其所有权、著作权及其他权利均由提供方享有。前述权利受中华人民共和国的法律、法规、规章、规范性法律文件及相关国际条约的保护；对前述权利的任何侵犯行为均有可能导致民事、行政或刑事责任，一切后果均由侵权行为人承担。未经提供方事先书面许可，您不得以任何方式复制、修改、传播、出版、转载或展示本系统的任何内容。</p>
          <p>本系统采用但非本系统原创的所有内容，其版权归版权所有人所有；转载的部分内容源自其他系统，因无法和版权权利人联系，如果您是前述内容的版权权利人，请与我们联系并提供证明材料和详实说明，我们将及时加注版权信息；如果您提出异议，我们将立即撤除任何涉及版权问题的内容。对于独家授权本系统提供的任何内容，如您需要转载，应当事先得到本系统和版权所有人的同意。</p>
          <p className="blod">引用本系统内容</p>
          <p>1. 在遵守国家法律以及本协议的情况下，您可以出于非商业目的浏览、下载本系统的内容。如出于商业目的使用（如：拷贝、下载、存储、通过硬盘拷贝或电子抓取系统发送、转换、演示、传播、出版本系统的任何内容，或创造与前述内容有关的演绎作品或衍生产品），则必须事先经过提供方的书面许可，并在使用时注明来源和版权标记。</p>
          <p>2. 如果您需要使用本系统包含的由任何其他主体提供的内容，请直接与版权权利人联系。</p>
          <p className="blod">免责条款</p>
          <p>对本系统的内容，我们已尽最大努力审核，但对于内容的正确性、完整性、及时性、有效性、稳定性、可用性、不侵犯他人权利等方面，不提供任何形式（无论明示或默示）的保证。我们不保证服务器的稳定性，任何由于黑客入侵或攻击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营的不可抗力而造成的资料泄露、丢失、被盗用或被篡改等，本系统均得免责。我们不保证您在任何时候均可浏览、阅读、使用本系统；不保证本系统的内容不存在打印、复制及其他输入方面的错误。提供方有权随时更改本系统任何内容。 在任何情况下，对于无法进入本系统或无法使用本系统内容而导致的任何直接的、间接的、附带的、给第三人造成的损失(包括但不限于，利润损失、信息数据丢失、财产毁坏损失)，提供方均不承担任何责任。 本系统提供的站外链接仅为用户提供方便，但链接的系统不属于本系统的控制范围或管理范畴，故提供方对链接系统所传送或登载的任何形式的内容不承担任何责任。 任何用户在本系统发表的商业信息、个人信息、留言以及其他信息，均不代表本系统以及提供方的立场，且与本系统与提供方无关，相关责任由作者完全承担；本系统有权对上述商业信息、个人信息、留言以及其他信息随时进行删除。</p>
          <p>本系统支持用户在使用本系统系统过程中的合法经营行为，但因用户的作为或不作为所造成的后果概由用户自行承担。</p>
          <p className="blod">隐私保护声明</p>
          <p>本系统承诺按照相关法律的规定、本系统的隐私政策，保护本系统收集的用户个人信息。我们建议您认真阅读本隐私保护声明。</p>
          <p className="blod">适用法律与争议解决</p>
          <p>因本公告或使用本系统所发生的争议适用中华人民共和国法律。因本公告或使用本系统发生争议，应当协商解决，协商不成的，由本公司所在地人民法院受理解决。</p>
          <p className="blod">终止协议或退出服务</p>
          <p>如果您希望不再使用本系统提供的服务，或者您不同意上述条款及更新内容，您可以选择终止协议或者退出服务具体请联系客服人员。</p>
        </div>
        <Checkbox checked={agree} onChange={changeAgree}>我已阅读并同意《用户协议及声明条款》</Checkbox>
      </div>
    </Modal>
  )
}
export default AgreementModal;