import React, { Component } from "react";
import Drawer from "./drawer";
import Radium, { StyleRoot } from "radium";
import $ from "jquery";
import cookie from 'react-cookies';
import api from './api/api'
class pastMemberOrientation extends Component {
  constructor(props) {
    super(props);
    // if (
    //   localStorage.getItem("user_id") == "" ||
    //   localStorage.getItem("user_id") == "undefined" ||
    //   typeof localStorage.getItem("user_id") == undefined
    // ) {
    //   props.history.push("/");
    // }
    console.log("session", localStorage.getItem("current_state"));
    console.log("is_active", localStorage.getItem("login_is_active"));
    this.state = {
      is_active: localStorage.getItem("login_is_active") == 1 ? true : false,
      index: true
    };
  }

 
  render() {
    return (
      <div className="bcd_header_div_margin index_page_header">
        <div className="allpages_desktop_boxes_div index_pt">
          {this.state.is_active && <Drawer prop={this.props} />}
          <p className="title3  text-center new_member_para">Welcome to</p>
          <p
            className="title3  text-center new_member_para"
            style={{ paddingTop: 0 }}
          >
            the{" "}
            <b>
              <span className="past_member_n">N</span>
              <span className="past_member_e">E</span>
              <span className="past_member_w">W</span>
            </b>
          </p>
          <div className="text-center">
            <img src={api.image_path+"family_one.png"} alt="" title="" width="250px" />
          </div>
          <div className="inner_container">
            <p className="past_member_para" style={{ fontSize: 30 }}>
              We've made some huge improvements!
            </p>
            <div
              className="mainactive_later mt70"
              style={{ cursor: "pointer" }}
            >
              <a
                onClick={() =>{
                  localStorage.setItem("past_member","yes")
                  this.props.history.push("/new_member_orientation1")
                }
                  
                }
                className="active_later new_member_anchor"
              >
                <span>
                  Give me a sneak peek{" "}
                  <i>
                    <img
                      src={api.image_path+"next_arrow.jpg"}
                      alt=""
                      title=""
                      width="30"
                    />
                  </i>
                </span>
              </a>
            </div>
            <div className="mt70 mb50 text-center">
              <a
                className="skip_link"
                onClick={() =>
                  this.props.history.push("/past_member_orientation1")
                }
              >
                Skip
              </a>
            </div>
            <div className="mt70" />
          </div>
        </div>
      </div>
    );
  }
}

export default pastMemberOrientation;
