import React, { useState } from "react";
import * as System from "~/components/system";

import { css } from "@emotion/react";

import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/WebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/NewWebsitePrototypeFooter";

const STYLES_ROOT = css`
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 88px 32px 128px 32px;
  max-width: 736px;
  width: 100%;
  margin: 0 auto 0 auto;
`;

const STYLES_COPY_EMAIL = css`
  display: inline;
`;

export const getServerSideProps = async (context) => {
  return {
    props: { ...context.query },
  };
};
export function CopyEmail() {
  const [copySuccess, setCopySuccess] = useState("");

  function copyToClipboard() {
    navigator.clipboard.writeText("abuse@filecoin.io");
    setCopySuccess("Copied!");
  }
  return (
    <div css={STYLES_COPY_EMAIL}>
      <a onClick={copyToClipboard}>abuse@filecoin.io</a>
      {copySuccess}
    </div>
  );
}

export default class GuidelinesPage extends React.Component {
  render() {
    const title = `Slate: Terms of Service`;
    const description = "You must agree to our terms of service to use Slate.";
    const url = "https://slate.host/terms";

    return (
      <WebsitePrototypeWrapper
        title={title}
        description={description}
        url={url}
      >
        <WebsitePrototypeHeader />
        <div css={STYLES_ROOT}>
          <System.H1>Terms of Service</System.H1>
          <br />
          <System.P>
            The following terms and conditions govern all use of the Slate's
            website and all content, services and products available at or
            through the website.
          </System.P>
          <br />
          <System.P>
            Please read this Agreement carefully before accessing or using the
            Website. By accessing or using any part of the web site, you agree
            to become bound by the terms and conditions of this agreement.
          </System.P>
          <br />
          <System.P>
            If you do not agree to all the terms and conditions of this
            agreement, then you may not access the Website or use any services.
            If these terms and conditions are considered an offer by Slate,
            acceptance is expressly limited to these terms. The Website is
            available only to individuals who are at least 18 years old.
          </System.P>
          <br />
          <br />
          <System.H2>Storage Deals to the Filecoin Network</System.H2>
          <br />
          <System.P>
            You agree to allow Slate to make storage deals on your behalf to the
            Filecoin Network at any given time.
          </System.P>
          <br />
          <br />
          <System.H2>Your Slate Account and Site</System.H2>
          <br />
          <System.P>
            If you create an account on the Website, you are responsible for
            maintaining the security of your account and its content, and you
            are fully responsible for all activities that occur under the
            account and any other actions taken in connection with the Website.
            You must not describe or assign content to your account in a
            misleading or unlawful manner, including in a manner intended to
            trade on the name or reputation of others, and Slate may change or
            remove any description or keyword that it considers inappropriate or
            unlawful, or otherwise likely to cause Slate liability. You must
            immediately notify Slate of any unauthorized uses of your account or
            any other breaches of security. Slate will not be liable for any
            acts or omissions by You, including any damages of any kind incurred
            as a result of such acts or omissions.
          </System.P>
          <br />
          <br />
          <System.H2>Responsibility of Contributors</System.H2>
          <br />
          <System.P>
            If you operate an account, post material to the Website, post links
            on the Website, or otherwise make (or allow any third party to make)
            material available by means of the Website (any such material,
            Content), You are entirely responsible for the content of, and any
            harm resulting from, that Content. That is the case regardless of
            whether the Content in question constitutes text or graphics. By
            making Content available, you represent and warrant that: the
            downloading, copying and use of the Content will not infringe the
            proprietary rights, including but not limited to the copyright,
            patent, trademark or trade secret rights, of any third party.
          </System.P>
          <br />
          <br />
          <System.H2>Changes</System.H2>
          <br />
          <System.P>
            Slate reserves the right, at its sole discretion, to modify or
            replace any part of this Agreement. It is your responsibility to
            check this Agreement periodically for changes. Your continued use of
            or access to the Website following the posting of any changes to
            this Agreement constitutes acceptance of those changes. Slate may
            also, in the future, offer new services and/or features through the
            Website (including, the release of new tools and resources). Such
            new features and/or services shall be subject to the terms and
            conditions of this Agreement.
          </System.P>
          <br />
          <br />
          <System.H2>Termination</System.H2>
          <br />
          <System.P>
            Slate may terminate your access to all or any part of the Website at
            any time, with or without cause, with or without notice, effective
            immediately. If you wish to terminate this Agreement or your Slate
            account (if you have one), you may simply discontinue using the
            Website. Notwithstanding the foregoing, if you have a VIP Services
            account, such account can only be terminated by Slate if you
            materially breach this Agreement and fail to cure such breach within
            thirty (30) days from Slate notice to you thereof; provided that,
            Slate can terminate the Website immediately as part of a general
            shut down of our service. All provisions of this Agreement which by
            their nature should survive termination shall survive termination,
            including, without limitation, ownership provisions, warranty
            disclaimers, indemnity and limitations of liability.
          </System.P>
          <br />
          <br />
          <System.H2>Disclaimer of Warranties</System.H2>
          <br />
          <System.P>
            The Website is provided “as is”. Slate and its suppliers and
            licensors hereby disclaim all warranties of any kind, express or
            implied, including, without limitation, the warranties of
            merchantability, fitness for a particular purpose and
            non-infringement. Neither Slate nor its suppliers and licensors,
            makes any warranty that the Website will be error free or that
            access thereto will be continuous or uninterrupted. You understand
            that you download from, or otherwise obtain content or services
            through, the Website at your own discretion and risk.
          </System.P>
          <br />
          <br />
          <System.H2>Limitation of Liability</System.H2>
          <br />
          <System.P>
            In no event will Slate, or its suppliers or licensors, be liable
            with respect to any subject matter of this agreement under any
            contract, negligence, strict liability or other legal or equitable
            theory for: any special, incidental or consequential damages; the
            cost of procurement or substitute products or services; for
            interruption of use or loss or corruption of data; for any amounts
            that exceed the fees paid by you to Slate under this agreement
            during the twelve (12) month period prior to the cause of action.
          </System.P>
          <br />
          <System.P>
            Slate shall have no liability for any failure or delay due to
            matters beyond their reasonable control. The foregoing shall not
            apply to the extent prohibited by applicable law.
          </System.P>
          <br />
          <br />
          <System.H2>General Representation and Warranty</System.H2>
          <br />
          <System.P>
            You represent and warrant that Your use of the Website will be in
            strict accordance with the Slate Community Guidelines, with this
            Agreement and with all applicable laws and regulations (including
            without limitation any local laws or regulations in your country,
            state, city, or other governmental area, regarding online conduct
            and acceptable content, and including all applicable laws regarding
            the transmission of technical data exported from the United States
            or the country in which you reside) and your use of the Website will
            not infringe or misappropriate the intellectual property rights of
            any third party.
          </System.P>
          <br />
          <br />
          <System.H2>Indemnification</System.H2>
          <br />
          <System.P>
            You agree to indemnify and hold harmless Slate, its contractors, and
            its licensors, and their respective directors, officers, employees
            and agents from and against any and all claims and expenses,
            including attorneys fees, arising out of your use of the Website,
            including but not limited to out of your violation this Agreement.
          </System.P>
          <br />
          <br /><System.H2>Miscellaneous</System.H2>
          <br />
          <System.P>
            This Agreement constitutes the entire agreement between Slate and
            you concerning the subject matter hereof, and they may only be
            modified by a written amendment signed by an authorized executive of
            Slate, or by the posting by Slate of a revised version. Except to
            the extent applicable law, if any, provides otherwise, this
            Agreement, any access to or use of the Website will be governed by
            the laws of the state of California, U.S.A.
          </System.P>
        </div>
        <WebsitePrototypeFooter />
      </WebsitePrototypeWrapper>
    );
  }
}