{"version":3,"sources":["webpack:///./src/pages/contacts.js"],"names":["Contacts","props","hiddenIframe","React","createRef","state","isFormSubmitted","submitDone","bind","this","setState","current","onload","render","button","console","log","title","data-side","className","svgclass","styles","icon","name","mappoint","id","vbox","viewBox","email","href","phone","formcss","form","method","target","action","onSubmit","formrow","htmlFor","type","required","rows","disabled","buttonsimple","value","ref","src","style","display","allowFullScreen","width","height","frameBorder","Component"],"mappings":"sQAYMA,E,YACJ,WAAYC,GAAQ,IAAD,SACjB,cAAMA,IAAN,MACKC,aAAeC,IAAMC,YAC1B,EAAKC,MAAQ,CAAEC,gBAAiB,MAChC,EAAKC,WAAa,EAAKA,WAAWC,KAAhB,gBAJD,E,4CAOnBD,WAAA,WAAc,IAAD,OACXE,KAAKC,UAAS,SAACL,GAAD,MAAY,CACxBC,gBAAiB,cAEnBG,KAAKP,aAAaS,QAAQC,OAAS,WACjC,EAAKF,UAAS,SAACL,GAAD,MAAY,CACxBC,gBAAiB,Y,EAKvBO,OAAA,WACE,IAAIC,EAAS,eAab,MAXmC,OAA/BL,KAAKJ,MAAMC,iBACbS,QAAQC,IAAI,gBAEqB,YAA/BP,KAAKJ,MAAMC,kBACbS,QAAQC,IAAI,eACZF,EAAS,oBAEwB,QAA/BL,KAAKJ,MAAMC,iBACbS,QAAQC,IAAI,gBAIZ,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,aACX,6BACEC,YAAU,WACVC,UAAU,sCAEV,yBAAKA,UAAU,eACb,iDACoB,2CAEpB,wBAAIA,UAAU,oBACZ,4BACE,kBAAC,IAAD,CACEC,SAAUC,IAAOC,KACjBC,KAAMC,IAASC,GACfC,KAAMF,IAASG,UAJnB,kFASA,4BACE,kBAAC,IAAD,CACEP,SAAUC,IAAOC,KACjBC,KAAMK,IAAMH,GACZC,KAAME,IAAMD,UACX,IACH,uBAAGE,KAAK,4BAAR,+BAIF,4BACE,kBAAC,IAAD,CACET,SAAUC,IAAOC,KACjBC,KAAMO,IAAML,GACZC,KAAMI,IAAMH,UACX,IACH,uBAAGE,KAAK,oBAAR,6BAIJ,8CAEgC,OAA/BpB,KAAKJ,MAAMC,iBACmB,YAA/BG,KAAKJ,MAAMC,gBACT,oCACE,0BACEa,UAAWY,IAAQC,KACnBC,OAAO,OACPC,OAAO,cACPC,OAAO,uEAEPC,SAAU3B,KAAKF,YAEf,yBAAKY,UAAWY,IAAQM,SACtB,2BAAOC,QAAQ,QAAf,QACA,2BAAOC,KAAK,OAAOhB,KAAK,OAAOE,GAAG,UAEpC,yBAAKN,UAAWY,IAAQM,SACtB,2BAAOC,QAAQ,SAAf,UACA,2BAAOC,KAAK,QAAQhB,KAAK,QAAQE,GAAG,QAAQe,UAAQ,KAGtD,yBAAKrB,UAAWY,IAAQM,SACtB,2BAAOC,QAAQ,WAAf,WACA,2BAAOC,KAAK,OAAOhB,KAAK,UAAUE,GAAG,aAGvC,yBAAKN,UAAWY,IAAQM,SACtB,2BAAOC,QAAQ,WAAf,WACA,8BAAUf,KAAK,UAAUE,GAAG,UAAUgB,KAAK,OAE7C,4BACEtB,UAAWY,IAAQjB,OACnB4B,SACiC,YAA/BjC,KAAKJ,MAAMC,iBAAiC,WAE9CiC,KAAK,UAEJzB,GAEH,2BACEK,UAAWY,IAAQY,aACnBJ,KAAK,QACLK,MAAM,WAGV,4BACEC,IAAKpC,KAAKP,aACVe,MAAM,cACNM,KAAK,cACLuB,IAAI,cACJC,MAAO,CAAEC,QAAS,WAItB,0FAGJ,yBAAK7B,UAAU,gBACb,4BACEF,MAAM,MACN6B,IAAI,4RACJG,gBAAgB,GAChBC,MAAM,OACNC,OAAO,OACPC,YAAY,U,GA3IHjD,IAAMkD,WAmJdrD","file":"component---src-pages-contacts-js-aa9e362cfad063ff514c.js","sourcesContent":["import React from \"react\";\nimport Layout from \"../components/layout\";\nimport SEO from \"../components/seo\";\n\nimport mappoint from \"../images/svg/mappoint.svg\";\nimport email from \"../images/svg/email.svg\";\nimport phone from \"../images/svg/phone.svg\";\nimport Svgsprite from \"../components/svgsprite\";\n\nimport styles from \"../css/footer.module.scss\";\nimport formcss from \"../css/form.module.scss\";\n\nclass Contacts extends React.Component {\n  constructor(props) {\n    super(props);\n    this.hiddenIframe = React.createRef();\n    this.state = { isFormSubmitted: \"no\" };\n    this.submitDone = this.submitDone.bind(this);\n  }\n\n  submitDone() {\n    this.setState((state) => ({\n      isFormSubmitted: \"loading\",\n    }));\n    this.hiddenIframe.current.onload = () => {\n      this.setState((state) => ({\n        isFormSubmitted: \"yes\",\n      }));\n    };\n  }\n\n  render() {\n    let button = \"Send message\";\n\n    if (this.state.isFormSubmitted === \"no\") {\n      console.log(\"not_submited\");\n    }\n    if (this.state.isFormSubmitted === \"loading\") {\n      console.log(\"loading now\");\n      button = \"Wait, sending...\";\n    }\n    if (this.state.isFormSubmitted === \"yes\") {\n      console.log(\"submit done!\");\n    }\n\n    return (\n      <Layout>\n        <SEO title=\"Contacts\" />\n        <section\n          data-side=\"contacts\"\n          className=\"contentbox wrap --fullw --wideblue\"\n        >\n          <div className=\"textcontent\">\n            <h2>\n              Boatpilot company <span>contacts</span>\n            </h2>\n            <ul className=\"list --nobullets\">\n              <li>\n                <Svgsprite\n                  svgclass={styles.icon}\n                  name={mappoint.id}\n                  vbox={mappoint.viewBox}\n                />\n                Klimentos 41-43, Klimentos Tower, Office 25, 061, Nicosia,\n                Republic of Cyprus.\n              </li>\n              <li>\n                <Svgsprite\n                  svgclass={styles.icon}\n                  name={email.id}\n                  vbox={email.viewBox}\n                />{\" \"}\n                <a href=\"mailto:info@boatpilot.me\">\n                  Email Us info@boatpilot.me\n                </a>\n              </li>\n              <li>\n                <Svgsprite\n                  svgclass={styles.icon}\n                  name={phone.id}\n                  vbox={phone.viewBox}\n                />{\" \"}\n                <a href=\"tel:+35722007092\">Call us at +35722007092</a>\n              </li>\n            </ul>\n\n            <h3>Drop a message</h3>\n\n            {this.state.isFormSubmitted === \"no\" ||\n            this.state.isFormSubmitted === \"loading\" ? (\n              <>\n                <form\n                  className={formcss.form}\n                  method=\"post\"\n                  target=\"hiddenFrame\"\n                  action=\"https://www.flexyform.com/f/f0ebfac5ce0046f0d1a6625de133fc3015b0332b\"\n                  //action=\"/\"\n                  onSubmit={this.submitDone}\n                >\n                  <div className={formcss.formrow}>\n                    <label htmlFor=\"name\">Name</label>\n                    <input type=\"text\" name=\"name\" id=\"name\" />\n                  </div>\n                  <div className={formcss.formrow}>\n                    <label htmlFor=\"email\">Email*</label>\n                    <input type=\"email\" name=\"email\" id=\"email\" required />\n                  </div>\n\n                  <div className={formcss.formrow}>\n                    <label htmlFor=\"subject\">Subject</label>\n                    <input type=\"text\" name=\"subject\" id=\"subject\" />\n                  </div>\n\n                  <div className={formcss.formrow}>\n                    <label htmlFor=\"message\">Message</label>\n                    <textarea name=\"message\" id=\"message\" rows=\"5\" />\n                  </div>\n                  <button\n                    className={formcss.button}\n                    disabled={\n                      this.state.isFormSubmitted === \"loading\" && \"disabled\"\n                    }\n                    type=\"submit\"\n                  >\n                    {button}\n                  </button>\n                  <input\n                    className={formcss.buttonsimple}\n                    type=\"reset\"\n                    value=\"Clear\"\n                  />\n                </form>\n                <iframe\n                  ref={this.hiddenIframe}\n                  title=\"hiddenframe\"\n                  name=\"hiddenFrame\"\n                  src=\"about:blank\"\n                  style={{ display: \"none\" }}\n                ></iframe>\n              </>\n            ) : (\n              \"Thank you for your interest in our company! We usually respond within 5 business days.\"\n            )}\n          </div>\n          <div className=\"videocontent\">\n            <iframe\n              title=\"map\"\n              src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3261.642502829786!2d33.364206916081756!3d35.16553556568667!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14de175ea479484b%3A0x756026012b8fe0b0!2zS2xpbWVudG9zIDQxLCBOaWNvc2lhLCDQmtC40L_RgA!5e0!3m2!1sru!2sby!4v1539093545021\"\n              allowFullScreen=\"\"\n              width=\"100%\"\n              height=\"100%\"\n              frameBorder=\"0\"\n            ></iframe>\n          </div>\n        </section>\n      </Layout>\n    );\n  }\n}\nexport default Contacts;\n"],"sourceRoot":""}