import React, { Component } from "react";
import { MDBContainer, MDBRow, MDBCol } from 'mdbreact';
import { MDBJumbotron, MDBBtn, MDBIcon } from 'mdbreact';
import { MDBCollapse, MDBCard, MDBCardText, MDBCardBody, MDBCardImage, MDBCardHeader, MDBCardTitle } from "mdbreact";
import ReactDOM from 'react-dom';
import './SamsungBrand.css';


class SamsungBrand extends Component {
  state = {
    collapseID: "collapse5"
  }

  toggleCollapse = collapseID => () => {
    this.setState(prevState => ({
      collapseID: prevState.collapseID !== collapseID ? collapseID : ""
    }));
  }



  render() {

    return (
      <div>




        <React.Fragment>
          <MDBContainer fluid >
            <MDBRow>
              <MDBCol>
                <MDBJumbotron style={{ padding: 0 }}>
                  <MDBCol className="image text-white text-center py-3 px-4 my- banerr"
                    style={{ backgroundImage: `url(http://www.businesskorea.co.kr/news/photo/201710/23130_19551_0.jpg)` }} >
                    <MDBCol className="py-5">
                    </MDBCol>
                  </MDBCol>
                </MDBJumbotron>
              </MDBCol>
            </MDBRow>
          </MDBContainer>
        </React.Fragment>


        {/* ************************cards*********************** */}
        {/* **************card_1************* */}
        <React.Fragment>
          <MDBContainer fluid>
            <MDBRow>
              <MDBCol className="p-4 card1">
                <MDBCard className="kartice" style={{ width: "19rem" }}>

                  <MDBCardImage className="img-fluid z-depth-2" src="https://images.samsung.com/is/image/samsung/p5/rs/aboutsamsung/2017/home/samsung-main-menu-company-large.jpg?$ORIGIN_JPG$" waves />
                  <MDBCardBody>
                    <MDBCardTitle className="text-center"><h1>Strategija</h1></MDBCardTitle>
                    <MDBCardText>

                    </MDBCardText>
                    <MDBBtn className="dugme_kartica"
                      href=""
                      onClick={this.toggleCollapse("collapse1")}
                      style={{ marginBottom: "1rem" }}
                    >
                      saznaj više
    </MDBBtn>
                    <MDBCollapse id="collapse1" size="lg" isOpen={this.state.collapseID}>
                      <p className="">
                        <h1> Stvaranje ekonomske vrednosti</h1><br />
                        Naši napori na uvođenju inovativne tehnologije i proizvoda pripremaju teren za generisanje profita i obezbeđuju nove pokretače razvoja. Težimo da integrišemo inovaciju u niti naše korporativne kulture dok kreiramo sinergije putem korišćenja eksternih resursa u potrazi za otvorenom inovacijom. <br />Na taj način za korak postajemo bliži izgradnji ekosistema u cilju razvoja inovativnih proizvoda koji zadovoljavaju potrebe tržišta današnjice, koje se menja velikom brzinom.
Stvaranje društvene vrednosti<br />
                        Kao globalni korporativni građanin, u kompaniji Samsung stvaramo društvene vrednosti na način koji je u skladu sa ciljevima UN Sustainable Development Goals (SDGs): Naročito smo izdvojili ciljeve koji su od izuzetnog značaja za naše poslovanje i analiziramo svoj negativan/pozitivan uticaj ostvaren postizanjem ovih ciljeva. Uz to, otkrićemo i u potpunosti istražiti poslovne prilike koje doprinose postizanju UN SDGs.
  </p>
                    </MDBCollapse>
                  </MDBCardBody>
                </MDBCard>
              </MDBCol>

              {/* **************card_2************* */}

              <MDBCol className="p-4 card2">
                <MDBCard className="kartice" style={{ width: "19rem" }}>
                  <MDBCardImage className="img-fluid" src="https://images.samsung.com/is/image/samsung/p5/rs/aboutsamsung/2017/home/samsung-main-menu-business-large.jpg?$ORIGIN_JPG$" waves />
                  <MDBCardBody>
                    <MDBCardTitle className="text-center" ><h1>Šta mi radimo?</h1></MDBCardTitle>
                    <MDBCardText>

                    </MDBCardText>
                    <MDBBtn className="dugme_kartica"
                      href=""
                      onClick={this.toggleCollapse("collapse2")}
                      style={{ marginBottom: "1rem" }}
                    >
                      saznaj više
    </MDBBtn>
                    <MDBCollapse id="collapse2" size="lg" isOpen={this.state.collapseID}>
                      <p className="">

                        <h1>Neprekidno razvijamo i proširujemo strateške proizvode</h1>  u našem poslovnom odeljenju za potrošačku elektroniku.
S obzirom na to da smo prvi put osvojili najveći globalni udeo na tržištu 2006. godine, izuzetna tehnologija i inovativni dizajn su ojačali naše liderstvo bez premca u oblasti televizora i monitora sa ravnim ekranom.<br />
                        U poslovanju u oblasti Digital Appliances postigli smo izvanredan rast predstavljajući inventivne nove proizvode i istaknuti dizajn na premijum tržištu.

          </p>
                    </MDBCollapse>
                  </MDBCardBody>
                </MDBCard>
              </MDBCol>

              {/* **************card_3************* */}
              <MDBCol className="p-4 card3 ">
                <MDBCard className="kartice" style={{ width: "19rem" }}>
                  <MDBCardImage className="img-fluid" src="https://images.samsung.com/is/image/samsung/p5/rs/aboutsamsung/2017/home/samsung-main-menu-sustainability-large.jpg?$ORIGIN_JPG$" waves />
                  <MDBCardBody>
                    <MDBCardTitle className="text-center"><h1>Održivost</h1></MDBCardTitle>
                    <MDBCardText>

                    </MDBCardText>
                    <MDBBtn className="dugme_kartica"
                      href=""
                      onClick={this.toggleCollapse("collapse3")}
                      style={{ marginBottom: "1rem" }}
                    >
                      saznaj više
    </MDBBtn>
                    <MDBCollapse id="collapse3" size="lg" isOpen={this.state.collapseID}>
                      <p className="">
                        <h1>U kompaniji Samsung</h1> naše upravljanje održivošću teži ka stvaranju integrisanih vrednosti. Ne samo da ostvarujemo ekonomsku vrednost povećavanjem profita i vrednosti aktera, već takođe preuzimamo veću odgovornost kao građanin sveta u cilju stvaranja društvenih vrednosti.<br /> Dok obezbeđujemo inovativne proizvode i usluge u lancu vrednosti koji se zasniva na ključnim vrednostima kojima težimo u kompaniji Samsung, generišemo vrednosti u domenu ekonomije, društva i sredine.<br /> Nadziremo finansijske i nefinansijske uticaje koje proizvodimo u društvu putem datog procesa s ciljem da povećamo svoj pozitivan uticaj dok istovremeno svodimo na minimum negativne uticaje.
          </p>
                    </MDBCollapse>
                  </MDBCardBody>
                </MDBCard>
              </MDBCol>

              {/* **************card_4************* */}
              <MDBCol className="p-4 card4">
                <MDBCard className="kartice" style={{ width: "19rem" }}>
                  <MDBCardImage className="img-fluid" src="https://images.samsung.com/is/image/samsung/p5/rs/aboutsamsung/2017/home/samsung-main-menu-vision-large.jpg?$ORIGIN_JPG$" waves />
                  <MDBCardBody>
                    <MDBCardTitle className="text-center"><h1>Karijera</h1></MDBCardTitle>
                    <MDBCardText>

                    </MDBCardText>
                    <MDBBtn className="dugme_kartica"
                      href=""
                      onClick={this.toggleCollapse("collapse4")}
                      style={{ marginBottom: "1rem" }}
                    >
                      saznaj više
    </MDBBtn>
                    <MDBCollapse id="collapse4" size="lg" isOpen={this.state.collapseID}>
                      <p className="">
                        <h1> Rad u kompaniji Samsung</h1><br />
                        Samsung je sjajno mesto za rad sa sjajnim ljudima, izvanredna sredina, uz opširnu podršku za zaposlene, kao i uz priliku da budete deo inovacije koja menja živote miliona ljudi širom sveta.
<h1>Oblasti zaposlenja</h1><br />
                        Bez obzira na to koju vrstu posla želite da obavljate, pruža vam se prilika ovde u kompaniji Samsung. Ovo je mesto gde možete da postanete vodeći svetski stručnjak u svojoj oblasti i da unapredite svoju karijeru.

  </p>
                    </MDBCollapse>
                  </MDBCardBody>
                </MDBCard>
              </MDBCol>
            </MDBRow>
          </MDBContainer>
        </React.Fragment>



        {/* ************************accordion*********************** */}

        <React.Fragment>
          <MDBContainer fluid >
            <MDBCard className="mt-3 kartice">
              <MDBCardHeader onClick={this.toggleCollapse("collapse5")} className="display-4 text-center dugme">
                <img src="./img/samsung.png" alt="" srcSet="" />
                Vizija
            </MDBCardHeader>
              <MDBCollapse id="collapse5" isOpen={this.state.collapseID}>
                <MDBCardBody>
                  <h1 className=" h1-responsive text-center bold">Vizija 2020
„Inspirišimo svet, stvarajmo budućnost” </h1>
                  <p>
                    Vizija 2020 nalazi se u središtu naše posvećenosti stvaranju boljeg sveta punog bogatijih digitalnih užitaka, kroz inovativnu tehnologiju i proizvode.<br />
                    Cilj vizije je dobijanje statusa omiljenog brenda, inovativne i cenjene kompanije. Sa tim ciljem ulažemo napore u kreativnost i inovativnost, vrednost koju delimo sa partnerima i našim sjajnim timom ljudi.
Proizveli smo najbolje proizvode i usluge na svetu kroz strast prema inovativnosti i optimalnom radu. <br />
                    Željno iščekujemo istraživanje novih oblasti poslovanja, kao što su zdravstvena nega i automobilska elektronika, kao i da nastavimo svoje putovanje kroz istoriju inovacija.
                    Samsung Electronics rado prihvata nove izazove i prilike.
          </p>
                </MDBCardBody>
              </MDBCollapse>
            </MDBCard>
          </MDBContainer>
        </React.Fragment>

        {/* ************************tekst o kompaniji*********************** */}
        <React.Fragment >
          <MDBContainer fluid>
            <div className="samsung-text">
              <h2 className="display-4 text-center title" >Budućnost je danas.</h2> <p className="lead mx-5 tekst" > Neprekidno razvijamo i proširujemo strateške proizvode u našem poslovnom odeljenju za potrošačku elektroniku.S obzirom na to da smo prvi put osvojili najveći globalni udeo na tržištu 2006. godine, izuzetna tehnologija i inovativni dizajn su ojačali naše liderstvo bez premca u oblasti televizora i monitora sa ravnim ekranom.U poslovanju u oblasti Digital Appliances postigli smo izvanredan rast predstavljajući inventivne nove proizvode i istaknuti dizajn na premijum tržištu. </p>
            </div>
          </MDBContainer>
        </React.Fragment>
      </div>
    )

  }
}

export default SamsungBrand;