{"version":3,"sources":["webpack:///./src/pages/contact.js","webpack:///./src/components/ContactForm.js"],"names":["title","description","lg","className","ContactForm","useState","contactSuccess","changeContactSuccess","changeContactLoading","contactError","changeContactError","onSubmit","e","preventDefault","emailjs","sendForm","target","then","result","error","Row","Group","as","Col","sm","controlId","Label","Control","id","name","type","placeholder","required","Prepend","Text","value","md","rows","variant","Heading"],"mappings":"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","file":"component---src-pages-contact-js-03e463785b39164549dd.js","sourcesContent":["import React  from \"react\";\nimport Layout from \"../components/layout\";\nimport SEO from \"../components/seo\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport \"../assets/css/index.css\";\nimport ContactForm from \"../components/ContactForm\";\n\n\nexport default () => (\n  <Layout>\n    <SEO title=\"Contact | Newmarket Horse Racing Syndicates | Newmarket Horse Trainer | pcracing.co.uk\" \n    description=\"If your looking to get in contact with pcracing then you can use our online contact form to reach a member of the team\"/>\n    <Container>\n      <Row>\n        <Col lg={6}>\n          <h1 className=\"index-heading\">Contact us</h1>\n          <p>If you require any more information and would like to get in contact with pcracing.co.uk then please use the contact form on this page</p>\n            <h3 className=\"heading\">Address</h3>\n            <address>\n              Pond House Stables<br/>\n              Church Lane<br/>\n              Exning<br/>\n              CB8 7HF<br/>\n              Telephone<br/>\n              01638 730415<br/>\n              07921 858421<br/>\n            </address>\n          </Col>\n        <Col lg={6}>\n          <ContactForm/>\n        </Col>\n      </Row>\n    </Container>\n  </Layout>\n  );\n\n","import React, { useState } from \"react\";\nimport { Col, Form, InputGroup, Alert, Button } from 'react-bootstrap';\nimport emailjs from \"emailjs-com\";\nimport { useForm } from \"react-hook-form\";\n\nconst ContactForm = () => {\n    const [contactSuccess, changeContactSuccess] = useState(false);\n    const [contactLoading, changeContactLoading] = useState(false);\n    const [contactError, changeContactError] = useState(false);\n  \n    const sendEmail = (e) => {\n      e.preventDefault();\n      changeContactLoading(true);\n      changeContactSuccess(false);\n      changeContactError(false);\n      emailjs\n        .sendForm(\n          \"amazon_ses\",\n          \"template_wfq841a\",\n          e.target,\n          \"user_uB4PopJwbqrSoyPz8LPXg\"\n        )\n        .then(\n          (result) => {\n            changeContactSuccess(true);\n          },\n          (error) => {\n            changeContactError(true);\n            changeContactLoading(false);\n          }\n        );\n    };\n  \n  \n    return (\n        <div className=\"segment white\">\n        <Form onSubmit={sendEmail} className=\"contact-form\">\n              <Form.Row>\n                <Form.Group\n                  as={Col}\n                  sm=\"12\"\n                  lg=\"6\"\n                  controlId=\"exampleForm.ControlInput1\"\n                >\n                  <Form.Label>Full Name</Form.Label>\n                  <Form.Control\n                    id=\"from_name\"\n                    name=\"from_name\"\n                    type=\"text\"\n                    placeholder=\"John Smith\"\n                    required\n                  />\n                </Form.Group>\n                <Form.Group as={Col} sm=\"12\" lg=\"6\" controlId=\"user_name\">\n                  <Form.Label>Email Address</Form.Label>\n\n                  <InputGroup>\n                    <Form.Control\n                      id=\"reply_to\"\n                      name=\"reply_to\"\n                      type=\"email\"\n                      placeholder=\"name@example.com\"\n                      required\n                    />\n                  </InputGroup>\n                </Form.Group>\n              </Form.Row>\n\n              <Form.Row>\n                <Form.Group as={Col} sm=\"12\" lg=\"6\" controlId=\"user_number\">\n                  <Form.Label>Contact Number</Form.Label>\n\n                  <InputGroup>\n                    <InputGroup.Prepend>\n                      <InputGroup.Text id=\"basic-addon1\">+44</InputGroup.Text>\n                    </InputGroup.Prepend>\n                    <Form.Control\n                      name=\"contact_number\"\n                      id=\"contact_number\"\n                      type=\"tel\"\n                      required\n                    />\n                  </InputGroup>\n                </Form.Group>\n                <Form.Group\n                  as={Col}\n                  sm=\"12\"\n                  lg=\"6\"\n                  controlId=\"user_name_hdyhau\"\n                >\n                  <Form.Label>Choose Syndicate</Form.Label>\n                  <Form.Control as=\"select\" name=\"syndicate\" id=\"syndicate\">\n                    <option>None</option>\n                    <option>Apollo One</option>\n                    <option>Space Trooper</option>\n                    <option>Unamed / Harry Angel / Boonga Roogeta</option>\n                  </Form.Control>\n                </Form.Group>\n              </Form.Row>\n\n              <Form.Row>\n                <Form.Group\n                  as={Col}\n                  sm=\"12\"\n                  lg=\"6\"\n                  controlId=\"user_name_hdyhau\"\n                >\n                  <Form.Label>How did you hear about us?</Form.Label>\n                  <Form.Control as=\"select\" name=\"channel\" id=\"channel\">\n                    <option value=\"Friend / Family Member\">\n                      Friend / Family Member\n                    </option>\n                    <option>Web Search</option>\n                    <option>Social Media</option>\n                    <option>Online (Other)</option>\n                    <option>Client Referral</option>\n                  </Form.Control>\n                </Form.Group>\n              </Form.Row>\n\n              <Form.Row>\n                <Form.Group as={Col} md=\"12\" controlId=\"user_number\">\n                  <Form.Label>Additional Information</Form.Label>\n\n                  <InputGroup>\n                    <Form.Control\n                      as=\"textarea\"\n                      id=\"message_html\"\n                      name=\"message_html\"\n                      type=\"text\"\n                      rows=\"5\"\n                      required\n                    />\n                  </InputGroup>\n                </Form.Group>\n              </Form.Row>\n\n              <Form.Row>\n                <Form.Group controlId=\"exampleForm.Button\">\n                  <Button type=\"submit\" className=\"pcracing-button\">Send Message</Button>\n                </Form.Group>\n              </Form.Row>\n              {contactError && (\n                <Alert variant=\"danger\">\n                  <Alert.Heading>Uh oh...</Alert.Heading>\n                  <p>\n                    There has been an error - try again later or give us a call\n                  </p>\n                </Alert>\n              )}\n              {contactSuccess && (\n                <Alert variant=\"success\">\n                  <Alert.Heading>Contact form successful, your message has been sent.</Alert.Heading>\n                  <p>\n                    Thanks for contacting pcracing.co.uk, we will respond to you as\n                    soon as we can.\n                  </p>\n                </Alert>\n              )}\n            </Form>\n        </div>\n    );\n  };\n\nexport default ContactForm;\n"],"sourceRoot":""}