import React, { Component } from 'react'
import { connect } from 'react-redux'
import actions from 'site/actions'

import { history } from "site/store"

import { LastMuseumLogo } from "../icons"

import "./credits.css"

class Credits extends Component {
  constructor(props) {
    super(props)
    this.handleClick = this.handleClick.bind(this)
    this.goHome = this.goHome.bind(this)
    this.changeLanguage = this.changeLanguage.bind(this)
  }

  componentDidMount() {
    actions.site.interact()
  }

  handleClick(e) {
    e && e.preventDefault()
  }

  goHome() {
    history.push(`/last-museum/home/`)
  }

  changeLanguage() {
    actions.site.changeLanguage(this.props.language === "de" ? "en" : "de")
  }

  render() {
    const { language } = this.props
    return (
      <div className="page page-credits">
        <div className="page-title">{LastMuseumLogo}</div>
        <div className="page-content">
          <div className="page-left">
            <div className="page-subtitle">CREDITS</div>
          </div>
          <div className="page-right">
            <div className="page-subtitle">{CREDITS_STRINGS.artwork_credits_head[language]}</div>
          </div>
        </div>

        <div className="page-content">
          <div className="page-left" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.site_credits[language] }} />

          <div className="page-right columns">
            <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_1[language] }} />
            <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_2[language] }} />
          </div>
        </div>
        <div className="page-content icon-rows">
          <div className="icons">
            <img className="kw-logo" src="/last-museum/static/media/last-museum/kw-black.png" />
            <img src="/last-museum/static/media/last-museum/arte-logo-black.png" />
            <img src="/last-museum/static/media/last-museum/pcai-logo-black.png" className='pcai' />
            <img src="/last-museum/static/media/last-museum/berlin-logo-black.png" />
          </div>
        </div>
        <div className="home-link" onClick={this.goHome}>
          Home
        </div>
        <div className="home-link language-link black" onClick={this.changeLanguage}>
          {this.props.language === "de" ? (
            <span><b>de</b> / en</span>
          ) : (
            <span>de / <b>en</b></span>
          )}
        </div>
      </div>
    )
  }
}

const mapStateToProps = state => ({
  language: state.site.language,
})

export default connect(mapStateToProps)(Credits)


const CREDITS_STRINGS = {
  artwork_credits_head: {
    en: "ARTWORK CREDITS",
    de: "CREDITS DER KUNSTWERKE",
  },

  site_credits: {
    en: `
      <div class="credits-rows">
        <div>
          <div>Curator:</div> <a href="http://nadimsamman.com/">Nadim Samman</a>
        </div>
        <div>
          <div>Developer:</div> <a href="https://asdf.us/">Jules LaPlace</a>
        </div>
        <div>
          <div>Design:</div> <a href="https://sometimes-always.com/">Sometimes Always</a>
        </div>
      </div>
      <div>
        Commissioned by:<br/>
        <b>KW Institute for Contemporary Art</b><br/>
        Auguststraße 69<br/>
        10117 Berlin<br/>
        Tel. +49 30 243459-0<br/>
        Fax +49 30 243459-99<br/>
        <a href="mailto:info@kw-berlin.de?subject=The+Last+Museum">info@kw-berlin.de</a><br/>
        <br/>
        KW Institute for Contemporary Art is institutionally supported by the Senate Department for Culture and Europe, Berlin.<br/>
        <br/>
        The Last Museum is produced in collaboration with Polyeco Contemporary Art Initiative (PCAI), Athens<br/>
        <br/>
        Press Enquiries:<br/>
        Natanja von Stosch<br/>
        Tel. +49 30 243459 41<br/>
        <a href="mailto:nvs@kw-berlin.de?subject=The+Last+Museum">nvs@kw-berlin.de</a><br/>
        Press Releases and Image Material:<br/>
        <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a>
      </div>
    `,
    de: `
      <div class="credits-rows">
        <div>
          <div>Kurator:</div> <a href="http://nadimsamman.com/">Nadim Samman</a>
        </div>
        <div>
          <div>Entwickler:</div> <a href="https://asdf.us/">Jules LaPlace</a>
        </div>
        <div>
          <div>Design:</div> <a href="https://sometimes-always.com/">Sometimes Always</a>
        </div>
      </div>
      <div>
        Im Auftrag von:<br/>
        <b>KW Institute for Contemporary Art</b><br/>
        Auguststraße 69<br/>
        10117 Berlin<br/>
        Tel. +49 30 243459-0<br/>
        Fax +49 30 243459-99<br/>
        <a href="mailto:info@kw-berlin.de?subject=The+Last+Museum">info@kw-berlin.de</a><br/>
        <br/>
        Die KW Institute for Contemporary Art werden institutionell gefördert von der Senatsverwaltung für Kultur und Europa, Berlin.
        <br/>
        The Last Museum wird in Zusammenarbeit mit der Polyeco Contemporary Art Initiative (PCAI), Athen, produziert.
        <br/>
        Press Enquiries:<br/>
        Natanja von Stosch<br/>
        Tel. +49 30 243459 41<br/>
        <a href="mailto:nvs@kw-berlin.de?subject=The+Last+Museum">nvs@kw-berlin.de</a><br/>
        Press Releases and Image Material:<br/>
        <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a>
      </div>
    `
  },

  artist_credits_1: {
    en: `
      <b>Charles Stankievech</b><br/>
      <i>The Glass Key</i><br/>
      Cinematography, Soundtrack, LIDAR and Ionospheric Recordings, Hypercard Programming: Charles Stankievech<br/>
      Fieldwork Recording Assistant: Ala Roushan<br/>
      VR Capture thanks to Sudbury Neutrino Laboratory (SNO).<br/>
      <br/>
      <b>Nora Al-Badri</b><br/>
      <i>This Is Not A Hacker Space</i><br/>
      Location: C-Base, Berlin, Germany<br/>
      Videography: Siska<br/>
      Soundtrack mix: Shamsa<br/>
      Track mixed in: Cadans - No Connection (Broken Mix)<br/>
      Melodic Acapella female sound: Lynn Adib<br/>
      poem: Nikki Giovanni ‘Ego Tripping’<br/>
      <span style="lineHeight: 1">الأمل</span> Al-Amal/ Hope Mars Mission (via YouTube)<br/>
      Special thanks to the Norberta, Gregor and the spaceship crew in Berlin-Mitte; Andy and CCC.<br/>
      <br/>
    `,
    de: `
      <b>Charles Stankievech</b><br/>
      <i>The Glass Key</i><br/>
      Location: Cosmic Ray Research Station, kanadische Rocky Mountains (Wintersonnenwende)<br />
      Videografie, Sound Design, LIDAR und Ionosphären-Aufnahmen, Hypercard-Programmierung: Charles Stankievech<br/>
      Assistent für Feldaufnahmen: Ala Roushan<br/>
      VR-Aufnahme dank des Sudbury Neutrino Laboratory (SNO).<br/>
      <br/>
      <b>Nora Al-Badri</b><br/>
      <i>This Is Not A Hacker Space</i><br/>
      Location: C-Base, Berlin, Germany<br/>
      Videografie: Siska<br/>
      Soundtrack-Mix: Shamsa<br/>
      Track gemixt in: Cadans - No Connection (Broken Mix)<br/>
      Melodische weibliche Acapella-Stimme: Lynn Adib<br/>
      Gedicht: Nikki Giovanni ‘Ego Tripping’<br/>
      <span style="lineHeight: 1">الأمل</span> Al-Amal/ Hope Mars Mission (via YouTube)<br/>
      Ein besonderer Dank geht an Norberta, Gregor und die Raumschiff-Crew in Berlin-Mitte; Andy und CCC.<br/>
      <br/>
    `,
  },

  artist_credits_2: {
    en: `
      <b>Juliana Cerqueira Leite</b><br/>
      <i>Untitled</i><br/>
      Location: Santa Ifigênia, São Paulo, Brasil<br/>
      Videography & Sound design: Juliana Cerqueira Leite <br/>
      <br/>
      <b>Zohra Opoku</b><br/>
      <i>The Myths of Eternal Life</i><br/>
      Videography & Sound Design: Zohra Opoku<br/>
      Location: Unfinished mortuary, Accra, Ghana.<br/> 
      <br/>
      <b>Nicole Foreshew</b><br/>
      <i>Dhurany Yanggu</i> 
(message song of running water)<br/>
      Location: Gumbaynggirr Country, Northern Tablelands and Northern Rivers districts of New South Wales, Australia.<br/>
      Videography & Sound Design: Nicole Foreshew<br/>
      <br/>
      <b>Jakrawal Nilthamrong</b><br/>
      <i>Barn Burner</i> <br/>
      Location: Chiang Mai, Thailand. <br/>
      Videography & Sound Design: Jakrawal Nilthamrong
    `,
    de: `
      <b>Juliana Cerqueira Leite</b><br/>
      <i>Untitled</i><br/>
      Location: Santa Ifigênia, São Paulo, Brasilien<br/>
      Videografie & Sound Design: Juliana Cerqueira Leite <br/>
      <br/>
      <b>Zohra Opoku</b><br/>
      <i>The Myths of Eternal Life</i><br/>
      Videografie & Sound Design: Zohra Opoku<br/>
      Location: Unvollendete Leichenhalle, Accra, Ghana.<br/> 
      <br/>
      <b>Nicole Foreshew</b><br/>
      <i>Dhurany Yanggu</i> 
(Botschaftslied des fließenden Wassers)<br/>
      Location: Gumbaynggirr Country, Northern Tablelands und Northern Rivers Regionen von New South Wales, Australien.<br/>
      Videografie & Sound Design: Nicole Foreshew<br/>
      <br/>
      <b>Jakrawal Nilthamrong</b><br/>
      <i>Barn Burner</i> <br/>
      Location: Chiang Mai, Thailand. <br/>
      Videografie & Sound Design: Jakrawal Nilthamrong
    `,
  }
}

/*
              Sources:<br/>
              René Magritte, <i>The Glass Key (La clef de verre)</i>, 1959, oil on canvas.<br/>
              Courtesy The Menil Collection, Houston.<br/>
              René Guénon. <i>Lord of the World</i>, 1927 / <i>Etudes Traditionnelles</i>, 1938.<br/>
              Robert Smithson. <i>Incidents of Mirror-Travel in the Yucatan</i>, 1969.<br/>
              Thomas Pynchon. <i>Against the Day</i>, 2006.<br/>
              Mircea Eliade. <i>The Forge and the Crucible</i>, 1956. <br/>
              Clarice Lispector. <i>The Egg and the Chicken</i>, 1964.<br/>
              Clarice Lispector. <i>Agua Viva</i>, 1973<br/>
 */