import React, { Component } from 'react';
import Section from 'shared/components/section/section';
import SchoolCard from 'shared/components/schoolCard/schoolCard';
import styles from './partnerSchools.css';

class PartnerSchools extends Component {
  constructor(props) {
    super(props);

    this.state = {
      partner_schools: {}
    };
  }

  render() {
    return (
      <Section
        id="partnerSchools"
        title="Partnered Schools"
        theme="white"
        headingLines={false}
        margin
      >
        <div className={styles.intro}>
          <p className={styles.introParagraph}>
            Many code schools around the nation offer military/veterans discounts to make coding
            education more accessible to our veterans.<br />
            We&apos;ve partnered up with those schools in order to help direct veterans to the best
            code schools around the country. <br /> <b>Apply for a scholarship with our partners now and
            get coding:</b>
          </p>
        </div>

        <div className={styles.partnerSchools}>
          <SchoolCard
            key="0"
            alt="Thinkful Logo"
            schoolName="Thinkful"
            link="http://www.thinkful.com"
            schoolAddress="Online"
            logo="https://raw.githubusercontent.com/OperationCode/operationcode_frontend/code-schools-cooper-kyle/src/images/codeSchoolLogos/thinkful.jpg"
            GI="No"
            fullTime="Self-Driven"
            hardware="No"
          />
          <SchoolCard
            key="1"
            alt="Sabio Logo"
            schoolName="Sabio"
            link="http://sabio.la/veterans"
            schoolAddress="400 Corporate Pointe"
            schoolCity="Culver City"
            schoolState="CA"
            logo="https://raw.githubusercontent.com/OperationCode/operationcode_frontend/code-schools-cooper-kyle/src/images/codeSchoolLogos/sabio.jpg"
            GI="Yes"
            fullTime="Full-Time"
            hardware="No"
          />
          <SchoolCard
            key="2"
            alt="Flatiron Logo"
            schoolName="The Flatiron School"
            link="http://flatironschool.com/"
            schoolAddress="11 Broadway, Suite 260"
            schoolCity="New York"
            schoolState="NY"
            logo="https://raw.githubusercontent.com/OperationCode/operationcode_frontend/code-schools-cooper-kyle/src/images/codeSchoolLogos/flatiron_school.jpg"
            GI="No"
            fullTime="Full-Time"
            hardware="No"
          />
          <SchoolCard
            key="3"
            alt="Startup Institute Logo"
            schoolName="Startup Institute"
            link="https://www.startupinstitute.com/new-york/"
            schoolAddress="25 Broadway, 10th Floor"
            schoolCity="New York"
            schoolState="NY"
            logo="https://raw.githubusercontent.com/OperationCode/operationcode_frontend/code-schools-cooper-kyle/src/images/codeSchoolLogos/startup_institute.jpg"
            GI="No"
            fullTime="Full-Time"
            hardware="No"
          />
          <SchoolCard
            key="4"
            alt="Launch School Logo"
            schoolName="Launch School"
            link="https://launchschool.com/blog/operation-code-scholarship/"
            schoolAddress="Online"
            logo="https://raw.githubusercontent.com/OperationCode/operationcode_frontend/code-schools-cooper-kyle/src/images/codeSchoolLogos/launch_school.jpg"
            GI="No"
            fullTime="Self-Driven"
            hardware="No"
          />
          <SchoolCard
            key="5"
            alt="Bloc Logo"
            schoolName="Bloc"
            link="http://try.bloc.io/operation-code-bootcamp-scholarship/"
            schoolAddress="Online"
            logo="https://raw.githubusercontent.com/OperationCode/operationcode_frontend/code-schools-cooper-kyle/src/images/codeSchoolLogos/bloc.jpg"
            GI="No"
            fullTime="Self-Driven"
            hardware="No"
          />
          <SchoolCard
            key="6"
            alt="Fullstack Academy Logo"
            schoolName="Fullstack Academy"
            link="https://www.fullstackacademy.com/remote-immersive#scholarships"
            schoolAddress="Online, Chicago, New York"
            logo="https://raw.githubusercontent.com/OperationCode/operationcode_frontend/code-schools-cooper-kyle/src/images/codeSchoolLogos/fullstack_academy.jpg"
            GI="No"
            fullTime="Full-Time"
            hardware="No"
          />
        </div>

        <div className={styles.noteForSchoolReps}>
          <p>
            Are you a code school seeking a partnership with Operation Code?
            <br />
            <a href="mailto:staff@operationcode.org">
              Reach out to us!
            </a>
          </p>
        </div>
      </Section>
    );
  }
}

export default PartnerSchools;

@@ -4558,32 +4558,473 @@
 o%22%0A          /%3E%0A
+          %3CSchoolCard%0A            key=%227%22%0A            alt=%22Code Platoon Logo%22%0A            schoolName=%22Code Platoon%22%0A            link=%22https://www.codeplatoon.org/%22%0A            schoolAddress=%22Online, Chicago%22%0A            logo=%22https://raw.githubusercontent.com/OperationCode/operationcode_frontend/master/src/images/codeSchoolLogos/code_platoon.jpg%22%0A            GI=%22No%22%0A            fullTime=%22Full-Time%22%0A            hardware=%22No%22%0A          /%3E%0A
         %3C/div%3E%0A%0A

add in code platoon into the components