(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{119:function(e,t,a){"use strict";a.r(t);var n=a(0),l=a.n(n),i=(a(146),a(147));a(145),a(144),a(148),a(93);class s extends l.a.Component{constructor(e){super(e),this.state={name:"",phone:"",description:"",email:"",isSubmitted:!1},this.handleNameChange=this.handleNameChange.bind(this),this.handlePhoneChange=this.handlePhoneChange.bind(this),this.handleEmailChange=this.handleEmailChange.bind(this),this.handleDescriptionChange=this.handleDescriptionChange.bind(this),this.handleSubmit=this.handleSubmit.bind(this)}handleNameChange(e){this.setState({name:e.target.value})}handlePhoneChange(e){this.setState({phone:e.target.value})}handleEmailChange(e){this.setState({email:e.target.value})}handleDescriptionChange(e){this.setState({description:e.target.value})}handleSubmit(e){if(""==this.state.name)return void alert("Name is required");if(""==this.state.phone)return void alert("Phone is required");if(""==this.state.email)return void alert("Email is required");this.setState({isSubmitted:!0}),e.preventDefault();const t=`\n    Name: ${this.state.name}\n\n    Phone: ${this.state.phone}\n\n    Email: ${this.state.email}\n\n    Description: ${this.state.description}\n\n    `;fetch("https://cltelegramsender.azurewebsites.net/api/CLTelegramSender?code=u1m5OMDZtN/ArNBsnaeBJv4SRZKVQ3ZsMOmpy0/xaZja9hpzigxaqw==",{method:"POST",body:JSON.stringify({chat_id:"-216480434",markdown_text:t})})}render(){return l.a.createElement(i.a,{title:"Cloud, Web, & Mobile App Development Company",description:"Connection Loops develop intuitive, next generation software systems that run in the cloud and are accessible from any device"},l.a.createElement("header",null,l.a.createElement("div",{className:"container",style:{paddingTop:"2rem"}},l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col col--6 col--offset-3"},l.a.createElement("h1",{className:"hero__title"},"Start a project with us"),0==this.state.isSubmitted?l.a.createElement("div",null,l.a.createElement("p",{className:"hero__subtitle"},"Great! We can't wait to hear from you!"," "),l.a.createElement("div",null,l.a.createElement("span",{className:"mylabel"},"Name(*)"),l.a.createElement("br",null),l.a.createElement("input",{autoFocus:!0,placeholder:"Enter Name",className:"myinput",onChange:this.handleNameChange})),l.a.createElement("div",null,l.a.createElement("span",{className:"mylabel"},"Phone(*)"),l.a.createElement("br",null),l.a.createElement("input",{placeholder:"Enter Phone ",className:"myinput",onChange:this.handlePhoneChange}),l.a.createElement("span",{className:"mylabel"},"Email(*)"),l.a.createElement("br",null),l.a.createElement("input",{placeholder:"Enter Email ",className:"myinput",onChange:this.handleEmailChange}),l.a.createElement("span",{className:"mylabel"},"Additional Details You May Want To Share"),l.a.createElement("br",null),l.a.createElement("textarea",{placeholder:"Description ",className:"myinputTA",rows:4,cols:50,onChange:this.handleDescriptionChange}),l.a.createElement("br",null),l.a.createElement("button",{className:"button button--outline button--primary",onClick:this.handleSubmit},"Submit"))):l.a.createElement("div",null,l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("div",{class:"alert alert--primary",role:"alert"},"Thank you for reaching out to us. You will be hearing from us shortly.")))))),l.a.createElement("main",null))}}t.default=s}}]);