import React, { Component, PropTypes } from "react";

const q = {
  "en": [
    {
      "name": "What is the purpose of Venezuela Aid Live?",
      "response": `Venezuela Aid Live has three main goals:<br>
        <ol>
        <li>To bring awareness and sensitize the world about the humanitarian crisis Venezuela is currently facing and receive donations in hopes of supporting the ones who are suffering.</li>
       <li>Reopen the border, so that humanitarian aid that has been blocked from going in and the funds raised during the event can reach those who need it most.</li>
       <li>The humanitarian contribution generated by Venezuela Aid Live, will be destined towards a sustainable social investment for Venezuela.</li>
        </ol> `
    },
    {
      "name": "Who is handling the money donations and how?",
      "response": "“Fundación Solidaridad por Colombia”, the nonprofit in charge of administering the donations raised for Venezuela, is an NGO with 44 years of experience in the management of resources collected with the purpose of aiding vulnerable populations.  <br>\n" +
        " \n" +
        "PwC is the auditing company that will be ensuring transparency in the handling of said resources.<br>\n" +
        " \n" +
        "“Solidaridad por Colombia” is a nonprofit that works for the development and recovery of vulnerable communities, as well as the wholesome development of family and society through education in values, and by designing innovative social strategies of nutrition-education, community and aid to communities affected by natural disasters.<br>\n" +
        " \n" +
        "More than 810.000 Colombians in need, of all ages, have found new opportunities, and have\n" +
        "improved their quality of life thanks to the social programs developed by the nonprofit, based on its 5 lines of action:<br>\n" +
        "\t\n" +
        "<ol>" +
        "<li>Recovery and Rebuilding Communities</li>" +
        "<li>Primary and Higher Education</li>" +
        "<li>Nutrition and Healthy Lifestyle</li>" +
        "<li>Social and Community Innovation</li>" +
        "<li>Mobilization and Impact</li>" +
        "</ol>" +
        "Now, this NGO has decided to broaden its scope and work for Venezuela, a community in need of humanitarian aid.  <br>\n" +
        "It will invest the funds raised through Venezuela Aid Live into a carefully designed sustainable social project that will benefit Venezuela, and which will hopefully grow and improve as the country’s population begins to contribute to its maintenance and development.<br>\n" +
        "“Solidaridad por Colombia” and PwC will work closely together in order to ensure the funds are 100% accounted for and the results bring development and benefit to the population, improving their quality of life.<br>\n" +
        "Every milestone and progress during the implementation of the project will be reported back to the donors and the international community which, in one way or another, supported the cause. <br>\n" +
        "We will, without a doubt, share with the world what was accomplished thanks to their contribution.\n"
    },

    {
      "name": "Who is behind Venezuela Aid Live?",
      "response": "Venezuela Aid Live is led by Richard Branson and Bruno Ocampo, with the support of artists, entrepreneurs and volunteers who are experts in different areas, from different nationalities, who have decided to join the cause."
    },
    {
      "name": "When and where will the event take place?",
      "response": "The Concert is taking place on Friday, February 22nd, in Cucuta, Colombia, right on the Venezuelan border, from 11AM to 4PM, at the Unity Bridge (Puente de la Unidad las tienditas), formerly known as “Puente de las Tienditas”. The concert is 100% free."
    },
    {
      "name": "How many people are we expecting?",
      "response": "We are hoping to bring together more than 150.000 people."
    },
    {
      "name": "Who is producing the event?",
      "response": "The production is being led by Árbol Naranja, of which Luis Burgos is in charge. <br> Árbol Naranja is a platform at the service of the entertainment industry, ready to satisfy the needs of musicians, promoters, entrepreneurs, agencies and brands. It offers services from production events, backline, recording studios and rehearsal rooms, to 360 management for artists. It has access to professional human resources, tools and locations in order to provide the best musical and technical support."
    },
    {
      "name": "How are the donations received?",
      "response": "Donations are being collected through the website: www.venezuelaaidlive.com, and we’re also receiving donations from companies who would like to make a contribution in money or goods. \n Donations are also received in the gathering centers."
    },
    {
      "name": "If I want to donate goods, where are the gathering centers?",
      "response": "Aid and Freedom for Venezuela Coalition (Coalición Ayuda y Libertad Venezuela) <br>Cucuta, Colombi <br>Roraima, Brazil<br>Miami, USA <br> Curazao"
    },
    {
      "name": "What will be done with the proceeds?",
      "response": "The proceeds will be destined towards humanitarian aid, through a sustainable social investment for Venezuela. The funds will be collected throughout the expanse of two months, during which research will be carried out in order to determine the main needs an the best destination for this aid."
    },
    {
      "name": "How to get accredited for the event?",
      "response": "Journalists can visit our official website:  www.venezuelaaidlive.com and, on the bottom you’ll find the link to the accreditation form. On Tuesday and Wednesday, the confirmation for the accreditations will be sent via email, along with the time and place where the IDs are to be claimed. "
    },
    {
      "name": "What is the time of the press release? ",
      "response": " The Press Release has been planned for Friday, February 22, from 9:00 to 10:00 AM (SUBJECT TO CHANGE)."
    },
    {
      "name": "Where will the press area for the event be located?",
      "response": "There will be a covered stage for TV journalists and photographers."
    },
    {
      "name": "Will the main stage for the event be facing Colombia or Venezuela?",
      "response": "The stage will be facing Colombia, right on the border between Colombia and Venezuela."
    },
    {
      "name": "Will the event be Live Streamed?",
      "response": "Yes, the event will be Live Streamed through the official Youtube Channel and the Official Website"
    },
    {
      "name": "Will there be food and drink available for purchase?",
      "response": "There will be hydration spots, but we recommend you bring your own food."
    },
    {
      "name": "Who will be incharge of security?",
      "response": "There will be a logistics company and a private security company, as well as support from the Army and the National Police."
    },
    {
      "name": "Is the use of drones allowed for press coverage?",
      "response": "No. The use of drones is prohibited. "
    },
    {
      "name": "Will there be an emergency medical committee available?",
      "response": "Yes. There will be medical service for emergencies throughout the event."
    },
    {
      "name": "Will there be public restrooms available during the event?",
      "response": "Yes. There will be public restrooms located in different areas of the venue."
    },
    {
      "name": "Is the transport of master TV equipments allowed for coverage of the event?",
      "response": "No."
    }
  ],
  "es": [
    {
      "name": "¿Cuál es el objetivo de Venezuela Aid Live?",
      "response": `Venezuela Aid Live tiene 3 propósitos principales:<br>
        <ol>
        <li>Concientizar y sensibilizar al mundo sobre la emergencia humanitaria que está viviendo Venezuela y recibir donaciones a nivel mundial para contribuir a la solución.</li>
        <li>Reabrir la frontera para que la ayuda humanitaria represada y la que se logre recaudar con este concierto pueda entrar a Venezuela y llegue a las personas que más lo necesitan.</li>
        <li>La ayuda humanitaria generada por Venezuela Aid Live, será destinada a una inversión social sostenible para Venezuela.</li>
        </ol> `
    },
    {
      "name": "¿Cómo se manejarán los fondos?",
      "response": `La Fundación Solidaridad por Colombia, la organización sin ánimo de lucro a cargo de administrar las donaciones recaudadas para Venezuela, es una ONG con 44 años de experiencia en el manejo de donaciones recolectadas para ayudar a poblaciones vulnerables.<br>
        PwC será la compañía auditora que estará asegurando la transparencia en el manejo de dichos recursos.< br >
        La Fundación Solidaridad por Colombia es una organización sin ánimo de lucro que trabaja por el desarrollo y recuperación de comunidades vulnerables, así como el desarrollo integral de la familia y la sociedad a través de la educación en valores y el diseño de estrategias sociales innovadoras de educación- nutrición, ciudadanía y ayuda a comunidades afectadas por desastres naturales.< br >
        Más de 810.000 Colombianos de todas las edades, han encontrado nuevas oportunidades y han mejorado su calidad de vida gracias a los programas sociales desarrollados por la organización, basados en 5 líneas de acción: <br>
      <ul>
        <li>Recuperación y Reconstrucción de comunidades </li>
        <li>Educación Infantil y Superior</li>
        <li>Nutrición y Vida Saludable</li>
        <li>Innovación Social</li>
        <li> Ciudadanía, Movilización e Impacto</li>
      </ul><br>
        Ahora, esta ONG ha decidido ampliar su alcance y trabajar por Venezuela, una comunidad con necesidad de ayuda humanitaria.<br>
        Invertirá los fondos recaudados a través de Venezuela Aid Liveen un proyecto social sostenible, cuidadosamente diseñado, que beneficiará a Venezuela y que se espera crezca y mejore a medida que la población comience a contribuir a su mantenimiento y desarrollo.<br>
        Solidaridad por Colombia y PwC trabajarán de la mano para asegurar que los fondos sean dispuestos en un 100% para el proyecto y que los resultados traigan desarrollo y beneficio a la población, mejorando su calidad de vida.<br>
        Cada paso y progreso durante la implementación del proyecto será reportada a los donantes y a la comunidad internacional que, de una u otra forma, apoyó la causa.<br>
        Desde luego, compartiremos con el mundo lo que se logre gracias a su contribución.<br>`
    },
    {
      "name": "¿Cómo se manejarán los fondos?",
      "response": `Venezuela Aid Live está liderado por Richard Branson, de la mano de Bruno Ocampo, con el apoyo de artistas, empresarios y voluntarios expertos en diferentes sectores y de diferentes nacionalidades que decidieron sumarse a esta causa.`
    },
    {
      "name": "¿Fecha y lugar del evento?",
      "response": `El concierto se realizará el Viernes 22 de Febrero al aire libre y de manera gratuita en el puente de la Unidad (antes tienditas) de la ciudad de Cúcuta, Colombia.`
    },
    {
      "name": "¿Cuántas personas esperan reunir?",
      "reponse": `Esperamos tener a más de 150.000 personas.`
    },
    {
      "name": "¿Quién está produciendo el evento?",
      "reponse": `La Producción general está liderada por Árbol Naranja, a cargo de Luis Burgos.
      Árbol Naranja es una plataforma al servicio del entretenimiento, lista para satisfacer las necesidades de músicos, promotores, empresarios, agencias y marcas. Ofrece servicios desde producción de eventos, backline, estudios de grabación y salas de ensayo, hasta gestión 360 para artistas.
      Cuenta con recurso humano especializado, herramientas y espacios para dar el mejor soporte musical y técnico.`
    },
    {
      "name": "¿De qué manera se reciben las donaciones?",
      "reponse": `Se están recibiendo donaciones de individuos por medio del web site www.venezuelaaidlive.com y donaciones de compañías que desean donar recursos económicos o en especie.
      También se reciben donaciones en especie en los centros de acopio.`
    },
    {
      "name": "¿Si quiero donar algo en especie, ¿cuáles son los centros de acopio?",
      "reponse": `Coalición Ayuda y Libertad Venezuela:\n
      <ol>
      <li>Concientizar y sensibilizar al mundo sobre la emergencia humanitaria que está viviendo Venezuela y recibir donaciones a nivel mundial para contribuir a la solución.</li>
      <li>Reabrir la frontera para que la ayuda humanitaria represada y la que se logre recaudar con este concierto pueda entrar a Venezuela y llegue a las personas que más lo necesitan.</li>
      <li>La ayuda humanitaria generada por Venezuela Aid Live, será destinada a una inversión social sostenible para Venezuela.</li>
      </ol>`
    },
    {
      "name": "¿Qué se hará con el dinero recaudado?",
      "reponse": `El dinero recaudado, será destinado a la Ayuda Humanitaria, por medio de una inversión social sostenible para Venezuela. El recaudo se hará en el transcurso de dos meses durante los cuales se hará un estudio de las necesidades principales y el mejor destino para esta ayuda.`
    },
    {
      "name": "¿Cómo acreditarse en el evento?",
      "reponse": `Los periodistas pueden ingresar a nuestra pagina oficial www.venezuelaaidlive.com y en la parte inferior encontrarán el link para llenar el formulario de acreditaciones. Entre martes y miércoles serán confirmadas las acreditaciones a los correos electrónicos inscritos y se dará hora y lugar para entrega de escarapelas.`
    },
    {
      "name": "¿A qué hora es la rueda de prensa?",
      "reponse": `La rueda de prensa está prevista para el viernes, 22 de febrero, de 9:00 AM  a 10:00 AM (Sujeto a cambios).`
    },
    {
      "name": "¿En donde está ubicada la zona de prensa para el cubrimiento?",
      "reponse": `La tarima queda mirando hacia Colombia, justo en la frontera de Colombia y Venezuela.`
    },
    {
      "name": "¿Habrá Live Streaming del concierto?",
      "reponse": `Sí estará publicado en la página y cuentas oficiales de Venezuela Aid Live`
    },
    {
      "name": "¿Habrá zona de bebidas y alimentos para la venta?",
      "reponse": `Habrá puntos de hidratación. Recomendamos llevar sus propios alimentos.`
    },
    {
      "name": "¿Cómo se maneja la seguridad y a cargo de quien está?",
      "reponse": `Tenemos una empresa de logística y una empresa de seguridad privada. Adicional a esto, contaremos con el apoyo del Ejército y la Policía Nacional.`
    },
    {
      "name": "¿Es permitido el uso de drones para el cubrimiento de la prensa?",
      "reponse": `No. Está prohibido el uso de drones.`
    },
    {
      "name": "¿Tendrán baños públicos en el evento?",
      "reponse": `Sí. Tendremos baños en ciertos puntos del recinto.`
    },
    {
      "name": "¿Es permitido trasladar equipos de máster en tv, para emitir el cubrimiento, informes periodísticos?",
      "reponse": `No está permitido.`
    }
  ]
};


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

    this.state = {
      view: 0
    };
  }

  componentDidMount() {

  }

  componentWillUnmount() {
  }


  render() {
    const { view } = this.state;
    const { langKey } = this.props;

    return (
      <section>
        <div className="container">
          <div className="col-md-12">
            <h1 className="t1">Q&A</h1>
            {
              q[langKey].map(({ name, response }, index) => {
                return (
                  <div className="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div className="panel panel-primary">
                      <div className="panel-heading" role="tab" id="headingOne">
                        <h4 className="panel-title">
                          <a role="button" data-toggle="collapse" data-parent="#accordion"
                             onClick={() => this.setState({ view: index })}
                             aria-expanded="true" aria-controls="collapseOne">
                            {name}
                          </a>
                        </h4>
                      </div>
                      <div id="collapseOne" style={{ display: view === index ? "" : "none" }}
                           className="panel-collapse collapse in" role="tabpanel"
                           aria-labelledby="headingOne">
                        <div className="panel-body">
                          <div dangerouslySetInnerHTML={{ __html: response }}/>
                        </div>
                      </div>
                    </div>
                  </div>
                );
              })
            }

          </div>
        </div>
      </section>
    );
  }
}

export default QA;